Focus automatique d'un champ texte lors de sa création

Version imprimable

11/04/2007, 12h31
dragonfly

Focus automatique d'un champ texte lors de sa création
Bonjour je suis confronté a un probléme (ah bon ?)

Je voudrais que lors de la création et l'affichage d'un formulaire, un champ texte ait le focus par défaut (pour permettre a l'utilisateur de pouvoir entrer des valeurs directement sans avoir à cliquer sur le champ texte).

J'ai essayé des trucs du genre :
Code:

1 2 3 4 <script language="JavaScript" type="text/javascript"> document.getElementById('Ajoutt').numDevis.focus(); </script>
Mais ca marche pô

Une idée ...
11/04/2007, 13h30
SpaceFrog

ben ça doit marcher ... c'est que tu t'y prends mal ...

on peut voir la partie du code de creation ?

OK OK

Voila une partie du code :

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
 
<table width="100%">
<tr>
   <td colspan="6" width="100%">
	<form method="post" name="Ajoutt" id="Ajoutt" onSubmit="javascript:ajout('Ajoutt');">
	<table width="100%" border="1" cellpadding="0" cellspacing="0" class="intab">
		<tr>
			<td>&nbsp;</td><td colspan="2" class="fr" align="center">FRANCE</td>
			<td colspan="2" class="int" align="center">INTERNATIONAL</td>
		</tr>
		<tr>
			<td class="titretab" align="center">ACCOUNT MANAGER</td>
			<td class="fr" align="center"><%=server.HTMLEncode("QUOTATION#")%></td>
			<td class="fr" align="center"><%=server.HTMLEncode("REQUOTE#")%></td>
			<td class="int" align="center"><%=server.HTMLEncode("QUOTATION#")%></td>
			<td class="int" align="center"><%=server.HTMLEncode("REQUOTE#")%></td>
		</tr>
		<tr>
			<% 
			if session("cki")="Others" then %>				
			<td align="center"><input type="text" name="nom" id="nom" value="<%=ucase("Please enter your name")%>" onclick="this.value='';"></td>
			<% else %>
			<td align="center"><input type="text" name="nom" id="nom" disabled value="<%=ucase(session("cki"))%>"></td>
			<% end if%>
			<td align="center"><input type="text" value=" " id="numDevis" />
			<script language="JavaScript" type="text/javascript"> 
                document.getElementById('numDevis').focus(); 
	               </script>
			</td>
			<td align="center"><input type="text" name="numQuote" id="numQuote"></td>
			<td align="center"><input type="text" name="numDevisInt" id="numDevisInt"></td>
			<td align="center"><input type="text" name="numQuoteInt" id="numQuoteInt"></td>
		</tr>
		<tr>
			<td colspan="5" align="center"><input type="Submit" style="font-weight:bold;" value="ADD"></td>
		</tr>
	</table>
	</form>
	</td>
</tr>
</table>

Voila le formulaire sachant que celui-ci est créé dans une div, je vais essayer voir mettre le focus sur la div avant de la mettre sur le champ.

P.S : En regardant sur le forum j'ai changé est mis :

Code:

1
2
3
4
 
<script language="JavaScript" type="text/javascript">
document.getElementById('numDevis').focus(); 
</script>

11/04/2007, 14h02
SpaceFrog

et tu le lances quand ce code ?
11/04/2007, 14h18
dragonfly

En fait,

je clique sur un bouton radio qui met à jour une div via une httprequest. J'ai essayé de mettre le focus sur la div mais c'est toujours le bouton radio qui l'a.

J'ai essayé dans le body onload aussi mais rien.

Du coup je ne sais pas comment faire (je me creuse la tête mais rien)

Edit : La div mise a jour contient le formulaire est le champ qui doit avoir le focus automatiquement
11/04/2007, 14h20
SpaceFrog

à la fin de la mise à jour du div ...
11/04/2007, 14h28
dragonfly
Le plus bizarre c'est que quand je met ca :
Code:

1 2 3 4 <script language="JavaScript" type="text/javascript"> document.getElghjfgjhementById('numDevis').focus(); </script>
Je n'ai aucun message d'erreur (FF ou IE)
bizarre non?

P.S : En essayant de faire la modif en fin de mise à jour de la div cela ne fait rien => Toujours pareil :bug: :bug:
11/04/2007, 14h41
SpaceFrog

mais tu le mets ou ce bout de code ???
il faut mettr l 'instruction dans le code juste après la mise à jour du div ...

Re,

Donc si je pige bien, lors de mon clique j'appelle une fonction qui me met à jour ma div et à la fin de cette fonction je rajoute la mise du focus

Ce qui me donne
Code:

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 ... } xmlhttp.open('POST',url,true); xmlhttp.onreadystatechange=function() { if (xmlhttp.readyState==4) { if(document.getElementById){ document.getElementById(id).innerHTML = xmlhttp.responseText; } } } xmlhttp.setRequestHeader('Content_type','application/x-www-form-urlencoded'); var data = 'texte='+escape(texte); xmlhttp.send(data); document.getElementById('numDevis').focus(); }
Ou sinon je l'ai mis aussi tout en fin du fichier contenant le formulaire mais je n'ai rien

Dans les deux solutions ...
Sinon si ce n'est pas là que je doit le mettre => Eclaire moi plz

plus logiquement je dirais ici...

Code:

1
2
3
4
if(document.getElementById){
          	document.getElementById(id).innerHTML = xmlhttp.responseText;
                document.getElementById('numDevis').focus(); 
        	}

masi si tu crées ton input avec un innerHTML ...

11/04/2007, 15h01
dragonfly

:hola: :hola: :hola: :hola: :hola: :hola: :hola: :hola: :hola: :hola: :hola: :hola:

T'es un dieu !!!

Ca marche nickel

MERCI