Scripts - Tutorials - Forum - Downloads - Showcase - Contact

Artikels

VPN vergelijken

Algemeen

Beginpagina

FAQ

Grafische worm (243)

Links

Nieuwsartikels

Nieuwsarchief

Boeken programmeren

Overzicht

Samenwerken

Webhosting

Zoek op Sitemasters

Leden

Registreren

Ledenlijst

Ons team

Links

webhostingtop10.be

Sociale media

Follow @sitemasters

Sitemasters

Adverteren op Sitemasters?

Contacteer ons

RSS

Link naar ons

Donaties

Poll

Je moet ingelogd zijn om te stemmen.

Statistieken

Linkpartners

Forum

Categorieën > JavaScript

document.form.button.... (Opgelost)

mebcat - 05/10/2008 19:43

Nieuw lid

Hallo,
ik ben js beginner en volgende oplossing kan ik maar niet vinden:
De alert die je ziet in de code wordt niet uitgevoerd. Waarschijnlijk zit de fout bij document.klikken.druk..... maar ik vind hier geen verdere info over.

html4strict code - Bekijk de code zonder highlighting - Klap code in

<!doctype html public "-//W3C//DTD HTML 4.0 //EN"> 
<html>
<head>
       <title>Title here!</title>
<script type="text/javascript">
<!--
    document.klikken.druk.onclick = function (){alert('ok!')}
//-->
</script>

</head>
<body>
<FORM NAME="klikken">
<INPUT TYPE="button" NAME="druk" VALUE="Duw!" >
</FORM>

</body>
</html>

<!doctype html public "-//W3C//DTD HTML 4.0 //EN"> 
<html>
<head>
       <title>Title here!</title>
<script type="text/javascript">
<!--
    document.klikken.druk.onclick = function (){alert('ok!')}
//-->
</script>
 
</head>
<body>
<FORM NAME="klikken">
<INPUT TYPE="button" NAME="druk" VALUE="Duw!" >
</FORM>
 
</body>
</html>

11 antwoorden

Gesponsorde links

vinTage - 05/10/2008 19:48

Nieuw lid

één manier is :

javascript code - Bekijk de code zonder highlighting - Klap code in

                <!doctype html public "-//W3C//DTD HTML 4.0 //EN"> 
<html>
<head>
       <title>Title here!</title>
<script type="text/javascript">
<!--
    function alertje(){alert('ok!')}
//-->
</script>

</head>
<body>
<FORM NAME="klikken">
<INPUT TYPE="button" NAME="druk" VALUE="Duw!" onclick="alertje()" >
</FORM>

</body>
</html>
            
<!doctype html public "-//W3C//DTD HTML 4.0 //EN"> 
<html>
<head>
       <title>Title here!</title>
<script type="text/javascript">
<!--
    function alertje(){alert('ok!')}
//-->
</script>
 
</head>
<body>
<FORM NAME="klikken">
<INPUT TYPE="button" NAME="druk" VALUE="Duw!" onclick="alertje()" >
</FORM>
 
</body>
</html>
 

jvs - 05/10/2008 19:56
HTML beginner		vinTage zijn manier zal werken maar is een slecht voorbeeld van javascript volgens het drie lagen model (wat wil zeggen dat we js, css, en xhtml volledig scheiden) daarnaast kan je best je forms aanspreken met document.forms[0] of een ander nummer naargelang de hoeveelste form het is.

vinTage - 05/10/2008 20:17
Nieuw lid		getElementById() ?

mebcat - 05/10/2008 20:18
Nieuw lid		vinTage, uw manier werkt idd. Maar ik wil zoals jvs zegt, javascript gescheiden houden van html. jvg, enig idee wat ik dan fout doe?

Martijn - 05/10/2008 20:24
Crew PHP		javascript code - Bekijk de code zonder highlighting - Klap code in document.klikken.druk.onclick = function (){alert('ok!')} document.klikken.druk.onclick = function (){alert('ok!')} volgens mij moet dat javascript code - Bekijk de code zonder highlighting - Klap code in document.klikken.druk.onclick = alert('ok!'); document.klikken.druk.onclick = alert('ok!'); zijn, maar ik ben ook geen JS ster:P

jvs - 05/10/2008 21:06
HTML beginner		Ik denk dat je best je button een id geeft ipv een name en dan gewoon werkt met: javascript code - Bekijk de code zonder highlighting - Klap code in document.getElementById('druk').onclick = function(){alert('test');} document.getElementById('druk').onclick = function(){alert('test');}

vinTage - 05/10/2008 21:37
Nieuw lid		de verlosser

BramBo - 06/10/2008 10:53
JS gevorderde		Je voert de binding uit voordat de elementen geladen zijn. de source wordt chronologisch uitgevoerd je dient dus te wachten totdat de DOM is geladen. Gebruik daarom: javascript code - Bekijk de code zonder highlighting - Klap code in window.onload() { // jvs's binding: document.getElementById('druk').onclick = function(){alert('test');} } window.onload() { // jvs's binding: document.getElementById('druk').onclick = function(){alert('test');} }

mebcat - 06/10/2008 21:29

Nieuw lid

Het werkt raar genoeg nog steeds niet. Zowel bij ie7 als ff3
Hier nog eens de code.

html4strict code - Bekijk de code zonder highlighting - Klap code in

<!doctype html public "-//W3C//DTD HTML 4.0 //EN"> 
<html>
<head>
       <title>Title here!</title>
<script type="text/javascript">
<!--
   window.onload() {
   // jvs's binding:
    document.getElementById('druk').onclick = function(){alert('test');}
    }

//-->
</script>

</head>
<body>
<FORM NAME="klikken">
<INPUT TYPE="button" id='druk' VALUE="Duw!" >
</FORM>

</body>
</html>

<!doctype html public "-//W3C//DTD HTML 4.0 //EN"> 
<html>
<head>
       <title>Title here!</title>
<script type="text/javascript">
<!--
   window.onload() {
   // jvs's binding:
    document.getElementById('druk').onclick = function(){alert('test');}
    }
 
//-->
</script>
 
</head>
<body>
<FORM NAME="klikken">
<INPUT TYPE="button" id='druk' VALUE="Duw!" >
</FORM>
 
</body>
</html>

BramBo - 06/10/2008 22:34

JS gevorderde

woops !

mijn fout het is :

javascript code - Bekijk de code zonder highlighting - Klap code in

                window.onload = function() {
 // jvs's binding:
 document.getElementById('druk').onclick = function(){alert('test');}
}

            
window.onload = function() {
 // jvs's binding:
 document.getElementById('druk').onclick = function(){alert('test');}
}
 

mebcat - 07/10/2008 17:14
Nieuw lid		yes, dat is hem! Bedankt.

Gesponsorde links

Dit onderwerp is gesloten.

Actiefste leden van de maand

Actieve forumberichten