Discussion :

[dragonfly]

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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

Mais ca marche pô

Une idée ...

[SpaceFrog]

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

on peut voir la partie du code de creation ?

[dragonfly]

OK OK

Voila une partie du code :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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

[SpaceFrog]

et tu le lances quand ce code ?

[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

[SpaceFrog]

à la fin de la mise à jour du div ...

[dragonfly]

Le plus bizarre c'est que quand je met ca :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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