[AJAX] add/delete via link

Overzicht Reageren

Sponsored by: Vacatures door Monsterboard

BI Ontwikkelaar

Ben jij gek op het verzamelen en analyseren van informatie? En wil je met deze passie graag zorgorganisaties meer inzicht verschaffen? Lees dan snel verder. Jouw baan Als BI ontwikkelaar Datawarehouse help je zorgorganisaties bij het inzichtelijk maken en grafisch presenteren van hun data. De ene dag werk je aan rapportages en kubussen, een dag later spreek je af met je collega’s om je in een ingewikkeld zorgproces te verdiepen. Je verwerkt informatiewensen samen met onze ontwikkelaars in de software. Afwisselend en uitdagend, want je werkt aan meerdere projecten tegelijk. Wat voor projecten? Dat stemmen we zoveel mogelijk af op

Bekijk vacature »

Technisch Ontwerper / Applicatieontwikkelaar max.

Wie zoeken we? Je bent de beste in je vak of hebt de ambitie en de potentie om de beste te worden. Je hebt de passie om nieuwe technologieën te blijven leren en continu jezelf te ontwikkelen. Je hebt de pioniersgeest en drive om nieuwe technologieën, methodieken en concepten toe te passen in projecten en bij klanten. Je vindt het leuk om kennis te delen met collega’s, klanten en vakgenoten. Je bent een ware professional en ambassadeur voor CIMSOLUTIONS. Je voelt je thuis in een informele, collegiale en professionele sfeer waar de aandacht voor de klant en voor de medewerker

Bekijk vacature »

Back-end Python Developer

BACKEND DEVELOPER PYTHON For an international client near Utrecht I'm currently looking for a Back-end Python Developer that has affinity with Data Science. Do you want to work with the most talented people and at the same time work for a company that is engaged in reducing the environmental impact? Then this could be one of the most challenging opportunities. The Responsibilities As a Back-end Developer in this company, you build something that matters in various product development projects, focusing for example on data processing, data storage, data science or platform billing. Product development projects can be executed both on-site

Bekijk vacature »

Back-End Developers for the SSM Information Manage

Location Frankfurt am Main, Germany Closing date for applications 17 January 2020 Your team You will be part of the Prudential Domain Services Division in the Directorate General Information Systems. We are a team of approximately 25 IT professionals delivering tailored IT solutions for European banking supervision (SSM) to support financial stability and collect supervisory statistics. Working as part of an agile team of software developers, you will take over the development and maintenance of the SSM Information Management System (IMAS) from an external supplier. Currently, the custom-built IMAS web application is based on .NET, Java, SQL Server (including SSRS),

Bekijk vacature »

Windows Systeembeheerder

Als jij ICT in- en uitademt, dan zijn wij op zoek naar jou! Voor ons team zijn wij op zoek naar een: Windows systeembeheerder Omschrijving: Voor onze klanten, allemaal MKB-bedrijven uit de regio, verzorgen wij de ICT-omgeving. Zowel remote als bij de klant op de vloer. Wij helpen onze klanten met alle voorkomende ICT-zaken en zorgen dat het op rolletjes loopt. Wij zoeken een no-nonsense collega die plezier haalt uit het oplossen van ICT-problemen, groot en klein. Herken jij jezelf in het profiel van Windows Systeembeheerder ? Je vindt klanten helpen leuk en bent klantgericht Je houdt van verantwoordelijkheid Je

Bekijk vacature »

Java Developer / Java 8 / Angular / Docker / Autom

Functieomschrijving Wil jij als Java Developer aan de slag bij een internationaal bedrijf die cutting edge applicaties ontwikkeld voor de automotive branche? Ga je graag aan de slag met technieken als Java 8, Java EE7, Docker, Angular en wil je graag direct een lease auto krijgen? Lees dan snel verder! Ontwikkelen van cutting edge applicaties met o.a. Java 8, Java EE7, Angular en Docker; Verantwoordelijk vanaf het in kaart brengen van requirements tot de daadwerkelijke technische oplossing; Meedenken over architectuur; Assisteren van technische implementaties bij klanten; Overleggen met analisten, testers, architecten en consultants. Functie-eisen Minstens 2 jaar ervaring als Java

