JQuery vragen

Overzicht Reageren

Sponsored by: Vacatures door Monsterboard

Front end ontwikkelaar

Functie Het huidige team bestaat uit momenteel uit 5 back end developers verdeeld van senior tot junior. Omdat de gehele front end van applicaties anders gaan insteken zijn ze op zoek naar een ervaren Front end developer die hen kan helpen de juiste keuzes te maken. Je krijgt veel vrijheid om te bepalen hoe je dit wilt ontwikkelen en vrijheid in welke techniek je hiervoor wilt gebruiken. Je zult je dus bezighouden met architectuur, documentatie en natuurlijk ontwikkeling van nieuwe functionaliteiten binnen de verschillende applicaties. natuurlijk heb jij ook mogelijkheden om te sparren binnen het team, maar ze gaan uit

Bekijk vacature »

Full stack Javascript ontwikkelaar

Functie Benieuwd hoe jouw dag eruit ziet? Je komt binnen rond een uur of 10 en dat start je met de morning call. Dit doen we vanaf het hoofdkantoor of op het lab, ligt eraan welk project je mee bezig bent. Na de call en het verdelen van de tickets ga je met je team aan de slag. Rond een uur of 12 is er een goede lunch en ga je smiddags weer lekker door met je werk. De ene keer maak jij een game voor een groot merk om de interactie tussen product en eindgebruiker te vergroten. De andere

Bekijk vacature »

Java Developer

Dit ga je doen Het ontwikkelen van nieuwe software; Het ombouwen van de bestaande software; Zowel back- als front-end software ontwikkelen; Het testen; Het implementeren van de volledig geteste software; Het verzorgen van nazorg en het oplossen van bugs; Het opstellen en bijhouden van procesdocumentatie; Je draagt bij aan het agile/scrum processen van het team. Hier ga je werken Ongetwijfeld heb je een of meerdere producten van deze organisatie in huis. Het proces erachter, daar ben je ongetwijfeld minder bekend mee. Deze opdracht geeft je de kans meer over dit proces te weten te komen en een mooie bijdrage te

Bekijk vacature »

PHP Software Developer

Functie omschrijving Op zoek naar een nieuwe uitdaging binnen PHP? Lees dan snel verder! Wij zoeken een ervaren PHP developer die binnen een organisatie gaat functioneren als verlengstuk van de klant. Wij zoeken voor deze iemand die technisch complexe zaken met enthousiasme en plezier aanvliegt. Verder moet je instaat zijn om je tijd goed te managen omdat je aan meerdere projecten tegelijkertijd werkt. Je werkt met de nieuwste technieken en tijdens deze uitdaging werk je veel samen met de front-end developers van deze organisatie. Wij zoeken iemand die zichzelf graag uitdaagt en altijd de beste wilt zijn. Bedrijfsprofiel Waar ga

Bekijk vacature »

Senior Java Ontwikkelaar

Dit ga je doen Werken aan uiteenlopende interne projecten voor grote (internationale) organisaties; Ontwikkelen van diverse (web)applicaties en platformen met technieken als Java, Azure en ASP.NET; Complexe vraagstukken tackelen met jouw expertise en ervaring; Waar nodig help jij je collega's om samen tot de juiste oplossing te komen. Hier ga je werken Als Java Developer kom je te werken bij een internationale organisatie in regio Amsterdam die zich richt op procesoptimalisatie door middel van zeer complexe IT oplossingen. Dit doen zij op het allerhoogste niveau met vestigingen over heel de wereld en met een groot aantal aansprekende, maatschappelijk betrokken klanten.

Bekijk vacature »

Front-end Developer

Front-end Developers opgelet! Bij Luminis zijn ze opzoek naar jou. Lees de vacature en solliciteer direct. Luminis is een software- en technologiebedrijf met meerdere vestigingen. Vanuit deze vestigingen werken 200 professionals aan technisch hoogwaardige oplossingen voor klanten zoals KLM, Nike en Bol.com. Ook ontwikkelt Luminis eigen oplossingen op het gebied van cloud, Internet of Things, data intelligence, e-sports en e-learning. Luminis onderscheidt zich door aantoonbaar voorop te lopen in technologie en innovatie. Luminis heeft drie kernpunten die verankerd zitten in alles wat we doen: het omarmen van nieuwe technologie, meesterschap en kennis delen. Functiebeschrijving First things first! Het is belangrijk

Bekijk vacature »

Fullstack Software Developer

Functieomschrijving Voor een ambitieuze werkgever in regio Roosendaal zijn wij op zoek naar een Full Stack C#.NET Developer. Als software programmeur ben je verantwoordelijk voor het bouwen van webapplicaties, apps en dashboards voor de eigen IOT-oplossingen. Je werkt samen met andere developers en engineers om de sensoren in machines uit te lezen en deze data om te zetten in management informatie voor jullie klanten. Taken en verantwoordelijkheden: Verder ontwikkelen en onderhouden van webapplicaties, dashboards en apps voor de eigen IOT-oplossingen; Testen en goedkeuren van de software; Je gaat aan de slag met de volgende technologieën en frameworks: C#, JS frameworks,

Bekijk vacature »

Applicatiebeheerder/ Ontwikkelaar

