Selection automatique d'un champ lors de l'ouverture d'une page HTML

Selection automatique d'un champ lors de l'ouverture d'une page HTML - HTML/CSS - Programmation

Marsh Posté le 01-12-2004 à 10:18:08    

Bonjour,  
J'ai une suite de input dans ma page et je voudrais qu'a l'ouverture de ma page le 1er soit sélectionné automatiquement, quelqu'un sait-il comment faire?
 

Code :
  1. while($i < 60)
  2.  {
  3.  $i++;
  4.  ?>
  5.   <tr>
  7.  <td align="center" class=ligne_entete>
  8. <input tabindex="<?echo "$n++"?>" type="text" name="scan_<?echo "$i"?>"  size="42" maxlength="43" >
  9. </td>
  12. </tr>

Reply

Marsh Posté le 01-12-2004 à 10:18:08   

Reply

Marsh Posté le 01-12-2004 à 10:21:11    

séléctionné???
 
tu veux dire le curseur dans l'input, pret à taper?

Reply

Marsh Posté le 01-12-2004 à 10:32:07    

ouai c ca

Reply

Marsh Posté le 01-12-2004 à 11:13:31    

sur le onload de ta page, tu reccuperes ton input et tu fais un focus() dessus.  
tu vas sur www.google.fr, tu affiches la source et tu regardes comment la fonction sf() fonctionne  :ange:


Message édité par fredatisi le 01-12-2004 à 11:13:58
Reply

Marsh Posté le 01-12-2004 à 11:16:55    

ok merci je vais voir ca

Reply

Marsh Posté le 01-12-2004 à 11:40:03    

Ca marche pas .... j'ai essayé ca mais je suis debutant en html quelqu'un peut-il m'aider

Code :
  1. <script>
  3. function sf(){form.scan_1.focus();}
  5. </script>
  7. <body onLoad=sf()>
  8. .....
  9. while($i < 60)
  10.  {
  11.  $i++;
  12.  ?>
  13.   <tr>
  15.  <td align="center" class=ligne_entete>
  16. <input tabindex="<?echo "$n++"?>" type="text" name="scan_<?echo "$i"?>"  size="42" maxlength="43" >
  17. </td>
  20. </tr>


Reply

Marsh Posté le 01-12-2004 à 12:28:03    

document.form.... ?

Reply

Marsh Posté le 01-12-2004 à 12:31:31    

Voici un exemple simple :
 
<html>
<head>
<script type="text/javascript">
  function init() {
    document.getElementsByName("scan_1" )[0].focus();
  }
</script>
</head>
<body onLoad="init();">
  <form action="...">
    ...
    <input tabindex="<?echo "$n++"?>" type="text" name="scan_<?echo "$i"?>"  size="42" maxlength="43" >
    ...
  </form>
</body>
</html>
 
PS : getElementsByName retourne un tableau d'éléments , je conseille de passer plutot par les id qui sont uniques :
<input id="scan_1"> est récupérable par document.getElementById("scan_1" )

Reply

Marsh Posté le 01-12-2004 à 14:22:14    

Bon je n'y arrive vraiment pas... je sais pas pourquoi, c'etait pas important j'abandonne.
 
Merci a tous a plus

Reply

Marsh Posté le 01-12-2004 à 15:12:37    

function sf(){form.scan_1.focus();}  
 
je n'ai pas été clair, mais essaye avec  

Code :
  1. function sf(){document.form.scan_1.focus();}


 
 ou sinon, post le code généré et on te repondra plus précisement.


Message édité par fredatisi le 01-12-2004 à 15:12:57
Reply

Marsh Posté le 01-12-2004 à 15:12:37   

Reply

Marsh Posté le 01-12-2004 à 17:11:25    

Tu n'as pas d'objet nommé "form", tu ne peux donc pas faire "document.form....."
Place tes champs dans un formulaire, ca fonctionnera tout de suite mieux...

Reply

Marsh Posté le 13-12-2004 à 17:33:25    

Bon je relance le sujet parce que j'ai peut etre trouvé pourquoi ca ne marchait pas. Par contre je n'ai tjr pas reussi a faire fonctionner le "focus()"
 
Alors... Ma page php fait appelle a un fichier.inc
et c'est dans ce fichier.inc que le champ apparait.
 
J'ai fait tous mes tests jusqu'ici en plaçant le focus dans le fichier include.
J'ai donc mis le focus dans le ficher php mais rien du tout  
 
bon voila ce que j'essaye d'utiliser:

Code :
  1. <body onload="document.scan.scan_1.focus()">


Mon formulaire est bien appelé "scan"
 

Code :
  1. <form target="_self" name="scan" ONRESET="return ResetCheck()" action="scan_detail.php" method="post">


 
heu je peux vous mettre tout le code de la page mais bon ca va etre un peu lourd je pense, il fait 75 lignes.Mais si vous voulez quand meme je peux :D .

Reply

Marsh Posté le 13-12-2004 à 17:34:36    

ma page .inc

Code :
  1. <BODY onLoad="document.scan.scan_1.focus()">
  2. <form target="_self" name="scan" ONRESET="return ResetCheck()" action="scan_detail.php" method="post">
  4. <TABLE cellspacing="1" align=center class=recherche width=35%>
  5.  <tr>
  6.  <td align="center" class=ligne_surentete>
  7.  <?
  8.  echo "Scan";
  9.  ?>
  10.  </td>
  13.  </tr>
  14.  </TABLE>
  15. <TABLE cellspacing="1" align=center class=recherche width=35%>
  16.  <?
  18. $i=0;
  20. $n=0;
  22.  while($i < 60)
  23.  {
  24.  $i++;
  25.  ?>
  26.   <tr>
  27. <td><? echo "n° $i"; ?></td>
  28.  <td align="center" class=ligne_entete>
  29. <input tabindex="<?echo "$n++"?>" type="text" name="scan_<?echo "$i"?>"  size="42" maxlength="43" >
  30. </td>
  33. </tr>
  34. <?
  35.  }
  37. ?>
  40. </table>
  41.  <!-- PALETTE SUIVANTE ** * * * * * * * * * * * * * * * *  * * * * -->
  45. <br>
  47.  <table align="center" width=100% class=menu>
  48. <tr>
  49. <td align="right" width=55%>
  51. <input type="submit" name="action" value="Valider" >&nbsp &nbsp;
  52. <input type="reset" name="reset" value="Effacer" >&nbsp &nbsp;
  53. <input type="hidden" name="date" value="<? echo "$date" ?>">
  54. <input type="hidden" name="id_bon" value="<?printf("%06d","$id_bon" ) ?>">
  55. <input type="hidden" name="chauffeur" value="<? echo "$nom" ?>">
  56. <input type="hidden" name="camion" value="<? echo "$type" ?>">
  57. <input type="hidden" name="nom" value="<? echo "$lieu" ?>">
  58. <input type="hidden" name="adresse" value="<? echo "$adresse" ?>">
  59. <input type="hidden" name="postal" value="<? echo "$postal" ?>">
  60. <input type="hidden" name="tel" value="<? echo "$tel" ?>">
  61. <input type="hidden" name="pal" value="<? echo "$pal" ?>">
  62. <input type="hidden" name="pla" value="<? echo "$pla" ?>">
  63. <input type="hidden" name="id_chauffeur" value="<? echo "$id_chauffeur" ?>">
  64. <input type="hidden" name="id_camion" value="<? echo "$id_camion" ?>">
  65. <input type="hidden" name="id_destination" value="<? echo "$id_destination" ?>">
  66. <input type="hidden" name="id_tour" value="<? echo "$id_tour" ?>">
  67. </form>
  68. </td>
  69. <td align="left" >
  70. <form action="menu.php" method="post">
  71. <input type="submit" name="action" value="Annuler">
  72. </form>
  73. </td>
  74. </tr>
  75. </table>
  76. <body>


Message édité par theclear le 13-12-2004 à 17:36:07
Reply

Marsh Posté le 17-12-2004 à 14:10:37    

j'ai compris pourquoi ca marchait pas désolé de vous avoir occupé pour rien le body etait deja déclaré dans un include situé sur ma page principale(php) voila maintenant c bon ca fonctionne avec un petit
 
<BODY onload="document.scan.scan_1.focus()">

Reply

Sujets relatifs:

Leave a Replay

Make sure you enter the(*)required information where indicate.HTML code is not allowed