JQuery vragen

Overzicht Reageren

Sponsored by: Vacatures door Monsterboard

Back end developer Digital Agency

Functie Wij zijn van origine een wordpress bureau, maar sinds 2006 zijn wij dit wel redelijk ontgroeid. Naar mate de jaren verstreken zijn we gegroeid in omvang, maar ook in de complexiteit van opdrachten waarin wij onze klanten kunnen bedienen. Momenteel bestaat onze organisatie uit 4 front end developers, 12 back end developer 3 projectmanagers en een 2 koppig management. Wij zijn een hele informele, bijna familiaire organisatie. Geen strak pak of overhemd, nee gewoon dragen waar jij je prettig bij voelt. De gemiddelde leeftijd ligt tussen de 25 en 30 en wij doen er veel aan om onze hechte

Bekijk vacature »

Front-end (Angular) developer

Functie Om bovenstaande ambities waar te kunnen maken zijn ze op zoek naar een Front-end (Angular) developer. Het it-team bestaat momenteel uit de IT Manager, 2 back-end developers, 1 fullstack developer, 1 designer en een DevOps engineer. Ze zijn dus op zoek naar professionals die autonoom en gedisciplineerd aan de slag gaan, en bij aanvang als enige developer met hun Front-end applicaties aan de slag gaat. Wel hebben ze de ambitie om hier snel een 2e developer bij te vinden die jij dan ook zal kunnen aansturen/begeleiden. Je zult aan de slag gaan met het doorontwikkelen van hun bestaande UI

Bekijk vacature »

Senior Mobile Developer

Sogeti is een organisatie met een goede werksfeer en zo min mogelijk hiërarchische verhoudingen. Ga je bij ons als Senior Mobile Developer aan de slag? Dan werk je dagelijks met collega’s aan de mooiste IT-projecten. Deze snelgroeiende groep collega’s krijgt energie van hun vak en dat merk je op de werkvloer. Onze klantenkring is groot en divers, dat vraagt om flexibiliteit van jou. Tegelijkertijd betekent dit dagelijks nieuwe dingen leren én dat geen werkdag hetzelfde is. Natuurlijk krijg jij de mogelijkheid je te certificeren. We organiseren regelmatig technische Meet-ups en doen we veel aan kennisdeling waarbij iedereen welkom is, zowel

Bekijk vacature »

Lead Front-end developer

Functie Hun huidige applicatie worden ontwikkeld in o.a. React, Redux, TypeScript. Ze werken graag met de nieuwste technieken en tooling en zoeken ook developers die hier proactief op zoek naar gaan. Als senior/lead developer ben je een kartrekker in het team. Naast het meedenken over bijvoorbeeld de architectuur of toepassing van nieuwe technieken krijg je ook veel tijd om de meer junior (front-end) developers te begeleiden. Zo kun je bijvoorbeeld 1 dag in de week met 2 collega’s bezig zijn om samen met hen te kijken naar hun ontwikkeling, doelstellingen en uiteraard de gewenste begeleiding hierin. Hiernaast sta je als

Bekijk vacature »

Front-end Developer Angular

Dit ga je doen Jouw taken als Front End Developer bestaan uit: Het ontwikkelen van maatwerkoplossingen voor klanten; Het meedenken over nieuwe tools en technieken; Het begeleiden van junioren; Het meewerken aan diverse projecten; Het meedenken in UX/UI design. Hier ga je werken Als Front-End Developer ga je in een Scrum team aan de slag met de nieuwste digitale technologieën om klanten en overheden over de hele wereld te ondersteunen met het ondersteunen van hun software, veelal op het gebied van watermanagement en infra. Door middel van real-time data in combinatie met voorspellende analyses, AI, Deep Learning en Machine Learning

Bekijk vacature »

3D BIM Add-on Developer

As a 3D BIM add- on developer at KUBUS, you will develop add-ons (called BCF- Managers) to the leading building information modeling (BIM) programs Revit, Navisworks, Archicad, AutoCAD and Tekla Structures. BCF Managers enable data transfer between BIM software and BIMcollab. You will work on both the front- and the back-end. As a software company, KUBUS is in a unique position. We build our own products that are used by tens of thousands of users worldwide. Our company is just the right size: big enough to make a real impact in the market, but small enough that as an individual

Bekijk vacature »

Front-end developer (Vue.js) gezocht!

Functie Als Front-end developer is het jouw doel om efficiënte en effectieve frontend code te ontwerpen, ontwikkelen en onderhouden die goed aansluit bij de functionele behoefte vanuit de klant. Je zorgt voor optimale SEO-resultaten, sitespeed en frontend security. You build it, you run it, you own it! Je maakt deel uit van een DevOps Scrum team en werkt samen met back-end developers, test-engineers, interaction designers en een projectmanager. Er zijn verschillende groepen Scrum teams. Een roadmap team is jouw ‘’thuisbasis’’, daar wordt gewerkt aan doorontwikkeling van bestaande omgevingen voor een aantal klanten. Hiernaast zijn er projectteams waar nieuwe omgevingen worden

Bekijk vacature »

Scrum Master