Bekijk vacature »

Java Developer Nieuwbouw Internationaal

Functieomschrijving Ben jij een ervaren Java Developer, of ben jij sinds kortgeleden in de wereld van Java gestapt, en wil jij met jouw kennis van Java een bijdrage leveren aan de core systemen van deze internationale organisatie? Lees dan snel verder! Ontwikkelen van applicaties en nieuwe functionaliteiten in Java; Aanpassingen maken in bestaande code; Overleggen en samenwerken met architecten en Product Owners; Werken binnen een multidisciplinair Scrumteam met betrekking tot analyse, design en ontwikkeling; Samenwerken en ondersteunen van testers in het proces van automatische regressietesten. Functie-eisen Je bent in het bezit van een hbo-diploma; Minimaal twee jaar relevante werkervaring; Je

Bekijk vacature »

Business Intelligence Developer vacature

Jij ben niet bang om hard te werken. Uitdagingen zijn welkom. En problemen? Die zijn er om opgelost te worden of, nog beter, om voorkomen te worden! Voor jij aan de slag gaat met het ontwerpen van BI- en DWH-oplossingen, leg je eerst je oor te luister bij de klant. Zo weet jij wat de klant wil, en hoe jouw ontwerp eruit moet komen te zien. Simpel! Althans… met jouw Developer-kwaliteiten wel! Over deze BI vacature Als Business Intelligence Developer ga je zowel op locatie bij de klant aan de slag, als op een van de Sogeti-locaties. Je analyseert de

Bekijk vacature »

Fullstack Developer/ ASP.NET (Core) / Cloud develo

Functieomschrijving Ben jij een full stack developer die graag aan de slag gaat met cloud development en Continious delivery? Bouw jij graag mee aan informatiediensten en verscheidene platformen? Lees dan snel verder! Bouwen van nieuwe functionaliteiten (10%) Doorontwikkeling van één van de complexe applicaties (30%) Bugfixing (30%) Testen van (jouw) code (30%) Functie-eisen Minimaal een MBO-diploma met HBO werk- en denk niveau; Minimaal 2 a jaar ervaring als .NET developer; Ervaring C#, ASP.NET Core; Ervaring met het Entityframework, Visual Studio; Ervaring binnen een SCRUM/Agile omgeving; Ervaring met Azure (DevOps) is een pré; Ervaring met MVC is een pré. Bedrijfsomschrijving Deze

Bekijk vacature »

Full-stack .Net Developers gezocht in Oost Nederla

Functieomschrijving Binnen je functie ben je verantwoordelijk voor de technische ontwikkeling van grote projecten. Dit kunnen verschillende toepassingen zijn. Voor, tijdens en na een project zal je een aantal keer in contact staan met de opdrachtgever om het product zo veel mogelijk naar wens van de klant in te richten. Als Full-Stack developer zul je hier voornamelijk gaan werken met C# .Net, ASP.NET, SQL Server en Entity Framework. Je zal hier van begin tot eind betrokken zijn bij de realisatie van een project. Functie-eisen – Je hebt tenminste een HBO diploma in de richting van informatica – Je hebt ruime

Bekijk vacature »

Application engineer

Do you have at least 3 years of experience in engineering or computer science? Then you may be interested in the position of: Application engineer located in our EMEA headquarters in ‘s-Hertogenbosch About the position: Includes the following essential duties and responsibilities (other duties may also be assigned): Responsible for technical services and work directly with customers resolving technical issues including server systems, PC systems and computer peripherals. Identifying technical issues and resolve computer hardware & software problems. Establish and maintain lines of communication with sales team to discuss services and technical issues. Travel with sales to customer sites to

Bekijk vacature »

PHP Developer op de groei Innovatie Creativiteit

