High-Tech Santé Médecine Droit-Finances

Grippe A

Que dois-je faire ?

Rechercher : dans
Par :

[html,php,javascript ->form] donner le focus

Dernière réponse le 3 aoû 2008 à 18:59:06 blbg, le 1 jun 2003 à 11:20:33 
 Signaler ce message aux modérateurs

Bonjour ....

savez vous comment fait on pour donner par defaut le focus à un champ de saisie dans un formulaire ??

que ça soit en html, php , javascript ??

merci

Meilleures réponses pour « [html,php,javascript >form] donner le focus » dans :
[Webmaster] Coloration syntaxique dans vos pages web VoirSi vous avez un site web contenant des exemples de code (php, javascript, C#, Delphi, Python...), il peut être intéressant d'avoir une coloration syntaxique. C'est parfois pénible à réaliser, mais il existe une librairie Javascript qui permet de...
[Webmaster] Afficher facilement le code php/xhtml de vos pages VoirSi vous voulez proposer a vos visiteurs de voir la source de vos fichiers (PHP ou HTML), il y a plusieurs solutions. En php Afficher le code php Afficher le code html En html Informations Voir aussi En php Afficher le code php La...
Javascript - Connaître la hauteur d'un élément HTML VoirSi vous souhaitez connaître la hauteur (height) d'un bloc HTML en javascript, il existe deux façons selon les navigateurs : element.offsetHeight element.style.pixelHeight Ainsi, le code suivant permet d'obtenir la hauteur d'un bloc HTML...
PHP - Récupération de données VoirPHP rend très simple la récupération de données envoyées par l'intermédiaire de formulaires HTML. Création d'un formulaire Grâce à la balise FORM du langage HTML, il est très simple de créer des formulaires comprenant : des champs de saisie des...
PHP - Les fichiers VoirLa gestion des fichiers avec PHP Avec PHP, la création ou la lecture de fichiers est, une fois de plus, assez simple. Il existe une multitude de fonctions dédiées à l'utilisation des fichiers. La communication entre le script PHP et le fichier...
Javascript - Implantation du code VoirA quel emplacement insérer le Javascript dans votre page HTML Il existe plusieurs façons d'inclure du JavaScript dans une page HTML : Grâce à la balise En mettant le code dans un fichier Grâce aux événements Dans la balise...
Posez votre question Répondre

1

PhP, le 1 jun 2003 à 16:10:12
  • +2

Bjr blbg,

En PHP cela n'a vraiment de sens ... à la limite tu peux générer dynamiquement du code JavaScript qui sera exécuté à l'ouverture de ta page mais bon...

En JavaScript il suffit d'appliquer la méthode focus() au champ


Voici un ex en JavaScript :


<html>
<head>
<script language="JavaScript">
<!--

// -> frm : nom du formulaire
// -> chp : nom du champ
function donner_focus(frm,chp)
{
document.forms[frm].elements[chp].focus();
}

// -->
</script>
</head>
<body onload="donner_focus('frm1','champ2')">
<form name="frm1" id="frm1">
Champ 1 <input type="text" value="" name="champ1" tabindex=3><br>
Champ 2 <input type="text" value="" name="champ2" tabindex=2><br>
Champ 3 <input type="text" value="" name="champ3" tabindex=1>
</form>
</body>
</html>

Je donne le focus au champ2 une fois de chargement de la page terminé grâce à l'événement onload().

Tu noteras que pour préciser l'ordre de saisie des champs, tu peux utiliser l'attribut tabindex : j'ai volontairement renversé l'ordre de saisie des champs ;-)

Ca peut toujours servir dans le cas de formulaires complexes.

@+
PhP

[[  The Truth is Out There   ]]

   
Répondre à PhP

2

blbg, le 1 jun 2003 à 21:20:24

Bonsoir, ....
PhP, j'ai tester ce que tu m'a dit ..... et comme d'abitude ça marche trés bien !!

