onclick ajax send

Overzicht Reageren

Sponsored by: Vacatures door Monsterboard

Integratie Developer / Architect

Dit ga je doen Als Integratie Developer / Architect binnen deze organisatie krijg je echt de kans om impact te maken. De organisatie is groeiende maar houdt een corporate cultuur buiten de deur. Heb je een goede business case: zorg voor goede argumentatie en ga ervoor! Geen stroperig beslissingsproces dat jouw ideeën in de weg staat! Enkele van jouw taken: Je ontwerpt en ontwikkelt nieuwe integraties met behulp van interne tools (Boomi) of externe partners; Je vertaalt functionele specificaties naar technische oplossingen; Je denkt mee over strategische ontwikkelingen op het gebied van applicatie integratie; Je voert regie op leveranciers en

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 »

Applicatie ontwikkelaar

Functie omschrijving Zelfstandige applicatie ontwikkelaar gezocht voor familiair bedrijf in omgeving Barendrecht! Ben jij op zoek naar een nieuwe uitdaging en zoek jij een informele werkgever waar je zelfstandig kunt werken binnen een leuk IT team, lees dan snel verder want wie weet zijn wij op zoek naar jou! Binnen deze rol houdt jij je met het volgende bezig: Onderhouden en ontwikkelen van de IT systemen; Opzetten van Azure Cloud systemen, denk aan interfaces, hardware op de Cloud, webportalen of BI functies; Werken aan scripts binnen verschillende software applicaties, denk aan ERP en CAD; Ontwikkelen en implementeren van MS PowerApps

Bekijk vacature »

PHP Developer

Functieomschrijving Vanuit het hoofdkantoor in omgeving Roosendaal, ontwikkel je als PHP Developer niet alleen webapplicaties, maar ben je verder ook gefocust op het continu inspelen op nieuwe trends en ontwikkelingen m.b.t software development. Naast het bouwen van webapplicaties, ontwikkelen zij ook webshops en websites voor gave opdrachtgevers! Wat ga je doen? Het schrijven van schone en efficiënte codes volgens het Symfony framework; Het ontwerpen en implementeren van webapplicaties met het Symfony-framework; Onderhouden en updaten van bestaande applicaties die zijn gebouwd met het Symfony framework; Het testen van ontwikkelde applicaties om te zorgen dat ze goed functioneren en voldoen aan de

Bekijk vacature »

Functioneel Applicatiebeheerder

Wij van CNB zijn op zoek naar een leergierige Functioneel Applicatiebeheerder CNB is de grootste dienstverlener in de markt van bloembollen en vaste planten. In deze markt verricht CNB de volgende diensten: bemiddeling, veilen en het koelen en prepareren van bloembollen. Vanuit ons hoofdkantoor in Lisse werken bijna 100 collega’s dag in dag uit aan de bemiddeling van bloembollen. In Bovenkarspel vindt het koelen en prepareren van de bloembollen plaats. Wij zijn op zoek naar een enthousiaste Functioneel Applicatiebeheerder die naast een applicatie, ook sfeer kan bouwen! Jij: Vindt het leuk om binnen een klein IT-team aan de slag te

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 »

.NET Developer

Dit ga je doen (Door)Ontwikkelen van het applicatielandschap; (Door)Ontwikkelen van microservices; Bouwen van nieuwe functionaliteiten; Verbeteringen aandragen voor het applicatielandschap; Sparren met de business. Hier ga je werken De organisatie is werkzaam in de financiële dienstverlening met meer dan 200 medewerkers en meer dan 250.000 eindgebruikers is het een van de grotere binnen haar branche. Je komt te werken in een team waarmee je verantwoordelijk bent voor het ontwikkelen en onderhouden van de financiële applicaties binnen de organisatie, denk hierbij aan het bouwen en onderhouden van portalen. Als .net developer ga jij het development team ondersteunen met de transitie naar

Bekijk vacature »

APEX Ontwikkelaar in een team van Oracle Developer

