JQuery vragen

Overzicht Reageren

Sponsored by: Vacatures door Monsterboard

Embedded Software Developer

Functie omschrijving Ben jij een Embedded Software Developer die affiniteit heeft met de allernieuwste technieken? Voor een mooi softwarebedrijf in omgeving Gouda zijn wij op zoek naar een Embedded Software developer. Binnen deze rol houdt jij je bezig met alle werkzaamheden die nodig zijn om een functionaliteit te bouwen. Denk aan ontwerpen, architectuur, programmeren en algoritmes. Je voert test en validatie werkzaamheden uit bij de implementatie bij de klant. Ben jij enthousiast en een echte team player? Lees dan snel verder en laat wat van je horen! Bedrijfsprofiel Onze opdrachtgever bestaat uit een groot aantal creatieve en ambitieuze ontwikkelaars. Ze

Bekijk vacature »

Back end developer PHP, Laravel

Functie Jij komt te werken in ons webdevelopment team, wat bestaat uit 8 ervaren collega’s. Hiernaast hebben wij nog een team van 2 ontwikkelaars die aan native applicaties werken. Bij ons zijn er korte lijntjes en er hangt een gezellige informele werksfeer. Maar het belangrijkste is natuurlijk dat je aan geweldige applicaties zult gaan werken! Wij willen als organisatie niet te groot worden, we willen gewoon toffe dingen maken. Onze techstack bestaat momenteel uit: PHP, Laravel, Javascript, Typescript, Git, MySQL, Java, Kotlin, Xamarin. Samen met ons ga jij zorgen dat we puik werk leveren! Waarbij je bij elke fase in

Bekijk vacature »

Full stack developer

Wat ga je doen als Full stack .NET developer Microsoft 365? Je stelt je op als sparringpartner voor het team en PO over toekomstige functionaliteiten, architectuur en mogelijke nieuwe producten. Je bent mede-verantwoordelijk voor het vertalen en omzetten van een user story in een passend technisch design. Je implementeert functionaliteiten op basis van een technisch design en user story. Je bent mede-verantwoordelijk voor het beheer van Azure DevOps, waaronder het beheer van GIT, Build Pipelines, Release Pipelines en geautomatiseerde testen. Hier herken jij jezelf in Hbo werk- en denkniveau of hoger aangevuld met relevante certificeringen en/of cursussen; Minimaal 3 jaar

Bekijk vacature »

Lead Webdeveloper

As Lead Web Developer at KUBUS you are responsible for the implementation design of requirements and the software architecture of the web application and services of BIMcollab. In your role as lead developer you will naturally search for the optimum between the required implementation time, the performance of the application and a fast go-to-market of features, in line with our automated test and release train. Together with the other senior developers in your team you monitor the architecture of the application and you advise the product owner about necessary refactoring to improve the maintainability of the platform. Our development team

Bekijk vacature »

Traineeship IT regio Amsterdam/Utrecht

Wat ga je doen? Het traineeship begint met een fulltime maand cursussen en praktijkdagen, waarin je de basis van het IT-vak leert op de Shared Servicedesk (SSD). Daarnaast ga je meteen aan de slag voor je eerste certificering! (ITILv4). Je start in een groep met 4 tot 10 deelnemers, waarmee jij gedurende die maand optrekt en je kennis kunt delen. Na het voltooien van de eerste maand ga je direct voor een langere periode aan de slag bij één van onze klanten of blijf je intern bij ons op de Shared Servicedesk. Je bent het eerste aanspreekpunt van de eindgebruikers

Bekijk vacature »

