[AJAX] add/delete via link

Overzicht Reageren

Sponsored by: Vacatures door Monsterboard

Senior C# Developer

UPS Nederland zoekt een Senior Developer C# * Remote werken mogelijk Wil jij werken aan complexe IT-systemen bij een van de grootste logistieke werkgevers ter wereld? Als ontwikkelaar bij UPS werk je aan opkomende technologieën en DevOps processen om ervoor te zorgen dat onze logistieke processen zo soepel en efficiënt mogelijk verlopen. Dit ga je doen Je bent betrokken bij alle facetten van applicatieontwikkeling. Je bent betrokken bij alle facetten van applicatieontwikkeling: van ontwerpen en bouwen tot testen en implementeren. Je levert ontwerpen die passen bij de onderliggende frameworks en concepten, bouwt efficiënte en testbare code, identificeert en integreert modulaire

Bekijk vacature »

PL/SQL Developer Nieuwbouw Internationaal

Bedrijfsomschrijving Het bedrijf is internationaal en heeft vestigingen in meer dan 30 landen. Vanuit de afdeling in Utrecht worden 15 landen bediend. Op dit moment zijn er 2200 gebruikers van het platform. In de toekomst zullen daar nog een aantal landen en een hoop gebruikers bijkomen. Zodra jij bij dit bedrijf naar binnen stapt, zal je direct op merken dat het een professioneel bedrijf is. Des al niet te min kun je bij iedereen naar binnen lopen en staat iedereen je met open armen op te wachten. Verder zal je te maken krijgen met korte communicatielijnen en kleine agile achtige

Bekijk vacature »

.NET developer / C# / Azure

Bedrijfsomschrijving Je komt als .NET Developer te werken bij een vooraanstaande softwareontwikkelorganisatie in de verzekeringswereld. De primaire ontwikkeltaal is C#, maar ook maken ze gebruik van ASP.NET (Core), MVC en TypeScript. Daarnaast worden de stappen gezet om dit jaar naar Azure te migreren. Het belangrijkste product is een webservice (WCF) dat optimale en veilige communicatie mogelijk maakt tussen aanbieders, zorgverleners en gebruikers. Deze service maakt het mogelijk dat er per maand gemiddeld meer dan 250 miljoen berichten door hun systeem gaan met 800 berichten per piek seconde. Door de automatisering in de zorgsector is deze organisatie in de afgelopen jaren

Bekijk vacature »

Full-stack Java Developer

Functieomschrijving Wil jij continu een organisatie en processen optimaliseren? Maak jij graag IT applicaties die impact hebben? Wil jij jezelf en Nederland in beweging houden? Wat ga je doen als Full-stack Java Developer bij Randstad Nederland? Als je als full-stack java developer ergens impact hebt, dan is het hier wel. Wij ondersteunen onze HR-dienstverlening met hightech apps en software, die we continu verbeteren. Zodat onze mensen ervoor kunnen zorgen dat bijvoorbeeld jouw koffer op de band terecht komt op het vliegveld, jouw pakketjes netjes op tijd worden geleverd en goed verzorgt wordt in het ziekenhuis. Onze innovaties volgen elkaar in

Bekijk vacature »

Junior Mendix Developer - Infrastructure

Bedenk jij voor ieder business vraagstuk de juiste oplossingen en weet jij daarbij perfect gebruik te maken van alle mogelijkheden vanuit het Mendix platform? Wat ga je doen? Als Mendix Developer begeleid en adviseer je onze klanten bij het analyseren van hun aangegeven business problematiek. Hierbij denk je buiten de gevestigde kaders en weet je optimaal gebruik te maken van de mogelijkheden die geboden worden vanuit het Mendix platform. Vaak heb je een pioniersfunctie en vorm je het eerste aanspreekpunt voor de klant. Het oplossen van een business vraagstuk is jouw passie en met behulp van de Mendix technologie ben

Bekijk vacature »

Full Stack .NET Developer Graduate Program –

Via Experis Academy krijg je een unieke kans om de in de branche gewilde expertise op te doen die jou tot een gewilde Full Stack .NET Developer met een frontend-specialisatie maken. Het programma duurt 21 maanden en eindigt met een vaste baan bij een van onze vele, boeiende opdrachtgevers, of je blijft bij ons (Experis) werken. Ons programma tot .NET Developer Experis Academy start met een op maat gemaakte cursus die drie maanden duurt. Gedurende deze maanden komen theorie, praktijk en .NET-certificeringen aan bod. Hierbij is het onderwijsprogramma gebaseerd op de principes als versnelde training en flipped classroom. De volgende

Bekijk vacature »

Fullstack ontwikkelaar

Bedrijfsomschrijving Bij het accepteren van dit aanbod kom je terecht binnen een veelzijdige organisatie waar een goede sfeer hangt. Zij zijn gewend dagelijks met elkaar te lunchen en ruimte is voor een potje Mario. Als Fullstack ontwikkelaar ga je je op projectbasis bezighouden met het ontwikkelen van content voor diverse opdrachtgevers. De projecten waar je aan gaat werken zullen verschillende qua omvang. Hierbij kan je rekening houden met een gemiddelde doorlooptijd van een half jaar, waarbij er meerdere projecten naast elkaar kunnen lopen. De nadruk zal liggen op ontwikkeling aan de front-end, maar ook op het gebied van ontwikkeling aan

Bekijk vacature »

Developer Powershell