Functieomschrijving Ben jij een PHP Developer die zich nog wilt ontwikkelen? Ben jij innovatief, leergierig en wil je graag groeien? Sta jij te springen om de nieuwste tools en technieken toe te passen in jouw werk? Reageer nu en kom alles te weten! Software ontwikkelen met behulp van PHP; Werken aan verbetering van traditionele en nieuwe SaaS-producten Ontwikkelen van nieuwe functionaliteiten volgens SCRUM; Deelnemen aan verschillende development projecten; Maken van een technisch ontwerp; Meedenken over de architectuur. Functie-eisen Hbo-denkniveau; Minimaal 2 jaar relevante werkervaring; Creatief en innoverend; Ervaring met SCRUM is een pré; Een mooie schone code schrijven, dat geeft

Bekijk vacature »

Senior Java Developer Role in Amsterdam

ORANGE QUARTER ARE CURRENTLY WORKING WITH ONE OF AMSTERDAM’S MOST INNOVATIVE TECH CONSULTANCIES WORKING ACROSS THE HEALTHCARE, BANKING, IOT AND MOBILE SECTORS. THEY PROVIDE INNOVATIVE SOFTWARE SOLUTIONS USING JAVA TECHNOLOGIES ACROSS THESE SECTORS AND ARE LOOKING FOR A SENIOR JAVA DEVELOPER TO JOIN THEIR TEAM AND IMPACT THESE CHALLENGING AND EXCITING PROJECTS. WHAT TO EXPECT: QUALITY IS ALWAYS FIRST WITH THIS COMPANY AND THEY DO NOT OPERATE WITHIN THE USUAL TRADE-OFFS ASSOCIATED WITH CONSULTANCY WORK. YOU’LL BE WORKING ALONGSIDE SENIOR ENGINEERS ONLY IN CROSS-FUNCTIONAL SCRUM TEAMS MADE UP OF FRONT-END, BACK-END AND QA AND DEVOPS ENGINEERS. ALONG WITH SPENDING EVERY

Bekijk vacature »

.Net Developer bij maatschappelijk betrokken diens

Voor een financiële particuliere dienstverlener ben ik op zoek naar een ervaren .Net Software Developer. Inmiddels bestaan ze meer dan 130 jaar en werken er 200 medewerkers. Goed werkgeverschap en betrokkenheid staat hoog in het vaandel; je inbreng wordt sterk gewaardeerd en beloond. De winsten vloeien voornamelijk terug naar de medewerkers, klanten en de groei van het bedrijf. Om up to date te blijven met de nieuwste technologieën, zijn ze momenteel de bestaande legacy .Net applicaties naar .Net Core aan het migreren. Ze zijn op zoek naar een collega die met hen ondersteund met zowel het migreren van de bestaande

Bekijk vacature »

Technisch Ontwerper / Applicatieontwikkelaar max.

Wie zoeken we? Je bent de beste in je vak of hebt de ambitie en de potentie om de beste te worden. Je hebt de passie om nieuwe technologieën te blijven leren en continu jezelf te ontwikkelen. Je hebt de pioniersgeest en drive om nieuwe technologieën, methodieken en concepten toe te passen in projecten en bij klanten. Je vindt het leuk om kennis te delen met collega’s, klanten en vakgenoten. Je bent een ware professional en ambassadeur voor CIMSOLUTIONS. Je voelt je thuis in een informele, collegiale en professionele sfeer waar de aandacht voor de klant en voor de medewerker

Bekijk vacature »
Jurgen assaasas

Jurgen assaasas

09/10/2008 09:19:00
Quote Anchor link
Ik heb een aantal artikelen en ik zou deze graag dynamisch veranderen van status:


voorbeeld:
Code (php)
PHP script in nieuw venster Selecteer het PHP script
1
2
3
4
5
6
7
8
9
art nr        artikel        status
1              iets            actief
2              iets            actief
3              iets            inactief
4             iets            actief
5              iets            inactief
6              iets            actief
7              iets            inactief
8             iets            actief


Ik wil gebruik maken van het Mootools framework maar ik kan geen tuts/voorbeelden vinden die bij mijn probleem passen. De bedoeling is dus:

1. Ga naar pagina
2. Klik producten actief of inactief (dit moet dynamisch worden veranderd met ajax dus).

Ik wil 2 plaatjes een vinkje en een kruisje laten veranderen als er op wordt geklikt.
Gewijzigd op 01/01/1970 01:00:00 door Jurgen assaasas
 
PHP hulp

PHP hulp

26/01/2020 14:58:04
 
Stien ss

stien ss

09/10/2008 12:02:00
Quote Anchor link
Ok wat je doet is dit:

Je maak de links voor je status, de href maak je gewoon zoals je hem zou maken zonder ajax, deze links geef je een class ajax-link.

Hieronder heb ik een stukje met mootools geschreven (1.2) die ongeveer doet wat jij wil. Je moet in onSuccess nog even naar het goede statusObject verwijzen ik weet namelijk niet hoe je site in elkaar zit.

Ook de plaatjes zal je in onSuccess moeten veranderen, maar snap niet helemaal wat je bedoeld.

Code (php)
PHP script in nieuw venster Selecteer het PHP script
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
<?php
window.addEvent ( 'domready', function () {

    $$('a.ajax-link').each ( function (node) {

        node.addEvent ( 'click', function(e) {

            new
Event(e).stop ();
              
            var
Request = new Request ({ url: this.href,
                                         method: 'get',
                                        
                                         onSuccess: function ( responseText, responseXML ) {
                                            var
statusObject = $('ietsdf');
                                            statusObject.set ( 'html', responseText );
                                         }.
bind(this),
                                        
                                         onFailure: function () {
                                         }
                                       });


            Request.send ();

        });

    });

});

?>


* Ongetest
Gewijzigd op 01/01/1970 01:00:00 door stien ss
 
Jurgen assaasas

Jurgen assaasas

09/10/2008 14:20:00
Quote Anchor link
Ik snap de syntax niet echt, ik begrijp niet wat er gebeurd.

Ik zal even een testpagina maken wat de bedoeling is.

Edit: hier een voorbeeld:


Klik!

Deze gegevens komen dus uit een database
Gewijzigd op 01/01/1970 01:00:00 door Jurgen assaasas
 
Stien ss

stien ss

09/10/2008 16:00:00
Quote Anchor link
Code (php)
PHP script in nieuw venster Selecteer het PHP script
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
<?php
// Als de site geladen is (domready event) dan voeren we de gegeven functie uit
    window.addEvent ( 'domready', function () {
    
        // We gaan door elke link met class ajax-link loopen
        $$('a.ajax-link').each ( function (node) {

            // Als op deze node geklikt wordt, dan gaan we de gegeven functie uitvoeren
            node.addEvent ( 'click', function(e) {

                // Normaal als je op een link klinkt wordt een andere pagina geladen, dit moet niet meer
                new Event(e).stop ();
                  
                // We gaan een ajax request maken met de href van de link
                // Als deze request slaagt dan wordt onSuccess uitgevoerd en veranderen we het plaatje van de img
                // Normaal gesproken verwijst this in onSuccess naar het Request object, maar dit willen we niet
                // Daarom gebruik ik .bind(this). Dat betekend dat als we nu this gebruiken in de onSuccess functie we verwijzen naar het link object, niet naar het request object
                //
                // In javascript kan je {} voor een array. Dus {url: this.href} zou in php betekenen: array ( 'url' => this.href)

                var r = new Request.HTML ({ url: this.href,
                                             method: 'get',
                                            
                                             onSuccess: function ( responseText, responseXML ) {
                                                this.set ( 'src', ( this.get('src') == 'false.png') ? 'true.png' : 'false.png' );
                                                
                                             }.
bind(this),
                                            
                                             onFailure: function () {
                                                alert ( 'foutje' );
                                                
                                             }
                                            
                                           });


                // Verzend het request
                r.send ();

            });

        });

    });

?>


Heb er wat commentaar bij gedaan, hopelijk begrijp je het zo een beetje.