TenneT is hard groeiend om de onze ambities waar te kunnen maken. Zo nemen wij een leidende rol in het aanjagen van de energietransitie. Het werven van nieuw talent speelt daarin een cruciale rol. Wij zijn op zoek naar een gedreven Scrum master op onze locatie Arnhem die hieraan wil bijdragen en misschien ben jij dat wel? Jouw bijdrage aan TenneT Je begeleidt twee teams binnen de afdeling Platform Services (PLS). Je helpt mee de devops manier van werken van de teams verder door te ontwikkelen. Je helpt de PO bij het managen van de product backlog; het voorbereiden van

Bekijk vacature »

Ervaren PHP developer gezocht!

Functie Het team bestaat inmiddels uit zo’n 25 collega’s met specialisten op het gebied van development, data(analyse), marketing, infrastructuur en finance. Ze hebben een supermodern pand en bieden hiernaast veel vrijheid en verantwoordelijkheid. Ze doen er alles aan om jou op te gemak te stellen. Zo kun je je eigen werkplek inrichten naar persoonlijke wensen, maar gaan ze bijvoorbeeld ook jaarlijks met elkaar wintersporten en zijn er andere leuke uitjes. Als onderdeel van één van de scrumteams ga je aan de slag, samen ben je medeverantwoordelijk voor het doorontwikkelen van hun business applicatie waar het traffic team dagelijks mee werkt.

Bekijk vacature »

Ambitieuze Junior/Medior Low-code Developers gezoc

Bedrijfsomschrijving Transformeer bedrijven met jouw expertise in innovatieve technologie Ben je een bedreven softwareontwikkelaar met ervaring in Low-code platformen, of sta je te popelen om je in deze baanbrekende oplossing te verdiepen? Wij zijn op zoek naar jou! Ons klantenbestand groeit en we willen ons team uitbreiden met deskundige en leergierige Low-code specialisten. Is het jouw passie om organisaties te ondersteunen in hun digitale transformatie en maatwerkoplossingen te bieden met behulp van geavanceerde software? Wij zijn een vooruitstrevend bedrijf dat dagelijks werkt aan het oplossen van complexe vraagstukken om de digitale ambities van onze klanten te realiseren. Functieomschrijving Ontwikkel op

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 »

Java Developer / Sociaal domein

Dit ga je doen Nieuwbouw en doorontwikkeling; Beheer en wanneer nodig onderhoud; Bijdrage leveren in het functioneel- en technisch ontwerptraject; Analyseren van productie verstoringen; Meedenken over vernieuwingen en verbeteringen. Hier ga je werken De organisatie waar jij komt te werken focust zich op software development met een maatschappelijk tintje. De afdeling software ontwikkeling bestaat uit vijf verschillende scrum teams, met allen hun eigen focus gebied. Zo zijn er een aantal teams die zich focussen op specifieke applicaties, maar is er ook een team gericht op projecten. Binnen de organisatie staat innovatie en kwaliteit voorop. Een aantal applicaties draait nog op

Bekijk vacature »

Als PHP developer bijdragen aan beter onderwijs?

Functie Momenteel zijn ze op zoek naar een PHP developer die mee gaat werken aan de (door)ontwikkeling van de producten en zo helpt aan de uitvoering van hun ontwikkelprojecten. Je komt te werken binnen hun development team bestaande uit 6 ontwikkelaars. Ze staan zowel open voor meer junior als medior/senior developers. Je kunt snel veel verantwoordelijkheid krijgen en doorgroeien binnen het bedrijf. Bovendien ben je betrokken bij het bepalen van de product roadmap en de inbreng van (nieuwe) technologieën. De applicaties waaraan je werk worden gebruikt op onderwijsinstellingen door heel Nederland. De tech-stack bestaat voornamelijk uit Laravel (PHP), Vue.js en

Bekijk vacature »

Ervaren Magento developer gezocht!

Functie Je komt te werken in een zelfsturend team waarin vertrouwen voorop staat en inbreng en ideeën worden gewaardeerd. Ook staat innovatie centraal. Ze bieden jou de mogelijkheid om jezelf door te ontwikkelen. Denk hierbij aan cursussen en een persoonlijk ontwikkelplan. Je komt terecht in het team van momenteel 4 (ervaren) collega’s en zal meewerken aan de doorontwikkeling en nieuwbouw van de Magento platformen van meerdere opdrachtgevers volgens Agile/Scrum. Denk hierbij aan nieuwe functionaliteiten, UX en koppelingen met verschillende back-end systemen. Als ervaren developer zul je hiernaast ook andere developers assisteren en waar nodig de leiding nemen in het project.

Bekijk vacature »

Senior Front-end developer Consultancy

Functie Als front-end developer ga je aan de slag voor verschillende klanten, waarbij veel rekening wordt gehouden met waar je woont (dit is altijd binnen het uur), en word er gezocht naar een organisatie die past bij jou. Zowel qua persoonlijke ambities als de technische aansluiting. De opdrachten duren gemiddeld 1 à 2 jaar maar dit hangt ook af van je wensen. Je werkt in een teamverband voor een klant en zult nauw samenwerken met zowel eigen collega’s als die bij de klant werkzaam zijn. Ze zijn op zoek naar een technische front-end developer die ruime ervaring heeft in één

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

29/09/2023 12:28:00
 
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.