Lightbox

Overzicht Reageren

Sponsored by: Vacatures door Monsterboard

Advanced Mendix Developer Logistic Solutions (NL)

Advanced Mendix Developer Logistic Solutions (NL) Den Haag HBO/WO IT Professional "Als Advanced Mendix Developer impact maken op de groeiende E-commerce markt met onze logistieke software en onze kritieke logistieke keten. Je doet dit door ontwikkeling en uitbreiding van onze Mendix Cloud omgeving, waarbij je complexe business processen vertaalt naar kritieke Mendix applicaties." Wat ga je doen? PostNL is becoming a postal tech company. Je komt te werken binnen PostNL Logistic Solutions. Daar gaan we net wat verder dan een standaardpakket of brief. Het gaat bijvoorbeeld om gekoeld vervoer van medicijnen (Health), Warehousing (Fulfilment), het leveren binnen hele strakke tijdvakken

Bekijk vacature »

Medior Senior C# .NET Software Ontwikkelaar Meldka

Over het bedrijf: Wij ontwikkelen concepten op het gebied van veiligheid, gezondheidszorg en communicatie. Is het je passie om software-oplossingen te programmeren? Heb je professionele ervaring met C# en .Net? Vaste baan: Medior Senior C# .NET Software Ontwikkelaar Meldkamersoftware .Net 2.800 - 4.500 Software Engineer We werken aan software voor verhogen van de veiligheid via multimedia in bijvoorbeeld de gezondheidszorg. Streaming van live video en audio staan hierbij centraal. We kunnen alarmeringen monitoren en services op afstand verlenen. We zorgen voor een totaalconcept. Wij werken in teams aan uitdagende projecten en bieden daarbij een informele maar innoverende omgeving, waarbij we

Bekijk vacature »

Back-end PHP Developer @ Alkmaar

2021-08-20 iSense Back-end PHP Developer Ben jij een developer die de volgende stap in zijn carrière wilt maken? Wijk jij niet uit voor precisie werk in een open en informele omgeving? Lees dan snel verder en reageer! ISCA41143 Organisatie Onze klant, gevestigd in de omgeving van Alkmaar, levert wereldwijd oplossingen op het gebied van IT. Dag in dag uit werken zij met veel passie aan hun product waarmee ze streven naar verbeteringen binnen zorg. Voor onze klant zijn we op zoek naar een medior PHP Developer. Je komt te werken in een organisatie met een open en informele sfeer. Het

Bekijk vacature »

Full Stack Developer Agrarisch / Koemonitoring

Over de werkgever: Wij produceren en leveren koemonitoringssystemen. Wil jij voor ons software ontwerpen en realiseren? Heb jij minimaal drie jaar ervaring als full stack developer? Vaste baan: Full Stack Developer Agrarisch Microsoft Stack 3.000 - 4.200 Full Stack Developer Ons bedrijf heeft met een team van gedreven collega’s een revolutie teweeggebracht in de wereld van koemonitoringssystemen. Met onze oor-sensortechnologie helpen we veehouders wereldwijd om de productiviteit en winstgevendheid van hun melkveebedrijf te verhogen. Bij ons werk je aan onze eigen bedrijfsapplicaties. Je ontwikkelt met ons de meest nieuwe software. Wij blinken uit als het gaat om de inzet van

Bekijk vacature »

Delphi Developer Software / Python

Bij welk bedrijf je gaat werken: Wij zijn een geotechnisch en milieutechnisch onderzoeks- en adviesbureau. Ben jij een Delphi Developer? Heb jij ervaring met Delphi? Vaste baan: Delphi Developer Software Delphi 3.500 - 4.700 Delphi Developer Ons bedrijf is gespecialiseerd in geotechnisch en milieutechnisch advies. Bij ons werk je samen met uitstekende vakspecialisten, die graag hun kennis met jou willen delen. Wij werken voor grote klanten. We doen omvangrijke projecten die we bij ons op kantoor realiseren (geen detachering). Wij werken met state-of-the-art technologie en lopen daarin voorop. Wil jij de diepte in en veel leren, dan is deze baan