Dit ga je doen - Verantwoordelijkheid dragen voor het complexe applicatielandschap; - Schakelen met eindgebruikers en leveranciers; - Verdeling in werkzaamheden tussen dagelijks beheer ontwikkelen; - Het analyseren van de behoeften van gebruikers en het vertalen hiervan naar functionele specificaties voor de applicaties; - Actief bijdragen aan het leveren van passende oplossingen voor het applicatielandschap. Hier ga je werken Deze organisatie, gevestigd in de regio van Amsterdam is een van de meest toonaangevende mediaorganisaties in Nederland. Door de organisatiecultuur krijg jij veel ruimte om initiatief te nemen en zelfstandig aan het werk te gaan. Samen met het IT team zorg

Bekijk vacature »

Junior .NET developer

Functie Ons programma is voor afgestudeerde enthousiastelingen die het als een uitdaging zien om met een klein dynamisch team bij de grootste bedrijven van Nederland aan de slag te gaan. Tijdens jouw dienstverband word jij begeleid door een talent manager. Het ontwikkelen van jouw talent staat hierbij centraal. Het programma doorloop je met een team van circa 8 Mede- trainees. De eerste maand start je met een fulltime inhouse opleiding. Deze staat geheel in het teken van de werkzaamheden die jij verder in het programma zult uitvoeren. Na deze opleidingsmaand ga je aan de slag in een dynamische omgeving bij

Bekijk vacature »

Front-end developer - working on software for arou

Functie They have recently started looking for an experienced Front-end (mobile/app) developer. Because of the short lines within the team, they are also looking for someone who can communicate with the service desk, sales and support for technical questions. You will join their IT team consisting of about 10 colleagues divided over two teams in rooms opposite each other. Half of these are involved in their front-end. You will work together with, among others, the Architect, 1 senior, 1 junior and there is a Team Leader. In terms of technology, they work with a unique tech-stack, particularly because of the

Bekijk vacature »

API Developer Red Hat Fuse

Dit ga je doen Als API Developer zal je verantwoordelijk zijn voor het: het maken van API's en het correct laten draaien van de API's op het platform. Hierdoor kom je in aanraking met Red Hat Fuse, Springt Boot, 3Scale, Red Hat SSO, Openshift en Azure DevOps; zorgen voor de kwaliteit van de ontwikkeling, integratie en prestaties van de API's; zorgen voor een stabiel integratieplatform. Hier ga je werken Deze organisatie is een toonaangevende speler in de vastgoedbranche en telt momenteel ruim 500 medewerkers. Met meer dan 150 applicaties staat er een complex applicatielandschap dat hoofdzakelijk op OpenShift, Azure en

Bekijk vacature »

Software Developer Mendix / Maatschappelijk Betrok

Dit ga je doen Het bouwen van de Mendix applicaties in samenwerking met jouw team of zelfstandig; Werken met Scrum methodiek; Ontwikkelen van vooruitstrevende oplossingen; Meedenken over nieuwe applicaties en ontwikkelingen; On the job eigen maken van de Mendix omgeving. Hier ga je werken Deze dynamische en snelgroeiende organisatie begeeft zich in de recyclingbranche. Zij nemen op duurzame en efficiënte manier de recycling op zich. Vanwege hun snelle groei zijn zij op zoek naar een young professional die zich graag wilt ontwikkelen als Mendix Developer. Je komt te werken binnen een IT team van +/- 15 medewerkers. Het huidige ‘vaste’

Bekijk vacature »

Senior Front end developer Angular

Functie Er zijn momenteel 5 SCRUM-teams waarvan drie gefocust zijn op DevOps en de huidige projecten en twee op innovatie van de platformen. Jij zal onderdeel worden van het innovatie Scrum team. De 2 multidisciplinaire innovatie teams bestaan momenteel uit 14 werknemers. Jij als senior Front end developer wordt onderdeel van onze innovatieteams. De innovatieteams houden zich bezig met het door ontwikkelen van de huidige producten en denken na over nieuwe functionaliteiten. Binnen de rol van Front end developer krijg je veel vrijheid en kan je je dag zelf indelen. Dingen waar jij je dagelijks mee bezig zult houden is

Bekijk vacature »

Front end developer binnen het onderwijs

Functie Het doel van dit team is om te zorgen dat de studenten altijd op de hoogte zijn van relevante informatie en de mogelijkheid hebben om online vragen te stellen. Hiervoor hebben ze een portal ontwikkeld. De app is echt een greenfield project met een eigen inrichting middels cloud. De ontwikkeling wordt gedaan door gebruik te maken van oa. Javascript, React, CSS, Next.js, GraphQL in een Azure Cloud omgeving. Daarnaast gebruiken ze tooling als Figma, storybook, Jest en Github. De complexiteit in deze rol zit hem in het feit dat data uit verschillende bronsystemen komt waarbij er zowel gekoppeld wordt

Bekijk vacature »

Software Developer

Functie omschrijving Psst hé jij daar! Op zoek naar een nieuwe uitdaging als developer? Wacht niet langer en reageer direct. In deze functie ga je bij een familiebedrijf werken als developer. Je gaat maatwerk software ontwikkelen met de Microsoft stack. Je gebruikt technieken als C#, ASP.NET en MVC. Je werkt in een leuk team van andere developers. Je krijgt veel vrijheid in je werk en kan flexibel werken. Dagje thuiswerken? Geen probleem! Daarnaast is er veel ruimte om écht mee te denken met het bedrijf en met de klanten. Bedrijfsprofiel Deze organisatie is gevestigd in de regio van Boxtel. Vanaf

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

08/07/2025 07:05:33
 
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.