Fullstack JavaScript developer (ReactJS, NodeJS, T

Functie Het team bestaat momenteel uit ruim 15 collega’s, waarvan ruim de helft in het ontwikkelteam werkzaam is. Er zijn gave plannen om het platform ook te gaan toepassen op bijv. vliegvelden, maar ook internationale groei zit in het verschiet en daarom zijn ze op zoek naar versterking. Als Fullstack JavaScript developer werk je nauw samen met 9 fullstack (Python en .NET) developers. Binnen het team ga jij je toespitsen op het creeren van de optimale toegankelijkheid en user experience. Om dit voor elkaar te krijgen zul je ontwerpen, programmeren, testen en implementeren. Het hele proces dus! Maar ook bijvoorbeeld

Bekijk vacature »

Oracle APEX developer

Wat je gaat doen: Als Oracle APEX ontwikkelaar bij DPA werk je samen met collega’s aan de meest interessante opdrachten. Je zult je ervaring met SQL, PL/SQL, JavaScript, HTML en CSS inzetten om wensen van opdrachtgevers te vertalen naar technische oplossingen. Je werk is heel afwisselend, omdat DPA zich niet beperkt tot een specifieke branche. Zo ben je de ene keer bezig binnen de zorgsector, de andere keer is dit bij de overheid. Wat we vragen: Klinkt goed? Voor deze functie breng je het volgende mee: Je hebt een hbo- of universitaire opleiding afgerond Je hebt 2 tot 5 jaar

Bekijk vacature »

.NET developer

Functie Als .NET developer start jij in een development team met één Senior .NET developer en één junior .NET developer. Als team zijn jullie verantwoordelijk voor het schrijven van software voor onze toonaangevende Automatiseringssystemen. Jij gaat aan de slag met de onderhoud van de kernsoftware, ondersteund de software van derden door het gebruik van onze webservices en als team zijn jullie verantwoordelijk voor het ontwikkelen van onze backend oplossingen. Wij maken op dit moment veel gebruik van .NET met ASP.NET. Komend kwartaal gaan wij wel gedeeltelijk overstappen naar .NET Core. Verder werken wij ook met SOAP, REST, JSON, HTML5, CSS3

Bekijk vacature »

Senior Full Stack developer

Bedrijfsomschrijving tbd Functieomschrijving Full Stack Java Development bij Randstad Groep Nederland (HQ) Er is een vacature in het Corporate Client Solutions (CCS) team. Dit team is met een ander team net begonnen aan het project ‘Grip op Inhuur’. Het doel van dit project is de tevredenheid van onze leveranciers te verhogen en de efficiëntie van onze administratie te verbeteren. Onderdeel daarvan is een ‘Mijn-omgeving’ voor ZZP’ers en leveranciers. Naast dit nieuwe project werkt het team ook aan het onderhoud en verbeteren van een digitaal vacature management systeem waarmee dagelijks vele vacatures worden voorzien. Het team ontwikkelt zo veel mogelijk zelf

Bekijk vacature »

C# .NET Software Developer

Functie omschrijving Ben jij op zoek naar een nieuwe uitdaging binnen software development waar je gaat werken voor een jong en flexibel bedrijf? Lees dan snel verder! Wij zijn op zoek naar een Software Developer met ervaring binnen C# .NET die enthousiast wordt van het aansluiten en begeleiden van (complexe) nieuwe klanten. Verder begeleid je complexe projecten, ben jij iemand die altijd kansen ziet? Dan zoeken wij jou! In deze functie ga jij je bezighouden met: Meedenken in oplossingsrichtingen; Werken aan de architectuur; Het verbeteren van functionaliteiten binnen het dataplatform; Ontwikkelen van nieuwe technologieën. Bedrijfsprofiel Waar ga je aan de

Bekijk vacature »

Ervaren PHP Software Developer

Functieomschrijving Voor een toffe opdrachtgever in regio Breda zijn wij op zoek naar een medior PHP Developer met affiniteit met Laravel. Je komt te werken bij een uitdagende opdrachtgever met supergave klanten in een specifieke branche. Als PHP ontwikkelaar ben je samen met een vooruitstrevende team van 6 collega’s verantwoordelijk voor de ontwikkeling, beheer en het vernieuwen van informatiesystemen voor een specifieke branche. Je ondersteunt complexe uitdagingen van klanten. Vervolgens breng je hun wensen in kaart en vertaalt deze door naar maatwerk software. Affiniteit met Laravel is een pré. Om de klanten zo goed mogelijk te ondersteunen en snel in

Bekijk vacature »

Senior Software developer PHP

Functie Jij als senior PHP ontwikkelaar komt te werken in 1 van onze SCRUM teams. Momenteel werken er zo’n 30 developers binnen onze organisatie Jij gaat de brug zijn tussen het bouwen van verschillende functionaliteiten binnen onze applicaties en deze vervolgens te integreren in onze centrale hub. Je start je dag om 9 uur met een stand up en dan pak je je taken op voor de dag. Een greep van jouw taken zijn: – Het bedenken en uitbouwen van features binnen de verschillende applicaties – Onderhouden van CI/CD pipelines – Bezighouden met Security & Privacy Eisen • Minimaal 4

Bekijk vacature »

Back-end Developer

Functieomschrijving Heb jij kort geleden je HBO ICT Informatica diploma in ontvangst mogen nemen? Of heb je een aantal jaar ervaring als Software Developer en ben je klaar voor een nieuw hoofdstuk in jouw carrière? Voor een gewaardeerde werkgever in de regio van Goirle zijn wij op zoek naar een junior/medior Back-end Developer met affiniteit met MS Acess. Samen met een vooruitstrevend team ben je verantwoordelijk voor het ontwikkelen van maatwerk software voor hun klanten. Je hebt kennis of ervaring van SQL en affiniteit met MS Acess. Je bent klantvriendelijk en flexibel ingesteld en vindt het leuk om klanten te

Bekijk vacature »

Software Ontwikkelaar

Functieomschrijving In deze uitdagende functie als Software Developer ga je de volgende taken uitvoeren: Maatwerk back-end software programmeren; API koppelingen bouwen; Software optimaliseren voor klanten; Bouwen maatwerk applicaties; Werken met Microsoft stack zoals C#, .NET (Core) en Entity framework; Bedrijfsprofiel Je gaat werken bij een klein softwareontwikkelingsbureau, die maatwerk software bouwt voor klanten door heel Nederland. Dit doen zij al meer dan 20 jaar. Het is van oorsprong een familiebedrijf, opgezet door de eigenaar, die er nog steeds werkt. Het team bestaat vooral uit back-end developers en één systeembeheerder. Je krijgt veel kans om jezelf te ontwikkelen en krijgt tevens

Bekijk vacature »

Software ontwikkelaar

Ben jij graag bezig met verschillende projecten? Vind jij beleving van klanten én medewerkers ook belangrijk? Wij zijn vanwege de doorontwikkeling van het applicatielandschap van onze opdrachtgever op zoek naar een fulltime software ontwikkelaar. Omschrijving Jij en jouw collega’s zijn verantwoordelijk voor de continuïteit en waarborging van het applicatielandschap. Om de processen vloeiend te laten verlopen is software ontwikkeling daarom van essentieel belang. Onze opdrachtgever doet dit voornamelijk zelf, met door hun eigen ontwikkelde applicaties. Dit betekent dat jij: functionele eisen vertaalt naar gebruiksvriendelijke software; tijdens SCRUM sessies advies geeft over het te bouwen ontwerp; nieuwe software ontwikkelt en het

Bekijk vacature »

Pagina: 1 2 volgende »

Olivier Peeters

Olivier Peeters

26/06/2012 16:08:57
Quote Anchor link
Aangezien mijn vorig topic al meerdere vragen bevatte, open ik een nieuw voor devolgende vraag over JQuery

Ik heb nu een scriptje geschreven voor het tonenen van gegevens. Eerst moet een form worden ingevuld en aan de hand daarvan worden bepaalde gegevens gegenereerd op een andere pagina de dan in diezelfde div getoond moet worden.

Echter wordt de div niet opnieuw gevuld. Wat doe ik fout?

Groeten,
Olivier
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
<div id="controle">
Geef eerst de benodigde gegevens op!<br />
<form>
<label>Life-nr: </label><input type="text"></input><br />
<label>Geboortedatum: </label><input type="text"></input> ----> Hier moet ik een datumselector koppelen!<br />
<!-- Ook dit is voor de datepicker => wegens moeilijke gebruikbaarheid wordt dit tijdelijk verboren -->
<!-- <div id="datepicker"></div> -->
<!-- Einde datepicker -->

<input type="submit" value="Controleer" id="Controle">
</form>

<script type="text/javascript">
$("#Controle").click(function() {
  $.get('lifenr.php', { Lifenr: '......' }, function (data) {
      $('#controle').html(data);
      });
});
</script>
Gewijzigd op 26/06/2012 16:17:26 door Olivier Peeters
 
PHP hulp

PHP hulp

03/11/2024 11:56:09
 
Wouter J

Wouter J

26/06/2012 16:16:40
Quote Anchor link
Zou je misschien je code tussen [code] tags willen plaatsen?

Wat doe je fout: ga niet 2 keer bijna dezelfde naam gebruiken. Hou id values graag lower case en noem de submit button bijv. controle-submit.
voor de rest lijkt alles goed, behalve dat ik geen jQuery zie ingeladen.

wat krijg je als je in de console kijkt? En als je de JavaScript eens door haalt en die opmerkingen aanpast, waar mogelijk?
Maak anders even een JSfiddle, als je niet weet hoe dat moet, lees dan dit eens: http://wouterj.nl/overig/deel-je-scripts-makkelijk-met-jsfiddle/450/
 
John Cena

John Cena

26/06/2012 16:19:00
Quote Anchor link
Komt er uberhaupt iets terug?
 
Olivier Peeters

Olivier Peeters

26/06/2012 16:21:00
Quote Anchor link
Er komt niks terug!

Dit staat in de head:
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>

Fouten in de JSHint:
Line 2: $.get('lifenr.php', { Lifenr: '......' }, function (data) {
Missing "use strict" statement.

Line 3: $('#controle').html(data);
Mixed spaces and tabs.

Line 4: });
Mixed spaces and tabs.

Line 1: $("#Controle").click(function() {
'$' is not defined.

Line 2: $.get('lifenr.php', { Lifenr: '......' }, function (data) {
'$' is not defined.

Line 3: $('#controle').html(data);
'$' is not defined.


Groeten,
Olivier
Gewijzigd op 26/06/2012 16:25:52 door Olivier Peeters
 
Wouter J

Wouter J

26/06/2012 16:25:41
Quote Anchor link
Hmm, dat zijn dus allemaal tips die je gewoon mag vergeten (behalve spaces en tabs mixen, het is goed om 1 standaard aan te houden, of tabs of spaces).

En wat krijg je in de console? En misschien een live voorbeeldje/jsfiddle?
 
Olivier Peeters

Olivier Peeters

26/06/2012 16:26:19
Quote Anchor link
Console zal ik nu ff fixen, de code nu is:
Code (php)
PHP script in nieuw venster Selecteer het PHP script
1
2
3
4
5
6
7
<script type="text/javascript">
$("#controle-button").click(function() {
  $.get('lifenr.php', { Lifenr: '......' }, function (data) {
      $('#controle').html(data);
      });
});
</script>
 
John Cena

John Cena

26/06/2012 16:28:25
Quote Anchor link
Je gebruikt een hoofdletter in je script en geen hoofdletter in de div, dus dat is zowieso een fout.
 
Wouter J

Wouter J

26/06/2012 16:31:03
Quote Anchor link
Nee, Chi Lion. Die #Controle in jQuery was op de submit button die id="Controle" heette, maar dat heeft olivier nu veranderd naar #controle-button.
 
John Cena

John Cena

26/06/2012 16:32:43
Quote Anchor link
Ah, mijn fout!

Olivier, wat doet je andere bestand?
 
Olivier Peeters

Olivier Peeters

26/06/2012 16:34:36
Quote Anchor link
De code is:
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
<!HTML>
<html>
  <head>
        <title>Testen!</title>
    <link href="index.css" rel="stylesheet" type="text/css">
    <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
  </head>
  <body>
 
<!-- Hieronder word de tabel weergegeven met vraag om de lifenr in te vullen! -->

  <!-- Ingeven van de lifenr. -->
<div id="controle">
Geef eerst de benodigde gegevens op!<br />
<form>
<label>Life-nr: </label><input type="text"></input><br />
<label>Geboortedatum: </label><input type="text"></input> <!-- Hier moet ik een datumselector koppelen! --><br />

<input type="submit" value="Controleer" id="controle-button">
</form>

<script type="text/javascript">
$("#controle-button").click(function() {
  $.get('lifenr.php', { Lifenr: '......' }, function (data) {
      $('#controle').html(data);
      });
});
</script>
</div>
</body>
</html>


Mogelijks code van de andere pagina (lifenr.php)
Code (php)
PHP script in nieuw venster Selecteer het PHP script
1
2
3
<?php
    echo 'Olivier';
?>


// JS Live ding werkt niet (ik blijf het even uitzoeken....

Groeten,
Olivier
Gewijzigd op 26/06/2012 16:36:23 door Olivier Peeters
 
Wouter J

Wouter J

26/06/2012 16:39:09
Quote Anchor link
Ik heb even snel een JSfiddle gemaakt: http://jsfiddle.net/8FF25/

Probleem: De submit van het form gaat door en die gaat voor de AJAX request.
Snelle Oplossing: plaats als parameter van de callback de variabele e (of event) en doe daaronder e.preventDefault() (stop normale events op dit element).
Betere Oplossing: Maak geen submit.onclick event, maar een form.onsubmit. Hierdoor geef je de form een id mee en doe je:
Code (php)
PHP script in nieuw venster Selecteer het PHP script
1
2
3
$('#controle-form').submit(function(e) {
    // AJAX get request
});
 
John Cena

John Cena

26/06/2012 16:40:49
Quote Anchor link
Als het enige wat lifenr.php doet, kijk dan eerst eens of je ook wat terugkrijgt als je geen vars meegeeft in je jQuery

Toevoeging op 26/06/2012 16:41:22:

Beter pak je eerst Wouters opmerking :)
 
Olivier Peeters

Olivier Peeters

26/06/2012 16:45:47
Quote Anchor link
Kan ik dit ook oplossen door de button los te koppelen van het form? Moet wel deze twee gegevens in het PHP form op de andere pagina (lifenr.php) in een volgende stap laten verwerken...

Zou de code zo moeten zijn? (werkt nog altijd niet)...
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
<!HTML>
<html>
  <head>
    <title>Hier komt de inschrijvingsfiche!</title>
<link href="index.css" rel="stylesheet" type="text/css">
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
  </head>
  <body>
 
<!-- Hieronder word de tabel weergegeven met vraag om de lifenr in te vullen! -->

  <!-- Ingeven van de lifenr. -->
<div id="controle">
Geef eerst de benodigde gegevens op!<br />
<form id="controle-form" method="POST">
<label>Life-nr: </label><input type="text"></input><br />
<label>Geboortedatum: </label><input type="text"></input> ----> Hier moet ik een datumselector koppelen!<br />
<!-- Ook dit is voor de datepicker => wegens moeilijke gebruikbaarheid wordt dit tijdelijk verboren -->
<!-- <div id="datepicker"></div> -->
<!-- Einde datepicker -->

<input type="submit" value="Controleer">
</form>

<script type="text/javascript">
$('#controle-form').submit(function(e) {
  $.get('lifenr.php', { Lifenr: '......' }, function (data) {
      $('#controle').html(data);
      });
});
</script>
</div>
</body>
</html>
 
John Cena

John Cena

26/06/2012 16:47:46
Quote Anchor link
Gebruik dit voorbeeld eens en pas het aan naar jou situatie:
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
<script>
  /* attach a submit handler to the form */
  $("#searchForm").submit(function(event) {

    /* stop form from submitting normally */
    event.preventDefault();
        
    /* get some values from elements on the page: */
    var $form = $( this ),
        term = $form.find( 'input[name="s"]' ).val(),
        url = $form.attr( 'action' );

    /* Send the data using post and put the results in a div */
    $.post( url, { s: term },
      function( data ) {
          var content = $( data ).find( '#content' );
          $( "#result" ).empty().append( content );
      }
    );
  });
</script>
 
Wouter J

Wouter J

26/06/2012 16:47:47
Quote Anchor link
Sorry, mijn fout. Je moet hier ook nog e.preventDefault() gebruiken. Voorbeeldje: http://jsfiddle.net/8FF25/1/
 
Olivier Peeters

Olivier Peeters

26/06/2012 17:18:37
Quote Anchor link
Hallo Wouter het werkt! Mijn dank voor de medewerking. Mag ik vragen of u ook een antwoord weet op volgende vraag.

Hier wordt de geboortedatum gevraagd (ingegeven)
<label>Geboortedatum: </label><input type="text"></input>

Maar ik zou deze in de zin hieronder willen laten verwerken:
...$.post('lifenr.php', { Geboortedatum: '$_GET['Geboortedatum]' }, function (data)...

Enig idee hoe ik dit doe? Bovenstaande code werkt niet :s

Groeten,Olivier
 
Wouter J

Wouter J

26/06/2012 17:20:30
Quote Anchor link
$_GET is gewoon iets van PHP, eigenlijk gewoon een array die PHP ergens achterin definieert.

In JS zal je de input moeten selecteren en dan met $('select input veld').val() de value van het input ophalen.
 
Olivier Peeters

Olivier Peeters

26/06/2012 17:29:04
Quote Anchor link
Dat had ik ondertussen ook al door. Was (zoals wel meer) te snel met het posten, zal in het vervolg eerst zoeken en dan posten ;-)

Ik doe dus:
Code (php)
PHP script in nieuw venster Selecteer het PHP script
1
2
3
4
5
6
7
8
$("#controle-form").submit(function(e) {
    e.preventDefault();
    
  $.post('lifenr.php', { Geboortedatum: '$('Geboortedatum').val()' }, function (data) {
      $('#controle').html(data);
      });
  $("#confirmatie").show();
});


Maar dit werkt niet ö

Groeten,
Olivier
Gewijzigd op 26/06/2012 17:33:13 door Olivier Peeters
 
Wouter J

Wouter J

26/06/2012 17:36:09
Quote Anchor link
Allereerst, heb je een element die <Geboortedatum> heet? Lijkt me niet.

Vervolgens, ooit wel eens in de console gekeken? Je moet nu een hele hoop foutmeldingen krijgen. Want JS ziet nu '$(' als een stukje tekst (string), vervolgens Geboortedatum als een variabele en dan weer ').val()' als een stukje tekst (string).
 
Olivier Peeters

Olivier Peeters

26/06/2012 17:48:35
Quote Anchor link
<input type="text" name="Geboortedatum">
^^ Deze noemt toch geboortedatum?

Deze code die ik geschreven heb klopt inderdaad niet, maar ikzelf zie de oplossing ook niet? Daarom een kleine link of opzet zou handig zijn (ondertussen zoek ik zelf op de (nederlandse) google)

Groeten
 
Wouter J

Wouter J

26/06/2012 17:52:49
Quote Anchor link
Die noem je niet Geboortedatum. Ofwel je selecteert hem met de attribuut selector of je geeft hem een ID en selecteert hem met de ID selector.

En de rest mag je zelf uitvogelen, is het zelfde als in PHP. Wat is er nou echt verboden in PHP? Tipje: .... buiten quotes houden Kijk eens naar wat je hebt getypt.
Nog steeds niet door? Bekijk dan eens het eerste voorbeeld van deze pagina...
 

Pagina: 1 2 volgende »



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.