Bedrijfsomschrijving Je komt als Developer Powershell te werken in de omgeving Deventer/Apeldoorn bij een nationaal opererende organisatie. Ze blijven constant in beweging en zijn altijd bezig om de laatste innovaties door te voeren. De organisatie werkt met grote hoeveelheden data, zij richten zich zowel op de B2B als B2C markten en zijn pionier binnen hun gebied van expertise. De applicaties draaiende op het platform verwerken per maand aanvragen voor meer dan 6 miljoen gebruikers en jij mag een rol gaan spelen in de complexe technieken en infrastructuur dat schuilt rondom deze applicaties! Je komt in een team waarbij de helft

Bekijk vacature »

Developer DataPower & Message Queiuing

Bedrijfsomschrijving Je komt als DataPower developer te werken in de regio Deventer/Apeldoorn bij een van de meest complexe IT omgevingen van Nederland. De organisatie is constant in beweging en bezig met de nieuwste tools en technieken, het is een platform waar immers miljoenen (!) gebruikers van afhankelijk zijn. De organisatie werkt met grote hoeveelheden data, zij richten zich zowel op de B2B als B2C markten en zijn pionier binnen hun gebied van expertise. Je komt te werken in een team met de beste DataPower specialisten die Nederland kent. Je zal bezig zijn met het ontwerpen, bouwen en testen op het

Bekijk vacature »

Scala Developer Security

Bedrijfsomschrijving Voor een dynamische en snelgroeiende organisatie in Den Haag zijn wij op zoek naar een back-end developer met interesse in security vraagstukken. Deze organisatie richt zich op het ontwikkelen van een online platform waar persoons- en bedrijfsgevoelige informatie veilig kan worden uitgewisselt en opgeslagen. Binnen de organisatie voegt iedereen vanuit zijn eigen expertise iets toe en staat zelfsturing hoog in het vaandel. Zij werken via het domain driven design principe waarbij zij binnen het betreffende domein met alle disciplines sparren over de inrichting van het platform en het oplossen van problemen. Het platform wordt ontwikkeld in Scala binnen een

Bekijk vacature »

Security Engineer

Security Operations Engineer Voor onze opdrachtgever in de omgeving van Utrecht zijn weop zoek naareen security operations engineer o.b.v. deta-vast. Als security operations engineer maak je deel uit van het Infra & Security team binnen IT. Het team bestaat uit 4 collega’s die rapporteren aan de Manager Infra & Security. Daarnaast werk je nauw samen met de information security officer. In een innovatieve ‘open space’ afdeling waarin alle ICT en E-commerce disciplines vertegenwoordigd zijn werk je samen aan de optimale ontwikkeling en dienstverlening voor de opdrachtgever. Wat zijn jouw verantwoordelijkheden en werkzaamheden? Jouw verantwoordelijkheden: Als security operations engineer ben je

Bekijk vacature »

GEO-ICT/Smallworld GIS Ontwikkelaar

Bij onze klanten vormen Geographical Information System (GIS) systemen de basis van Asset Data Management. Zie jij het als een uitdaging om als onderdeel van een DEVOPS team de systemen van onze klanten te helpen vormgeven en continu te verbeteren? Wat ga je doen? Ons team heeft als doel nog relevanter te worden voor onze klantengroep van netbeheerders. Wij hebben een grote GEO-ICT Practice en daarmee zijn we in staat een fundamenteel deel van de basisregistratie van assets voor onze klanten vorm te geven. Dat doen we door het bedenken van concepten, onze klanten te adviseren op GEO-ICT gebied en

Bekijk vacature »

.NET ontwikkelaar / Azure

Bedrijfsomschrijving Als onderdeel van een grote IT-dienstverlener is deze organisatie nu gegroeid tot een organisatie van bijna 30 man groot. Iedereen binnen deze organisatie houdt zich bezig met het ontwikkelen, beheren, onderhouden van bedrijfskritische applicaties. De organisatie ontwikkelt applicaties voor o.a. diverse grote zorgverzekeraars, maar ook de wat kleinere lokale bedrijven worden door deze organisatie ondersteund. In tegenstelling tot de moederorganisatie, werken de medewerkers bij deze organisatie gemiddeld drie tot vier dagen in de week gewoon op het eigen kantoor in Utrecht. Samen met een vast team ben je dus verantwoordelijk voor verschillende projecten die je veelal op één en

Bekijk vacature »

Back-end Developer

Cube in Twente is op zoek naar een Back-end Developer Medior / Senior Functie omschrijving Als Back-end Developer bouw je met jouw kennis de beste oplossingen voor de vragen van onze klanten en kun je goed onderbouwen waarom nu juist déze techniek het beste aansluit bij zijn wensen. Daarnaast sta je ervoor open je kennis te delen met je collega developers. Op deze manier haal jij het maximale uit de samenwerking met de klant en til jij je collega’s naar een hoger niveau. We zijn gegroeid door focus te houden op het plezier van het team en op de details

Bekijk vacature »

Functioneel Applicatiebeheerder

Ben jij een slimme en klantgerichte applicatiebeheerder met oog voor detail die gestructureerd werkt, en wil je graag bij een leuk middelklein bedrijf met aardige en capabele mensen werken? Wij, IntelliMagic in Leiden, ontwikkelen interessante software op het gebied van IT Operations Analytics, die we leveren aan grote bedrijven in Europa en de Verenigde Staten. Voor de dienstverlening aan onze Europese klanten zoeken wij een enthousiaste functioneel applicatiebeheerder. In deze rol ben je verantwoordelijk voor het beheren van onze applicatie voor klanten die de software in de cloud draaien. Je richt klantomgevingen in, controleert dagelijks of alles goed loopt, lost

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

18/05/2021 18:45:50
 
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.