Je moet wel elke link naar een goede php file laten verwijzen, bijvoorbeeld:
changeState.php?id=(nummer)
Gewijzigd op 01/01/1970 01:00:00 door stien ss
 
Henk PHP

Henk PHP

09/10/2008 16:20:00
Quote Anchor link
Je maakt eerst een map met die ajax heet of iets dergelijks, met je php bestanden.
bijvoorbeeld:

ajax/changestatus.php
Code (php)
PHP script in nieuw venster Selecteer het PHP script
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
<?php

$id
= $_GET['id'];
$action = $_GET['action'];

if($action == 1) { $status = 1; } else { $status = 0; }

$sql = "UPDATE artikelen SET status = " . mysql_real_escape_string($status) . " WHERE id = " . mysql_real_escape_string($id) . "";

$query = mysql_query($sql) or die(mysql_error());
if($query){
    
    echo $action;
}


?>


Daar kan je dus dingen in je database veranderen. Uiteraard moet je dat nog even (goed) beveiligen. het werkt zo: 'ajax/changestatus.php?id=10&action=1'

- action = 1 is actief en 0 is inactief -

Nu hebt je de volgende javascript:

(met mootools 1.11 btw)

Code (php)
PHP script in nieuw venster Selecteer het PHP script
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
window.addEvent('domready', function(){
    $$('.changestatus').each(function(el) {
            el.addEvent('click', function(e){
           e = new Event(e).stop();
                
           var id = el.rel;
           var action = el.rev;      
                        
                var url = "ajax/changestatus.php";
                url = url + "?id=" + id;
                url = url + "&action=" + action;

           new Ajax(url, {
            method: 'get',
            update: $(el)
            }).request();
            
            if(el.rev == 0) { el.rev = 1 } else { el.rev = 0 }

});

    });
               });


Daarmee kun je dus met een link een changestatus doen.
zobijvoorbeeld:
Code (php)
PHP script in nieuw venster Selecteer het PHP script
1
<a href="#" class="changestatus" rel="1" rev="0">vinkje</a></td></tr>';

rel = artikel id
rev = actie (dus of het inactief of actief moet worden, in dit geval inactief.

Dan heb je bijvoorbeeld zo je index.php (of w/e :P)

Code (php)
PHP script in nieuw venster Selecteer het PHP script
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<script type="text/javascript" src="mootools.js"></script>
<script type="text/javascript">
window.addEvent('domready', function(){
    $$('.changestatus').each(function(el) {
            el.addEvent('click', function(e){
           e = new Event(e).stop();
                
           var id = el.rel;
           var action = el.rev;      
                        
                var url = "ajax/changestatus.php";
                url = url + "?id=" + id;
                url = url + "&action=" + action;

           new Ajax(url, {
            method: 'get',
            update: $(el)
            }).request();
            
            if(el.rev == 0) { el.rev = 1 } else { el.rev = 0 }

});

    });
               });
</script>
</head>
<?php


$sql
= "SELECT * FROM artikelen";
$query = mysql_query($sql) or die(mysql_error());

echo '<table border=1 width=600>';
echo '<tr><td>id</td><td>titel</td><td>status</td></tr>';
while($row = mysql_fetch_assoc($query))
{

    
    if($row['status'] == 1) { $action = 0; } else { $action = 1; }
    echo '<tr><td>' . $row['id'] . '</td>
    <td>'
. $row['titel'] . '</td><td>
    <a href="#" class="changestatus" rel="'
. $row['id'] . '" rev="' . $action . '">' . $row['status'] . '</a></td></tr>';
    
    
}


echo '</table>';
?>


</body>
</html>


Zo moet het ongeveer werken.

hier staat een werkend voorbeeld online.
Gewijzigd op 01/01/1970 01:00:00 door Henk PHP
 



Overzicht Reageren

 
 

Om de gebruiksvriendelijkheid van onze website en diensten te optimaliseren maken wij gebruik van cookies. Deze cookies gebruiken wij voor functionaliteiten, analytische gegevens en marketing doeleinden. U vindt meer informatie in onze privacy statement.