Bekijk vacature »

Sr PHP Developer ICT / GIT SVN

Voor wie je gaat werken: Wij ontwikkelen applicaties voor onderwijs en zorg. Ben jij een ervaren PHP Developer? Heb je kennis van MySQL en JavaScript? Vaste baan: Sr PHP Developer ICT JavaScript MySQL 3.300 - 4.700 Senior PHP Developer Wij zijn een bedrijf actief op gebied van o.a. loopbaanontwikkeling, onderwijs (via e-learning), reïntegratie en begeleid wonen.Met onze medewerkers werken wij aan verschillende producten / dienstverlening. Ondanks de grootte is de sfeer bij ons vriendschappelijk en gemoedelijk. Dit komt omdat de activiteiten verdeeld zijn over veel verschillende werkmaatschappijen. Bij ons werk je aan onze eigen bedrijfsapplicaties. Je ontwikkelt met ons de

Bekijk vacature »

Java Software Developer Spring Hibernate / Linux

Bij welk bedrijf je gaat werken: Wij zijn expert in informatie- en communicatieoplossingen. Ben jij een Senior Java Software Engineer? Heb jij ervaring met Java? Vaste baan: Java Software Developer Spring Hibernate Linux 3.800 - 5.500 Java Software Engineer We zijn een financieel gezond en onafhankelijk bedrijf, met een erg leuke informele werksfeer. Er is ruimte voor flexibiliteit en eigen input. Bij ons werk je aan onze eigen bedrijfsapplicaties. Je ontwikkelt met ons de meest nieuwe software. Wij blinken uit als het gaat om de inzet van technologie. Wij staan open voor elke nieuwe trend. Onze systemen zijn groot en

Bekijk vacature »

Full Stack .NET Developer Graduate Program - Exper

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 »

C# Developer @ Almere

2021-08-20 iSense C# Developer Ben jij een gedreven en enthousiaste .NET Developer (C#) met gevoel voor design en usability? Wil jij als C# Ontwikkellaar jouw skills graag inzetten op de development afdeling van een innovatieve, flexibele organisatie met een groot bereik? Lees dan snel verder! ISSP42589 Organisatie Onze klant is een internationale organisatie gevestigd in de omgeving van Almere. De laatste jaren heeft onze klant een forse groei doorgemaakt als onderdeel van een grote Corporate werkgever. Flexibiliteit en meedenken zijn belangrijke pijlers in de organisatie. Zo is het pand bijvoorbeeld al om 7 uur open, zodat flexibele werktijden mogelijk zijn.

Bekijk vacature »

Salesforce developer

Functieomschrijving Do you want to help shape the global Salesforce environment of the world’s largest HR service provider, defining, building and continuously improving the solution 28.000 people will use on a daily basis? Helping shape the working life of over 500 million talented individuals? As part of building a global Salesforce programme we are looking for multiple experienced Salesforce Developers. You work closely with our Technical lead, product owner and other salesforce developers and consultants to implement and integrate a global package of features based on Sales Cloud, Services Cloud, Marketing Cloud and Bullhorn for Salesforce, including but not limited

Bekijk vacature »

Technisch Applicatiebeheerder Westfries Archief

Technisch Applicatiebeheerder Westfries Archief Het Westfries Archief is hét regionaal historisch centrum voor Westfriesland. De organisatie ondersteunt de zeven aangesloten gemeenten bij het digitaal duurzaam beheer van informatie. Wat ga je doen? Als technisch applicatiebeheerder ben je verantwoordelijk voor het beheer van de systemen van het Westfries Archief. Dit betreft het technisch beheer van de servers, de netwerken, datalijnen, randapparatuur en werkstations. Verstoringen in de infrastructuur help je oplossen en monitoring van systemen voer je samen met onze leveranciers uit. Je draagt verbeteringen aan, volgt innovaties op de voet en zorgt voor continuïteit van de systemen. Naast technische kennis heb

Bekijk vacature »

Medior Software Developer React Node js / Vastgoed

