2.844 views
Weet iemand hoe je bij een formulier waarbij je alleen je postcode hoeft in te vullen meteen al een knipperende cursor in het tekstveld te zien krijgt??
Kant en klaar: http://www.phphulp.nl/php/scripts/1/739/
Dit hoort niet in de categorie PHP roos. Deze hoort in Webdesign. Volgende keer even beter opletten ;).
Om een knipperende cursor in een tekstveld te krijgen, wijzig je je body naar:
<body onload="document.mailform.titel.focus();">
Dus bijvoorbeeld:
<form method="post" action="#" name="mailform">
<input type="text" name="titel" value="" />
</form>
Om een knipperende cursor in een tekstveld te krijgen, wijzig je je body naar:
<body onload="document.mailform.titel.focus();">
Dus bijvoorbeeld:
<form method="post" action="#" name="mailform">
<input type="text" name="titel" value="" />
</form>
@ Bas: het is in JS beter om met id's te werken dan met name's. IE pakt het wel, maar FF en Opera niet.
Heb het script van Jan zonder wijzigingen in de head geplakt maar ik zie geen knipperende cursor in het invoervak??
Sorry Bas, ik dacht dat een form ook onder de php viel......
Sorry Bas, ik dacht dat een form ook onder de php viel......
Iemand nog een idee?
Werkt wel gewoon hoor, compleet voorbeeld:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title>blabla</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<style type="text/css" media="screen">
@import "style.css";
</style>
<script type="text/javascript">
function init () {
// heeft de pagina wel formulieren?
if (document.forms.length > 0) {
// ja dus. nu het aantal formulierelementen bepalen
var n = document.forms[0].elements.length;
for (i = 0; i < n; i++) {
// het eerste veld type 'text' dat we tegenkomen, krijgt de focus
if (document.forms[0].elements[i].type == 'text') {
var first_field = document.forms[0].elements[i];
// dit lijkt een beetje overdreven, maar anders werkt het niet in Opera
first_field.blur ();
first_field.focus ();
first_field.select ();
break;
}
}
}
}
window.onload = init;
</script>
</head>
<body>
<div id="container">
<fieldset>
<legend>Formpje</legend>
<form action="<?php echo $_SERVER['PHP_SELF']; ?>" method="post">
<input type="text" />
<input type="submit" value="Go!" />
</form>
</div>
</body>
</html>
Boris,
Ja inderdaad bovenstaand script gaat goed, ik ga het nu uitproberen in mijn eigen formulier 's kijken of ik dat voor elkaar krijg
Ja inderdaad bovenstaand script gaat goed, ik ga het nu uitproberen in mijn eigen formulier 's kijken of ik dat voor elkaar krijg
@ Roos: hoe ziet jouw html er uit?
ligt denk ik inderdaad aan mijn html, sommige velden in het formulier zijn hidden dat zal er wel mee te maken hebben.....
Mijn script pakt het eerst tekstveld in je formulier.