onclick ajax send

Overzicht Reageren

Sponsored by: Vacatures door Monsterboard

.NET Developer Medicatie / Apotheek

Jij krijgt een kick van het ontwikkelen van complexe software. Voor onze vestiging in Hoogeveen zoeken wij een .NET Developer Medicatie / Apotheek die graag met de laatste Microsoft-tools en -technieken wilt werken, interessant? Jouw baan Je bent verantwoordelijk voor het ontwerpen, ontwikkelen, ondersteunen en onderhouden van de module Medicatie / Logistiek & Apotheek. Je gaat nauw samen werken met zowel interne als externe klant om nieuwe functionaliteiten te ontwikkelen om onze klanten te ondersteunen in hun werkproces. Het gaat om complexe ICT-producten die feilloos moeten functioneren binnen de complexe omgeving van een zorgorganisatie. ChipSoft maakt gebruik van een zelf

Bekijk vacature »

Front-End Developer / JavaScript / Vue.JS / Financ

Functieomschrijving Are you an enthusiastic Front-End Developer? Do you have work experience with Vue.JS? Are you ready to set up a new architecture by developing a new front-end framework in Vue? If your answers are yes, then this might be your new job! The client designs and develops the next generation of applications. As a Front-End Developer you are, (together) with your team, responsible for setting up the new architecture that will be focused on cloud-ready applications. Your focus within the team will be on translating customer needs into excellent solutions. Developing the new front end framework using Vue.JS; Making

Bekijk vacature »

.NET Developer / C# / miljarden berichten / Zorgse

Functieomschrijving Zit jij aan je plafond als .NET C# Developer? Wil jij de stap maken naar dé .NET software organisatie van Tilburg? Lees dan nu verder! Bedrijfsomschrijving werken bij een organisatie waar je met het volgende in aanraking komt: High-intensity dataverkeer, meer dan 2,7 miljard berichten per jaar; Development aan .NET applicaties die maandelijks miljoenen euro's verwerken; Salaris als developer tot bijna 70.000 euro op jaarbasis; Geen partij in de omgeving van Tilburg die zo'n complex .NET applicatielandschap heeft; Werken aan meer dan 50 diensten, verdeeld over 10 Scrum teams; Focus op o.a.: C# en ASP.NET in een Agile organisatie;

Bekijk vacature »

Software Developer / Maatwerk / 4GL / SQL

Functieomschrijving Heb jij ervaring met Software Development en wil je je graag verder ontwikkelen bij een internationaal bedrijf in regio Eindhoven? Lees dan snel verder! Software ontwikkeling met technieken als Magic XPA en DB2 relationele databases. Ontwikkelen van nieuwe onderdelen van het centrale (maatwerk) softwarepakket. Uitbreiden bestaande functies binnen het pakket. Wensen en eisen van gebruikers in kaart brengen. Meedraaien in projecten. Informatieanalyses maken en uitwerken. Jezelf ontwikkelen binnen de organisatie, bijvoorbeeld op het gebied van BI of integratie met behulp van SAP PI/PO. Ondersteunen van de helpdesk bij software issues. Functie-eisen 1 tot 3 jaar ervaring op het gebied

Bekijk vacature »

Senior Java Developer vacature

Currently we are specific looking for professionals who speak fluently Dutch on C1 level. Senior Java Developer Jij volgt ontwikkelingen op de voet. Sterker nog: jij bent er onderdeel van. Jij loopt voorop. Jij denkt met klanten mee en helpt hen innoveren. Je verdiept je liever als een Expert, dan dat je jezelf alleen verbreed. Bijvoorbeeld met de ontwikkeling van de Rabobank-app of een verbetering van de beveiliging van treinen voor Pro-rail! Java staat centraal Wij bouwen State of the Art applicaties met de nieuwste technologie en frameworks. Dit doen we door ons te richten op de open source-oplossingen binnen

Bekijk vacature »

Medior iOS Developer

Als iOS Developer zorg jij voor een ultieme klantervaring voor het zoeken en kopen van producten bij Coolblue via de app. Hoe word ik iOS Developer bij Coolblue? Je bent succesvol in het schrijven van Swift code en werkt nauw samen met je collega’s, bijvoorbeeld in de vorm van pair programming, om de kwaliteit te waarborgen. Daarbij denk je na over technische keuzes zoals architectuur, tools en processen. Verder houd je de prestaties van de app in de gaten en analyseer je met het team hoe je dit kunt verbeteren. Het werken volgens Scrum methode is jouw niet onbekend en

Bekijk vacature »

SAP S/4HANA Finance (Senior) Manager

SAP S/4HANA Finance (Senior) Manager Are you a trusted Senior SAP Finance Advisor to the world’s leading organizations? Bring your vision to life and help our clients transform to the changing world of business by building innovative SAP Finance solutions through insight. Join our Accenture’s SAP Finance Transformation practice and transform your ideas into reality. Your job As Senior SAP Finance Advisor you will be the key player in major SAP S/4HANA (greenfield) transformation programs at our clients. In this role you will support them to connect the dots between the digital world and their core finance processes. This will

Bekijk vacature »

PHP Developer Symfony Uiteenlopende projecten

Functieomschrijving Heb jij een aantal jaren werkervaring als PHP Developer en wil jij aan de slag met Symfony, MongoDB en Azure? Wil jij werken aan een belangrijke applicatie in de woningsector die dagelijks door ruim 5000 mensen dagelijks wordt gebruikt? Is programmeren een van jouw grootste hobby's? Lees dan snel verder! Jouw taken als PHP Developer zullen bestaan uit: Het creëren van nieuwe features en het doorontwikkelen van zeer omvangrijke applicaties (met o.a. Symfony); Het meewerken aan uiteenlopende technische projecten; Meedenken over nieuwe tools en technieken om de IT naar een nog hoger niveau te tillen. Functie-eisen De eisen voor