Bij welk bedrijf je gaat werken: Wij zijn een SaaS ontwikkelaar binnen de vastgoedsector. Wil jij meewerken aan onze applicaties? Heb je ervaring met node.js? Vaste baan: Medior Software Developer React Node js Vastgoedsector 3.000 - 4.500 Wij zijn een SaaS ontwikkelaar die actief is binnen de vastgoedsector. Wij hebben een sterk kernteam. Onze software ontwikkelaars hebben over het algemeen een academische achtergrond in het bèta spectrum. Onze mensen ontwikkelen en onderhouden een groot aantal tools die samenwerken om een web-based interface te leveren. Bij ons werk je aan onze eigen bedrijfsapplicaties. Je ontwikkelt met ons de meest nieuwe software.

Bekijk vacature »

JavaScript Developer

Als Front-End Developer bij Coolblue verbeter je de gebruiksvriendelijkheid van onze webshop voor miljoenen klanten. Wat doe je als JavaScript Developer bij Coolblue? Als Front-end Developer werk je aan de gebruiksvriendelijkheid van onze webshop voor miljoenen klanten. Je vindt het leuk om samen te werken met de UX designer om stories op te pakken. Je krijgt energie van het bedenken van creatieve oplossingen en presenteert dit graag binnen het team. Daarnaast ben je trots op je werk en verwelkomt alle feedback. Ook Front-end Developer worden bij Coolblue? Lees hieronder of het bij je past. Dit vind je leuk om te

Bekijk vacature »

Sr PHP Backend Developer / Laravel

Over de werkgever: Wij zijn een groep tech-minded developers. Is software-development jouw passie? Heb jij ervaring als developer? Vaste baan: Sr PHP Backend Developer Laravel 3.800 - 5.500 Senior Backend Developer Wij werken uitsluitend met teams van in-house professionals. Daarnaast specialiseren wij ons in het uitdenken, ontwikkelen en opleveren van hoge kwaliteit en schaalbare oplossingen voor MKB en enterprise. Zo ontwikkelen we custom tooling en applicaties voor een aantal bedrijven in de top vijftig van Nederland. Wij werken, zoals gezegd, voor MKB klanten. We hebben veel verschillende projecten. Houd jij van afwisseling? Dan zit je bij ons goed! Wij zijn

Bekijk vacature »

Full Stack Developer HBO / HBO

Over het bedrijf: Wij maken en optimaliseren websites Ben jij een ervaren Full Stack Developer? Heb jij affiniteit met PHP? Vaste baan: Full Stack Developer HBO 3.300 - 4.500 Full Stack Developer Wij zijn een Fullservice Internetbureau. Wij maken Websites, Apps en Portals, en zijn actief op gebied van E-commerce. We hebben ook veel aandacht voor websiteoptimalisatie (SEA en SEO), en systeemintegratie, en maken datakoppelingen met veel verschillende systemen. Bij ons werk je aan onze eigen bedrijfsapplicaties. Je ontwikkelt met ons de meest nieuwe software. Wij blinken uit als het gaat om de inzet van technologie. Wij staan open voor

Bekijk vacature »
Albert de Wit

Albert de Wit

16/02/2013 10:17:13
Quote Anchor link
Hallo,

Ik wil mijn eigen lightbox maken waarin ik gewoon foto's kan vergroten of formulieren in kan openen. Bij dat 2de loop ik een beetje vast. Ik wil namelijk dat een formulier verstuurd word zonder dat de pagina opnieuw verstuurd word. Ik wil liever geen iframe gebruiken omdat je daarmee problemen krijgt om de lightbox af te sluiten. Heeft iemand misschien een idee hoe en wat? Ik heb al eens eerder geprobeerd dit te maken, toen succesvol omdat er maar weinig input velden waren en die afzonderlijk met Ajax verstuurde maar dit is iets anders heb ik het idee.
 
PHP hulp

PHP hulp

23/09/2021 10:06:45
 
Php knipper

php knipper

16/02/2013 12:53:59
Quote Anchor link
alle post data in een var
Code (php)
PHP script in nieuw venster Selecteer het PHP script
1
var form_naam = $(this).parents('form').attr("name");
Gewijzigd op 16/02/2013 12:59:31 door php knipper
 
