High-Tech Santé Médecine Droit-Finances

Réalisation

vidéo numérique

Rechercher : dans
Par :

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

Dernière réponse le 19 nov 2009 à 16:25: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 :
Javascript - Modifier la hauteur (height) d'un élément HTML VoirPour modifier la hauteur d'un élément HTML en javascript, il suffit d'utiliser sa propriété de style "height". Pour cela vous pouvez y faire référence de la manière suivante : Si vous souhaitez connaître la hauteur (height) d'un bloc HTML, il...
[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...
Javascript - Les événements VoirQu'appelle-t-on un événement? Les événements sont des actions de l'utilisateur, qui vont pouvoir donner lieu à une interactivité. L'événement par excellence est le clic de souris, car c'est le seul que le HTML gère. Grâce au Javascript il est...
Javascript - L'objet window VoirLes particularités de l'objet window L'objet window est l'objet par excellence dans Javascript, car il est le parent de chaque objet qui compose la page web, il contient donc : l'objet document: la page en elle-même l'objet location: le lieu de...
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

12

 rainman, le 19 nov 2009 à 16:25:06

J'ai testé en asp et cela ne fonctionne pas :(

j'ai mis cette fonction dans le onblur et je fait un test sur le champs si la valeur n'est pas bonne
je remet le curseur sur le meme champs (le focus ne quitte pas le champs)


http://www.tunisie-location.com
http://www.nosannonces.com

   
Répondre à rainman

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