Bekijk vacature »

Senior OutSystems Developer / International enviro

Functieomschrijving Would you like to work in a professional and international working environment and do you have extensive experience in the field of OutSystems? Apply now! Translate wishes and requirements into technical designs; Design and develop new software feautures and technologies, mainly in the field of logistics/planning; Maintainance, administration and improvement of the OutSystems platform; Solving issues and bugs within the software; Define and run test plans; Documentation of development and bugfixes; Constant improvement of the OutSystems platform and follow-up of newest innovations within this field. Functie-eisen Knowledge of and multiple of years experience with OutSystems is required. Experience with

Bekijk vacature »

Servicedesk medewerker

Ben jij een kei op het gebied van ICT? Vind je het leuk om de verschillende technische problemen van onze medewerkers op te lossen? En ben je op zoek naar een baan met veel afwisseling in een leuk team? Dan zij wij op zoek naar jou! Wij zoeken ter versterking van ons team ICT een: Servicedesk medewerker Voor 36 uur per week De zorg die geboden wordt kan niet meer zonder de ondersteuning van betrouwbare informatie- en automatiseringssystemen. Het is de belangrijke taak van het team ICT om dit te organiseren en de organisatie hierin te ondersteunen, zowel voor de

Bekijk vacature »

.NET Developer Medicatie / Apotheek

Jij krijgt een kick van het ontwikkelen van complexe software. Voor onze vestiging in Heerenveen zoeken wij een .NET Developer Medicatie / Apotheek die graag met de laatste Microsoft-tools en -technieken wil werken. Interessant? Lees snel verder! Jouw baan Je bent verantwoordelijk voor het ontwerpen, ontwikkelen, ondersteunen en onderhouden van de module Medicatie / Logistiek & Apotheek. Je gaat nauw samen werken met zowel de interne als externe klant om nieuwe functionaliteiten te ontwikkelen om onze klanten te ondersteunen in hun werkproces. Het gaat om complexe ICT-producten die feilloos moeten functioneren binnen de complexe omgeving van een zorgorganisatie. ChipSoft maakt

Bekijk vacature »

Senior Front-end Developer vacature

Currently we are specific looking for professionals who speak fluently Dutch on C1 level. Senior Front-end Developer Jij weet wat er nodig is. Jouw hart gaat sneller kloppen van techniek. Jij wil vooruit. Je bent creatief, thuis in gebruikersinteractie en een Developer in hart en nieren. Daarnaast heb jij een klantgerichte en initiatiefrijke houding. Precies de kwaliteiten die een Front-end Developer nodig heeft. Wat doe jij als developer bij Sogeti? Als Front-end Developer werk je aan de technische realisatie van front-end (web)applicaties in de verschillende opdrachten voor Sogeti’s klanten. Dit kan zowel op klantlocatie, als intern bij Sogeti. Jij houdt

Bekijk vacature »

.NET C# web developer met focus op gebruiksvriende

Ben je op zoek naar een baan binnen een klein softwarebedrijf? Een bedrijf met een informele, persoonlijke en familiaire sfeer? Waar je je als developer zowel richt op de back- als frontend? Wellicht dat deze vacature dan iets voor jou is. Voor een softwarebedrijf, gevestigd in het centrum van Rotterdam, zijn we momenteel op zoek naar .NET C# web developer. Dit mag iemand zijn die net van school komt, maar ook iemand die al behoorlijk wat ervaring heeft. Het bedrijf bestaat inmiddels ruim 10 jaar en en door de aanhoudende groei zijn ze opzoek naar versterking van 1 a 2

Bekijk vacature »

Java Developer/Consultant

JAVA Developer/Consultant – JAVA / Spring / DevOps / Scrum / Kanban Net binnen, JAVA developer/consultant voor een ambitieuze organisatie in Flevoland. • Medior / senior level Java developer • Centrale kantoor locatie op 5 minuten afstand van het statio • JAVA / Spring / DevOps / CI-CD / KanbanScrum / Agile • Goed salaris - €30.000-€70.000-, op basis van ervaring, en winstdeling • Reageer door te bellen met 020-8004990 of mail naar gerjan.hofland@searchability.com Deze organisatie is gespecialiseerd in software-ontwikkeling met Java en webtechnologie en werkt met klanten uit de MKB en de top 100 van bedrijven in Nederland! Bron:

Bekijk vacature »

Systeembeheerder Windows

Systeembeheerder Windows De huidige situatie met betrekking tot het virus raakt een ieder in ons land. Het is nogal een grote verandering voor werkend Nederland maar gelukkig blijft de IT zich ontwikkelen. Jij maakt de ontwikkelingen mee en je hebt hard gewerkt om te komen waar je nu staat. Je bent op zoek naar een werkgever die jou naast zekerheid ook flexibiliteit biedt. Daarom werken wij bij T2 samen met jou en daar plukken wij uiteindelijk samen de vruchten van! Waarom T2? Je haalt voldoening uit de technische uitdagingen binnen een Enterprise omgeving. Je werkt voor top bedrijven zoals de

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/09/2020 09:43:38
 
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:
http://fangorn.thijma.nl/images/phphulp/users/yoeri/derp.png
(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.