Frank Nietbelangrijk

Frank Nietbelangrijk

16/02/2013 13:15:33
Quote Anchor link
Om de inhoud van formuliervelden terug te sturen naar de server zonder de pagina te verlaten heb je absoluut AJAX nodig. Indien het allemaal wat complex gaat worden met gewoon javascript kan ik je jQuery aanraden. Laat anders even een relevant stukje code zien
 
Albert de Wit

Albert de Wit

16/02/2013 16:17:51
Quote Anchor link
Laat ik de vraag anders stellen (ik heb ondertussen namelijk wat mogelijkheden opgeschreven).

Kan ik met jQuery een ajax call maken die een formulier (ingevuld) verstuurd naar de server zonder dat de pagina herlaad. Ik weet dat het met een iframe kan maar vanuit een iframe zelf kun je de lightbox dan niet meer uitzetten.
 
Moose -

Moose -

16/02/2013 16:27:10
Quote Anchor link
Het hele punt van een ajax call is dat de pagina niet herladen wordt. Dus ja dat kan
 
Albert de Wit

Albert de Wit

16/02/2013 16:37:29
Quote Anchor link
Oke, stel:

Code (php)
PHP script in nieuw venster Selecteer het PHP script
1
2
3
4
5
6
7
8
9
10
11
<div class="lightbox-content">
    <form>
        Naam:<br>
        <input type="text" name="naam"><br>
        Adres:<br>
        <input type="text" name="adres"><br>
        Woonplaats:<br>
        <input type="text" name="woonplaats"><br>
        <button value="Versturen">
    </form>
</div>


Hoe kan ik zo'n formulier versturen met een Ajax call?

Code (php)
PHP script in nieuw venster Selecteer het PHP script
1
2
3
4
5
$(document).ready(function(){
    $('.lightbox-content').children('form').children('button').click(function(){
        // ajax call hier?
    });
});
 
Frank Nietbelangrijk

Frank Nietbelangrijk

16/02/2013 17:01:56
Quote Anchor link
zo:

ajaxform.html
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
<!DOCTYPE html>
<html>
<head>
  <script src="http://code.jquery.com/jquery-latest.js"></script>
  <script>
$(document).ready(function() {
  /* submit function van ons formulier */
  $("#myform").submit(function(event) {
  
    /* Voorkom de normale submit */
    event.preventDefault();
  
    /* enkele waarden uitlezen */
    var form = $( this ),
        naam = form.find( 'input[name="naam"]' ).val(),
        adres = form.find( 'input[name="adres"]' ).val(),
        woonplaats = form.find( 'input[name="woonplaats"]' ).val(),
        url = form.attr( 'action' );
  
    /* Verzend de data met jquery's post() */
    var posting = $.post( url, { naam: naam, adres: adres, woonplaats: woonplaats } );
  
    /* Stop het antwoord in een div */
    posting.done(function( data ) {
      $( "#result" ).text( data );
    });
  });
});
  </script>
</head>
<body>
  <form action="process.php" id="myform">
        Naam:<br>
        <input type="text" name="naam"><br>
        Adres:<br>
        <input type="text" name="adres"><br>
        Woonplaats:<br>
        <input type="text" name="woonplaats"><br>
   <input type="submit" value="Versturen" />
  </form>
  <!-- In deze div komt het resultaat van process.php -->
  <div id="result"></div>
 
 
</body>
</html>


process.php:
Code (php)
PHP script in nieuw venster Selecteer het PHP script
1
2
3
4
5
6
7
8
9
10
11
<?php
    if($_SERVER['REQUEST_METHOD'] == 'POST') {
        if(isset($_POST['naam']) && isset($_POST['adres']) && isset($_POST['woonplaats'])) {
            echo strtoupper($_POST['naam']).' ';
            echo strtoupper($_POST['adres']).' ';
            echo strtoupper($_POST['woonplaats']);
            exit;
        }
    }

    echo 'Foutje';
?>


Toevoeging op 16/02/2013 17:20:57:

