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

[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 ...

[dragonfly]

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 :

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
 
...
	}
	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

[SpaceFrog]

plus logiquement je dirais ici...

Code :

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

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 ...

[dragonfly]

T'es un dieu !!!

Ca marche nickel

MERCI