Bedrijfsomschrijving Wij zijn op zoek naar een APEX Ontwikkelaar om onze opdrachtgever in Den Haag te versterken. In deze rol zul je verantwoordelijk zijn voor het ontwikkelen en onderhouden van de front-end van onze applicaties met behulp van Oracle Application Express (APEX). Je werkt aan zowel inhouse als externe projecten. De sfeer binnen het Oracle team is gemoedelijk en men probeert elkaar te helpen én van elkaar te leren. Zo ontstaat er een prettige en plezierige werksfeer waar ruimte is voor persoonlijke ontwikkeling en groei. Er wordt gewerkt met de meest nieuwe technologieën waardoor je kennis up-to-date blijft. Het bedrijf

Bekijk vacature »

C# Ontwikkelaar

In het kort Als C# .NET Core ontwikkelaar ga je binnen onze business unit Transport en Logistiek aan de slag complexe maatwerk software voor bedrijf kritische systemen binnen de technische automatisering. Denk bijvoorbeeld een IoT-oplossing voor de logistieke sector waarbij we van ruim 200.000 machines de telemetrie en events verwerken. We zijn actief in de distributielogistiek, havenlogistiek en productielogistiek. Naast C# en .NET Core maken we ook gebruik van Azure technologie. En als trotse Microsoft Gold Partner leren we graag van en met jou. Wil jij jezelf blijven ontwikkelen binnen de technische automatisering met .NET, dan gaan we deze uitdaging

Bekijk vacature »

