[AJAX] add/delete via link

Overzicht Reageren

Sponsored by: Vacatures door Monsterboard

Full-stack .NET developer gezocht, Goeree-Overflak

Ben je een .NET software developer en op zoek naar een professionele werkomgeving binnen een wat groter innovatief en ambitieus bedrijf? Waar sprake is van een uitgebreid applicatielandschap met elke dag nieuwe uitdagingen, waar alles mogelijk is, binnen een goede collegiale sfeer? Lees dan verder! Voor een bedrijf in Goeree-Overflakke zijn we momenteel op zoek naar een ervaren software developer. De IT afdeling bestaat uit circa 60 mensen waarvan zo'n 15 developers. Voor de recente architectuur wordt gebruikt gemaakt van de nieuwste technieken waaronder .NET Core, Docker en Angular. Echter bestaat het applicatielandschap uit een groot aantal verschillende applicaties waarbij

Bekijk vacature »

Senior .Net Developer Duurzaamheid Maatwerkapplica

Functieomschrijving Ben je een ervaren .NET Developer en ben je op zoek naar een uitdagende rol met veel vrijheid? Wil jij aan de slag bij een bedrijf die duurzaamheid hoog in het vaandel heeft staan? Lees dan snel verder! Van scratch af aan applicaties bouwen; Testen van jouw code door middel van het uitvoeren van unittesten; Bug fixing; Contact onderhouden met klanten met klanten betreffende de door jouw ontwikkelde applicaties; Verbeteren en door ontwikkelen van maatwerkapplicaties. Functie-eisen Een afgeronde hbo/wo opleiding; Minimaal vijf jaar ervaring als fullstack .NET Developer; Uitgebreide technische kennis met oog voor praktische oplossingen; Ruime kennis van

Bekijk vacature »

Senior Front-end Developer vacature

Currently we are specific looking for professionals who speak fluently Dutch on C1 level. Senior Front-end Developer Jij weet wat er nodig is. Jouw hart gaat sneller kloppen van techniek. Jij wil vooruit. Je bent creatief, thuis in gebruikersinteractie en een Developer in hart en nieren. Daarnaast heb jij een klantgerichte en initiatiefrijke houding. Precies de kwaliteiten die een Front-end Developer nodig heeft. Wat doe jij als developer bij Sogeti? Als Front-end Developer werk je aan de technische realisatie van front-end (web)applicaties in de verschillende opdrachten voor Sogeti’s klanten. Dit kan zowel op klantlocatie, als intern bij Sogeti. Jij houdt

Bekijk vacature »

Software Ontwikkelaar Zorg-ICT

Wil jij met ChipSoft impact maken in de zorg met jouw technische kennis als Software Ontwikkelaar? En lijkt het jou uitdagend om innovatieve software te ontwikkelen met de laatste Microsoft-tools en technieken? Wat doe jij als Software Ontwikkelaar? Je bent verantwoordelijk voor het ontwerpen, ontwikkelen, ondersteunen en onderhouden van jouw eigen module. Dit gaat om complexe ICT-producten die feilloos moeten functioneren binnen de complexe omgeving van een zorgorganisatie. Je werkt zelfstandig of in teamverband. ChipSoft maakt gebruik van een zelf ontwikkeld multi-tier framework. Tijdens een interne opleiding brengen wij je snel bij hoe je binnen deze architectuur je ontwikkelkunsten kunt

Bekijk vacature »

Senior DWH Developer

Locatie DIEMEN Functieomschrijving Why are we doing it this way? How do we make things more efficient, faster, smarter and easier? That’s the kind of questions we like our team asking and answering. As part of our Operational Insights team, asking the right questions and providing answers to the business is part of your daily life. The team is responsible for the management information system of Randstad Groep Nederland (Randstad, Tempo-Team and Yacht). Consisting of business analysts, product owner, scrum master, data engineers, reporting specialists and solution architects, each person plays an important role. Our common goal is to make

Bekijk vacature »

.NET Developer

Currently we are specific looking for professionals who speak fluently Dutch on C1 level. .NET engineer met ambitie? De uitgebreide versie: Jij hebt ruim twee jaar ervaring als developer. Nu wil je graag je tanden zetten in nog complexere projecten. Met je team bereik je nieuwe hoogtes en zelfstandig maak je meters. Stilstand is achteruitgang voor jou; je hebt behoefte aan collegae die jou alles leren over Microsoft technologie maar wilt tegelijkertijd ook graag je eigen opgedane kennis delen. Alles wat vandaag nog onbekend is, moet je morgen toepassen in de volgende uitdaging en dàt is wat jou scherp houdt.

Bekijk vacature »

Fullstack Developer Angular 6 Java Complexe omgevi

Functieomschrijving Ben jij toe aan een nieuwe uitdaging binnen een complexe technische omgeving en wil jij met je ruime kennis van Java bijdragen aan een optimaal wegennet? Dan is dit de vacature voor jou! Ontwikkelen van innovatie applicaties met behulp van Angular 6 & Java; 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 Afgeronde HBO- opleiding (Technische richting is een pre); Minimaal 2 jaar relevante werkervaring als Fullstack Developer; Een passie voor techniek en programmeren; Technologieën,

Bekijk vacature »

.NET Core Developer C# Kubernetes

Functieomschrijving Ben jij een .NET Core Developer en wil je werken binnen een hele toffe en innovatieve omgeving? Heb je kennis van C#, Kubernetes en MySQL? Reageer dan snel! Ontwikkelen van online platform door middel van .NET Core, C# en SQL; Optimaliseren van performance en uptime; Wegwerken van bugs; Koppelingen maken met andere microservices; Werken aan innovatieve projecten en nieuwe features. Functie-eisen Afgeronde HBO of WO opleiding; Minimaal 5 jaar ervaring als Developer; Kennis en ervaring met .NET Core en Kubernetes zijn een vereiste; Kennis en ervaring met C#, SQL, RabbitMQ en microservice zijn een pré; Je hebt ervaring met