of met een JSON antwoord:

formajax.html:
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
<!DOCTYPE html>
<html>
<head>
  <script src="http://code.jquery.com/jquery-latest.js"></script>
  <script>
$(document).ready(function() {
  /* submit function van ons formulier */
  $("#myform").submit(function(event) {
  
    /* Voorkom de normale submit */
    event.preventDefault();
  
    /* enkele waarden uitlezen */
    var form = $( this ),
        naam = form.find( 'input[name="naam"]' ).val(),
        adres = form.find( 'input[name="adres"]' ).val(),
        woonplaats = form.find( 'input[name="woonplaats"]' ).val(),
        url = form.attr( 'action' );
  
    /* Verzend de data met jquery's post() */
    var posting = $.post( url, { naam: naam, adres: adres, woonplaats: woonplaats } );
  
    /* Stop het antwoord in een div */
    posting.done(function( data ) {
      $( "#result" ).html( data['naam'] + '<br />' + data['adres'] + '<br />' + data['woonplaats'] );
    });
  });
});
  </script>
</head>
<body>
  <form action="process.php" id="myform">
        Naam:<br>
        <input type="text" name="naam"><br>
        Adres:<br>
        <input type="text" name="adres"><br>
        Woonplaats:<br>
        <input type="text" name="woonplaats"><br>
   <input type="submit" value="Versturen" />
  </form>
  <!-- In deze div komt het resultaat van process.php -->
  <div id="result"></div>
 
 
</body>
</html>


process.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
<?php
    header('Content-Type: application/json');
    
    if($_SERVER['REQUEST_METHOD'] == 'POST') {
        if(isset($_POST['naam']) && isset($_POST['adres']) && isset($_POST['woonplaats'])) {
            $arr = array();
            $arr['naam']  = strtoupper($_POST['naam']);
            $arr['adres']  =  strtoupper($_POST['adres']);
            $arr['woonplaats']  =  strtoupper($_POST['woonplaats']);
            echo json_encode($arr);
            exit;
        }
    }

    echo 'Foutje';
?>
Gewijzigd op 16/02/2013 17:22:37 door Frank Nietbelangrijk
 
Albert de Wit

Albert de Wit

16/02/2013 17:23:59
Quote Anchor link
Wow! Bedankt Frank! Ik zal eens kijken of het werkt.
 
Frank Nietbelangrijk

Frank Nietbelangrijk

16/02/2013 17:26:32
Quote Anchor link
heb het getest..
 
Albert de Wit

Albert de Wit

16/02/2013 17:42:36
Quote Anchor link
Dat snap ik, maar ik moet het nog implementeren ;).
 
Frank Nietbelangrijk

Frank Nietbelangrijk

16/02/2013 18:11:30
Quote Anchor link
uiteraard
 
Albert de Wit

Albert de Wit

16/02/2013 21:04:09
Quote Anchor link
Ik ben nog steeds bezig met knoeien maar op de een of andere manier word het formulier telkens verstuurd als ik op een submit button klik. Moet ik misschien eerst iets doen voordat dat event 'prevented' word?
 
Frank Nietbelangrijk

Frank Nietbelangrijk

16/02/2013 21:14:40
Quote Anchor link
Let er op dat de code in de functie $(document).ready(function() {....}); staat want anders gaat het mis omdat de html nog niet ingeladen is en dus bestaat myform nog niet.

uiteraard let op dat je aan het form de juiste id geeft.

test desnoods even met alert('test'); welke code wel en niet uitgevoerd wordt

of laat me even meekijken
Gewijzigd op 16/02/2013 21:16:45 door Frank Nietbelangrijk
 
Albert de Wit

Albert de Wit

16/02/2013 21:31:50
Quote Anchor link
Zou je mee kunnen kijken? Ik heb namelijk wat problemen met selectors. die Alert werkt niet.
 
Frank Nietbelangrijk

Frank Nietbelangrijk

16/02/2013 22:08:19
Quote Anchor link
jeps zie pm

Toevoeging op 16/02/2013 22:08:23:

jeps zie pm
 



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.