Back-end Developer (Permanent position with the em

Bedrijfsomschrijving Dutch specialist in technical installation materials. Functieomschrijving Purpose of the position: Our client is looking for a Back-end Developer who, together with the rest of the energetic and dynamic team, is responsible for the development and management of the website. This not only concerns the development and management of the current website, but also the development of a new Headless Commerce Platform to keep the customer's website Future proof. Within the IT department, there is a real DevOps culture and the commerce team is at the forefront and tries to implement continuous improvements. Most important tasks: ï‚· Designing and

Bekijk vacature »

Front end developer React

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 »

Lead developer (PHP, Symfony, DDD)

Functie Als Lead developer zorg je ervoor dat het team (bestaande uit zowel junior als ervaren developers) in staat is om de kwaliteit van de software (en code) verder te verhogen. In samenwerking met het team, de product owner en de andere lead developers zet je technische lijnen uit en bepaal je de prioriteiten per sprint. Lijkt het jou interessant om complexe problemen op te lossen en bijvoorbeeld een nieuwe applicatiestructuur in Symfony op te zetten? Dan komen wij graag met je in contact. Eisen • HBO werk- en denkniveau (ze kijken niet naar papieren, maar naar denkniveau, motivatie en

Bekijk vacature »

C++ Ontwikkelaar

Functieomschrijving Ben jij als software ontwikkelaar toe aan een nieuwe uitdaging? Dan zoeken wij jou! Voor het maken van de procesbesturingssoftware gebruiken onze projectteams een in C++ en C# geschreven tool. Dit is een gedistribueerd object framework wat alle kernfuncties biedt voor een procesautomatisering. Verder zullen jouw werkzaamheden o.a. bestaan uit: Ontwerpen, programmeren en testen van product aanpassingen; Analyseren van vragen en wensen van gebruikers en deze vertalen naar een functioneel ontwerp; Inzichtelijk maken van voortgang omtrent softwarewerkzaamheden, o.a. door middel van SCRUM; Continu toetsen van het effect van nieuwe releases op andere tools en processen; Implementeren van nieuwe product

Bekijk vacature »

Traineeship Full Stack Java developer

Dit ga je doen Start jij op 7 augustus bij de Experis Academy dan kickstart jij jouw IT-carrière! We leiden je op tot een gewilde Full Stack Java Developer met alle kennis en vaardigheden die nodig zijn om de arbeidsmarkt te betreden. Wat kun je verwachten, hoe zit een dag in het leven van een Trainee eruit? Periode 1 Als Full Stack Java Developer Trainee volg je vanuit huis een op maat gemaakte onlinetraining die in het Engels wordt gegeven. De tijd die je kwijt bent aan het volgen van de training kun je vergelijken met een fulltime werkweek. In

Bekijk vacature »

Creatieve Front-end developer gezocht!

Functie Het front-end team bestaat momenteel uit 4 collega’s en is hard aan het groeien! Samen leveren jullie een essentiële bijdrage aan de applicaties die ze voor hun klanten realiseren. Je werkt in het front-end team samen met de back-end teams en product owners om te zorgen dat de applicaties een fijne gebruikerservaring opleveren. Jouw expertise zorgt ervoor dat de juiste keuzes gemaakt worden qua techniek en ontwerp, van back-end tot aan gebruiker. In samenspraak met je team bepalen jullie de beste keuze voor techniek. Ook is er altijd ruimte om nieuwe technieken te ontdekken. Eisen • Je hebt gedegen

Bekijk vacature »
Yoeri Achterbergen

Yoeri Achterbergen

22/04/2015 11:13:16
Quote Anchor link
Hallo,

Het wil me maar niet lukken om een onclick de ajax te laten verzenden.

onclick="zzend()"

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
$(document).ready(function(){
function zzend(e){
e.preventDefault();
// show loader
        $('#result').fadeOut(function() {
            $('#overlay, #ajaxMessage').fadeIn();
        })


$.ajax({
            'url': 'php/ajax.php',
            'data': $('#form').serialize(),
            'success': function(data) {
                $('#overlay, #ajaxmessage').fadeOut(function() {
                    $('#result').html(data.id + '<div class="result" spellcheck="false">'+data.adres+'</div>').fadeIn();
                });
            }
        });
    
}
});


Wie kan mij helpen?

Gr. Yoeri
Gewijzigd op 22/04/2015 11:54:23 door Yoeri Achterbergen
 
PHP hulp

PHP hulp

29/03/2024 06:24:09
 
CNEPHP -

CNEPHP -

22/04/2015 11:16:40
Quote Anchor link
Waarom twee maal 'z'? Terwijl je functie maar één 'z' bevat.

Corné
Gewijzigd op 22/04/2015 11:17:08 door CNEPHP -
 
Thomas van den Heuvel

Thomas van den Heuvel

22/04/2015 14:06:01
Quote Anchor link
Welk event zou deze functie moeten triggeren?

Je hebt dus ook ergens een onclick-event waar je deze functie aan hangt?

Nu wordt namelijk de functie niet "vanzelf uitgevoerd" (getriggerd via een event), daarom gebeurt er ook niets.

Althans, als bovenstaande code volledig is.
 
Yoeri Achterbergen

Yoeri Achterbergen

24/04/2015 00:41:42
Quote Anchor link
De code is niet volledig inderdaad.
Ik had alleen de jquery code in de topic gezet.
Het gaat namelijk om een div element waaraan ik het event wil koppelen.

html:
Code (php)
PHP script in nieuw venster Selecteer het PHP script
1
2
3
4
5
6
7
8
<div class="zend btn" onclick="zend()">hier komt tekst</div>

<form id="form">
<input id="adres" name="adres"/>
</form>
<div id="result"></div>
<div id="ajaxMessage"><img src="images/ajax-loader.gif" alt="" /> wait</div>
<div id="overlay"></div>



Jquery:
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
$(document).ready(function(){
function zend(e){
e.preventDefault();
// show loader
        $('#result').fadeOut(function() {
            $('#overlay, #ajaxMessage').fadeIn();
        })


$.ajax({
            'url': 'php/ajax.php',
            'data': $('#form').serialize(),
            'success': function(data) {
                $('#overlay, #ajaxmessage').fadeOut(function() {
                    $('#result').html(data.id + '<div class="result" spellcheck="false">'+data.adres+'</div>').fadeIn();
                });
            }
        });
    
}
});


Op een of andere manier krijg ik het click event niet aan de praat.
 
Thomas van den Heuvel

Thomas van den Heuvel

24/04/2015 13:36:22
Quote Anchor link
Je volgt de principes van jQuery niet echt hier. Het idee van jQuery is onder andere:
- uniforme werking van JavaScript code, onafhankelijk van de browser
- makkelijke event handling, DOM manipulatie etc.

Als je met jQuery werkt en je gebruikt ergens in je HTML een onclick="..." property die op jQuery acteert dan ben je vrijwel zeker niet op de goede manier bezig.

Daarnaast introduceer je een functie, dat is niet nodig - het enige wat je nodig hebt is een afhandeling van een click-event. Hiertoe maak je eerst een selectie van een of meer elementen (met een selector), waar je vervolgens een event listener aan hangt met een (callback)functie. Deze functie wordt uitgevoerd op het moment dat het event "getriggerd" wordt (in dit geval, als op een van de geselecteerde elementen wordt geklikt).
EDIT: toegegeven, dit is ook een functie maar die vervuilt de globale scope iig niet.

Voorheen was het volgens mij zo (en misschien nog steeds) dat er in sommige browsers helemaal NIET geluisterd werd naar bepaalde events bij bepaalde elementen. Zo kan het dus bijvoorbeeld in browser X gebeuren dat ondanks het feit dat je een onclick-event definieert voor een div (via een onclick="..." property dus), deze helemaal niet getriggerd wordt als hier op geklikt wordt, simpelweg omdat dat event geen betekenis heeft voor dat element in die browser.

Daarom is het des te belangrijker om jQuery de volledige afhandeling te laten verzorgen, om zo de (mogelijke) verschillen tussen de verschillende browsers het hoofd te kunnen bieden.

En dan is er nog iets anders aan de hand: men lijkt niet goed te weten hoe je jQuery / JavaScript code ontwikkelt en debugt. Althans, een heleboel topics op dit (PHP) forum gaat over niet werkende jQuery ("hij doet het niet"). Ik weet niet welke browser jij gebruikt, maar veel browsers hebben tegenwoordig een developer console ingebouwd, toegankelijke via de functietoets F12. Ik gebruiker Firefox, met onder andere de volgende twee addons:
Firebug
Web Developer

Deze addons vertellen mij meteen wanneer er iets mis is. Als ik bijvoorbeeld op jouw "hier komt tekst" link klink krijg ik meteen een foutmelding:
Afbeelding
(JavaScript Error: ReferenceError: zend is not defined)

Het probleem is dus niet het probleem, maar de manier waarop je informatie inwint over het probleem (wat niet lukt, omdat je niet weet hoe).

De oorzaak dat je code in eerste instantie niet werkt is omdat de functie "zend" niet in de globale scope (waar je deze gebruikt) bestaat. Je zou dit na kunnen gaan door het $().ready(function() { ... }) blok tijdelijk te commenten. Dan is de functie wel bekend... maar dan krijg je meteen een syntax fout omdat je geen parameter meegeeft. Het meegeven van het event is ook nogal onzinnig, want je wéét wat het triggerend event is, dat is je onclick... Er klopt dus eigenlijk geen biet van deze code. Volgens mij snap je (nog) niet helemaal wat je aan het doen bent.

Om je een eind in de goede richting te sturen:
- hang een id aan je click-div zodat je deze uniek kunt identificeren en verwijder die onclick bras, bijvoorbeeld:
Code (php)
PHP script in nieuw venster Selecteer het PHP script
1
<div class="zend btn" id="zend">hier komt tekst</div>


- creeer vervolgens een event listener in jQuery specifiek voor dit element (#zend):
Code (php)
PHP script in nieuw venster Selecteer het PHP script
1
2
3
4
5
6
7
8
9
10
11
<script type="text/javascript">
//<![CDATA[
$().ready(function() {
    $('#zend').click(function(e) {
        e.preventDefault();
        // show loader
        // ... de rest als voorheen ...
    });
});
//]]>
</script>

Dat werkt een stuk beter...

Installeer die addons, of verzin een andere manier om informatie tot je te laten komen en zorg dat je weet waar je deze kunt vinden, zodat je deze -in mijn ogen- triviale fouten zelf kunt debuggen.

Ik denk dat ik nog heel vaak ga refereren aan deze post :p.
Gewijzigd op 24/04/2015 13:43:07 door Thomas van den Heuvel
 
Yoeri Achterbergen

Yoeri Achterbergen

30/04/2015 17:24:33
Quote Anchor link
Beste Thomas,


Bedankt voor de uitgebreide uitleg over Jquery. Uiteraard heb ik dit veranderd en mijn div een id meegeven.
In vervolg zal ik dit zeker doen:-)

Gr. Yoeri
 



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.