Ik heb een voorbeeld: http://socialpic.nl
Hoi,
Het komt wel voor, je moet je wachtwoord intypen en je weet niet dat caps lock aanstaat en je dan miljoen keer opnieuw typt en je ww maar fout blijft.
Met deze tutorial kan je je bezoeker laten weten dat caps aanstaat!
Oke,
1. Maak een nieuw php bestandje aan (of je huidige)
2. Zet tussen de tags deze code:
3. Zet in je tag deze code:
Je krijgt dan dit:
4. En plaats een divje bijv. onder je input met deze code:
5. Sla hem op en je bent klaar!
LET OP!! Overal waar DIVNAAM staat moet je de div id van jou div doen
Hoe gaat dit in zijn werk?
De onkeypress in je input kijkt of je capslock aanstaat, de code tussen de headtags veranderen dan je div visibility naar hidden of visible
-CREDITS: Yako 80% (voor de code), Mij 20% (voor het vermakkelijke, de tutorial eromheen, uitleg en de comments
Hoi,
Het komt wel voor, je moet je wachtwoord intypen en je weet niet dat caps lock aanstaat en je dan miljoen keer opnieuw typt en je ww maar fout blijft.
Met deze tutorial kan je je bezoeker laten weten dat caps aanstaat!
Oke,
1. Maak een nieuw php bestandje aan (of je huidige)
2. Zet tussen de tags deze code:
<script>//Begin van je scriptcode
function capLock(e){ //Kijkt naar de function in je input
kc = e.keyCode?e.keyCode:e.which;
sk = e.shiftKey?e.shiftKey:((kc == 16)?true:false); //Kijkt of shift aanstaat
if(((kc >= 65 && kc <= 90) && !sk)||((kc >= 97 && kc <= 122) && sk))
document.getElementById(DIVNAAM).style.visibility = visible; //Veranderd DIVNAAM naar je div id, als caps aanstaat veranderd hij de visibility naar visible
else
document.getElementById(DIVNAAM).style.visibility = hidden;//Veranderd DIVNAAM naar je div id, als caps aanstaat veranderd hij de visibility naar hidden
}
</script>//Einde van je scriptcode3. Zet in je tag deze code:
onkeypress="capLock(event)" //Kijkt of capslock aanstaatJe krijgt dan dit:
<input type="password" name="Password" onkeypress="capLock(event)" />4. En plaats een divje bijv. onder je input met deze code:
<div id="DIVNAAM" style="visibility:hidden">Caps Lock is AAN!</div>//de div die veranderd word als capslock aanstaat.5. Sla hem op en je bent klaar!
LET OP!! Overal waar DIVNAAM staat moet je de div id van jou div doen
Hoe gaat dit in zijn werk?
De onkeypress in je input kijkt of je capslock aanstaat, de code tussen de headtags veranderen dan je div visibility naar hidden of visible
-CREDITS: Yako 80% (voor de code), Mij 20% (voor het vermakkelijke, de tutorial eromheen, uitleg en de comments