Bekijk vacature »

Senior Java 8 Developer in High-Tech Industry

Senior Java 8 Developer Intro Is your interest triggered by software and in particularly Java? Do you have at least 8 years of experience with Java in a High-Tech Industry? Then you could be the perfect candidate. Our client is looking for an senior Java Developer, in Eindhoven, The Netherlands. Function Information You will be end-to-end responsible for creating software in Java and Java EE, contributing to the development of several diagnostic applications in a scrum/Agile way of working. Diagnostic & Sequencing applications is done in several teams working together to deliver and integrate solutions to complex problems to enhance

Bekijk vacature »

Developer / Techneut / Oracle APEX / Ondernemend

Functieomschrijving Ben jij een echte Techneut die het leuk vindt om in verschillende talen te ontwikkelen waarbij je als Ontwikkelaar te maken krijgt met 500 TB aan storage? Lees dan snel verder! Verbeteren van bestaande product; Ontwikkelen nieuwe modules; Achterhalen requirements bij de klanten; Installatie op locatie; Verwerken van maatwerk verzoeken. Functie-eisen Hbo-werk- en denkniveau; Minimaal 3 jaar relevante werkervaring; Kennis en ervaring van Oracle, het liefst Apex; Je bent bekend met Elasticsearch; Je bent ondernemend en communicatief vaardig. Bedrijfsomschrijving Binnen deze organisatie zal je terecht komen in een team van 7 techneuten. Wat al deze techneuten kenmerkt, is dat

Bekijk vacature »

OutSystems Developer Gloednieuw Applicatiehuis

OutSystems Developer Functieomschrijving Heb jij als OutSystems Developer ruime ervaring met het ontwikkelen van diverse applicaties? Lijkt het jou gaaf om aan de vooravond te staan van de implementatie van een volledig nieuw applicatiehuis? Wil jij aan de slag binnen een uitdagende omgeving waarbij je de mogelijkheid krijgt jezelf verder te ontwikkelen? Lees snel verder! Jouw taken als OutSystems Developer zullen bestaan uit: Het van scratch af aan ontwikkelen van applicaties met OutSystems; Het aanhaken bij diverse projecten binnen de organisatie; Schakelen met de business; Meedenken over de mogelijkheden van het platform binnen de organisatie. Functie-eisen De eisen zijn: Hbo

Bekijk vacature »

Mobile App Developer

Ons Mobile ontwikkelteam zoekt een fanatieke Mobile App Developer. Ben jij creatief en heb je passie voor het ontwikkelen van apps? Dan zijn wij op zoek naar jou! Jouw baan ChipSoft heeft al diverse apps uitgebracht en het aantal gebruikers hiervan neemt snel toe. De apps doen het erg goed bij de zorginstellingen. Je kunt hierbij denken aan apps verpleegkundigen, thuiszorgmedewerkers, de logistieke dienst en - natuurlijk - de artsen zelf. Door jouw hands-on mentaliteit, eigenwijsheid en technisch inzicht kun je nauwkeurig herbruikbare software schrijven. Die software sluit naadloos aan op onze ‘back end’ (HiX, onze ICT-totaaloplossing voor de zorg).

Bekijk vacature »

C# Angular Developer Ontwikkelaar Leaseauto

Functieomschrijving C# Angular Developer Ontwikkelaar Leaseauto Ontwikkelen in C#.Net in maatwerk applicaties; Nieuwbouw en uitbouw van de systemen in C# .NET; Ondersteuning bieden aan de klanten op de applicaties; Requirements in kaart brengen; Maken van een technisch ontwerp. Functie-eisen HBO/WO diploma is een eis; Minimaal 3 jaar ervaring met Angular, C#.Net, HTML, CSS, Javascript; Goede beheersing van de Nederlandse en Engelse taal; Ervaring met relationele databases of mobiele oplossingen is gewenst; Makkelijk in de omgang, analytisch en communicatief. Bedrijfsomschrijving Onze klant is een IT dienstverlener, ter versterking van het team zijn ze op zoek naar een ervaren C# .NET Ontwikkelaar.

Bekijk vacature »

Java Developer/Consultant

JAVA Developer/Consultant – JAVA / Spring / DevOps / Scrum / Kanban Net binnen, JAVA developer/consultant voor een ambitieuze organisatie in Flevoland. • Medior / senior level Java developer • Centrale kantoor locatie op 5 minuten afstand van het statio • JAVA / Spring / DevOps / CI-CD / KanbanScrum / Agile • Goed salaris - €30.000-€70.000-, op basis van ervaring, en winstdeling • Reageer door te bellen met 020-8004990 of mail naar gerjan.hofland@searchability.com Deze organisatie is gespecialiseerd in software-ontwikkeling met Java en webtechnologie en werkt met klanten uit de MKB en de top 100 van bedrijven in Nederland! Bron:

Bekijk vacature »

Senior applicatieontwikkelaar

Ben jij een gedreven applicatieontwikkelaar met minimaal drie jaar werkervaring? En wil je een uitdagende baan met impact én jezelf breed ontwikkelen? Bij UPS bouw je mee aan complexe systemen die wereldwijd worden gebruikt en krijg je alle ruimte om nóg beter te worden in je vak. Dit ga je doen In een dynamisch scrumteam werk je aan de hand van processen en technologieën zoals CI/CD en DevOps aan het behalen van jullie doelen. 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

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

30/09/2020 07:08:58
 
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.