merci !!!

   
Répondre à blbg

3

PhP, le 1 jun 2003 à 21:30:29

Bsr,

C'est gentil mais il m'arrive d'écrire aussi du code bien "merdique" à souhait.

Disons que je fais au moins l'effort de tester le code ne serait que sur IE6 avant de faire le copier/coller


De là à dire que ca marche avec TOUS les navigateurs ... Restons modeste qd même ;-)

PhP    [Push the button,Don't push the
.         button,Trip the station,Change the channel]

   
Répondre à PhP

4

|znogood, le 24 aoû 2003 à 12:51:24

Hello,

Je viens de trouver cette solution pour donner le foocus à un champ de formulaire. Disons que ça marche si le formulaire est chargé à chaque fois que la page est appelée.

J'ai une page questbook (php) qui n'ouvre pas le formulaire tout de suite mais seulement si on clique sur le bouton d'inscription. Le problème est que la partie HEAD et BODY sont communes. Si je fais comme expliqué plus haut, j'obtiens le focus juste si je veux m'inscrire mais j'ai une erreur lors de du chargement de la page Guestbook puisque le formulaire n'existe pas encore.

Peut-on obtenir le focus sans utiliser onLoad? Merci

   
Répondre à |znogood

5

blbg, le 25 mai 2004 à 15:42:24

Désolé pour le retard de réponce, ..

oui tu peu trés bien le faie, ...
il suffit d'appeler la fonction dans le code de ton formulaire (juste aprés) ds une partie javascript ...

tu n'est même pas obliger de mettre le code ds une fonction

voilà .. . en espérant que tu ne bloq pas dessus depuis le tps .. :o)

*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*
un gd merci à tous ceux qui nous aides ... :o)

   
Répondre à blbg

6

marsien, le 16 mai 2007 à 20:09:47
  • +2

Ca fait longtemps que ce topic est mort. Je me permets quand même de le ressusciter temporairement pour le mettre à jour. Le code donné marche parfaitement, mais n'est pas valide pour les standards xhtml strictes. En effet, il n'est plus possible de mettre un attribut "name" dans une balise "form".

Voici un code similaire à celui donné plus haut, mais conforme aux standards xhtml : 

<html>
<head>
<script language="JavaScript">
<!--
function donner_focus(chp)
{
document.getElementById(chp).focus();
}

// -->
</script>
</head>
<body onload="donner_focus('champ2')">
<form>
Champ 1 <input type="text" value="" id="champ1" tabindex=3><br>
Champ 2 <input type="text" value="" id="champ2" tabindex=2><br>
Champ 3 <input type="text" value="" id="champ3" tabindex=1>
</form>
</body>
</html>


En espérant que ça aidera certains qui comme moi arrivent ici en passant par Google !

Bye

   
Répondre à marsien

8

CHAP26, le 20 mar 2008 à 12:29:14

Idem...

Merci... comme quoi il n'est pas inutile de relancer des topics vieux de 5 ans !!!

Cordialement

David
http://www.chapdaniel.fr/

   
Répondre à CHAP26

9

EddyL, le 5 avr 2008 à 10:46:51

Merki ! ;-)

   
Répondre à EddyL

7

Lokifaer, le 8 jan 2008 à 12:07:54

Merci marsien. très belle attention de ta part, car en effet, j'arrive de Google ^^

   
Répondre à Lokifaer

10

etoo, le 24 jui 2008 à 11:53:13

Slt, pr le faire utiliser le code suivant dans le javascript:


<script LANGUAGE= javascript
fonction control()
{
if(document.nomduformulaire.nomduchamp.value=='')

{
alert("Ce champ est vide");
document.nomduformulaire.nomduchamp.focus;
return 0;
}

}

>

   
Répondre à etoo

11

 Alien, le 3 aoû 2008 à 18:59:06

Même soucis, merci Marsien ; )

   
Répondre à Alien
Posez votre question Répondre
Ils ont besoin de votre aide