[javascript] passage de zone à zone [résolu mais moche]

Recherche :

Mot : Pseudo : Filtrer
Bas de page
Auteur	Sujet : [javascript] passage de zone à zone [résolu mais moche]

trmassoud

Salut,

Bon j'ai cherché sur google et sur le forum mais j'ai pas trouvé de réponse.

Je souhaite lorsque l'utilisateur de la page rempli le formulaire, que lorsqu'il a rempli completement la zone, passer à la zone suivante.

Pour faire ça, j'ai modifié une fct js trouvé sur le net.
Je veux que cette fonction soit la plus globale possible, c'est à dire que je n'ai pas à spécifier la zone suivante où le focus doit aller.

La fonction fait bien son boulot sauf lorsqu'il y a une zone du formulaire pas visible.
Dans ce cas, le focus est fait dessus cette zone et ça ne fonctionne pas (logique).

Je pensais tester la visiblité de ma zone avant de faire le focus de manière à écarter ce cas de figure.
Le problème c'est que le style.display est au niveau du "td" et dc je n'arrive pas à récupérer l'état visible ou invisible de la zone lors du parcours des zones dans le js.

Code :

<html>
<head>
<script language="javascript">
function sautTabInput(InputCourant,NomFormulaire)
{
if (InputCourant.value.length > InputCourant.size - 1)
{
var f = document.getElementById(NomFormulaire);
if(f)
{
var champs = f.getElementsByTagName("input" );
for(var i=0, n=champs.length; i<n; i++)
{
if (champs[i].name == InputCourant.name)
{
for (var j=1;i+j<n;j++)
{
alert ('champs[i+j].name : ' + champs[i+j].name);
alert ('champs[i+j].style.display : ' + champs[i+j].style.display);
if (champs[i+j].style != 'display:none' && champs[i+j].type == 'text')
{
champs[i+j].focus();
break;
}
}
break;
}
}
}
}
}
</script>
</head>
<body>
<form method="post" action="bidon.aspx" name="F_SAISIE">
<table>
<tr id="toto">
<td>
toto<input type="text" name="txttoto" size="5" maxlength="5" value="" onkeyup="javascript:sautTabInput(this,'F_SAISIE');">
</td>
</tr>
<tr id="tutu">
<td>
tutu<input type="text" name="txttutu" size="5" maxlength="5" value="" onkeyup="javascript:sautTabInput(this,'F_SAISIE');">
</td>
</tr>
<tr id="titi" style="display:none">
<td>
titi<input type="text" name="txttiti" size="5" maxlength="5" value="" >
</td>
</tr>
<tr id="tata">
<td>
tata<input type="text" name="txttata" size="5" maxlength="5" value="" >
</td>
</tr>
</table>
</form>
</body>
</html>

il y aurait un moyen de detecter que la zone n'est pas visible et donc que le focus ne va pas fonctionner ?

d'avance merci

Message édité par trmassoud le 26-07-2006 à 17:15:54

Publicité

anapajari

s/travail/glanding on hfr/gs;

sinon t'as l'attribut tabindex qu'est fait pour ça [:kiki]

trmassoud

t'es sûr ?

je veux que sur une zone input de longueur 5 max quand on rentre 5 caractères ça passe à la zone input suivante ?

anapajari

s/travail/glanding on hfr/gs;

ah non j'avais pas tout lu ...
Effectivement, si tu veux que "automatiquement" tu passes sur le prochain champs mal(ou pas) rempli tu es obligé de passer par du js.

Pour résoudre ton problème de "visibilité" je ne vois pas d'autre solution que de tester le visible du display du "prochain" champs, en oubliant pas de remonter à son père ( et au père de son pere, et ...) pour le vérifier ( donc ton exemple il faut remonter au grand père)

Message cité 1 fois

trmassoud

anapajari a écrit :

Pour résoudre ton problème de "visibilité" je ne vois pas d'autre solution que de tester le visible du display du "prochain" champs, en oubliant pas de remonter à son père ( et au père de son pere, et ...) pour le vérifier ( donc ton exemple il faut remonter au grand père)

ben je vois pas comment remonter au père ou au grand père vu que je veux que la fonction soit la plus générique possible.

par contre j'ai trouvé une bidouille, c'est moche mais bon...
dans la fonction js je rajoute un try catch... :

Code :

for (var j=1;i+j<n;j++)
{
if (champs[i+j].type == 'text')
{
try
{
champs[i+j].focus();
break;
}
catch (erreur)
{
continue;
}
}
}

Message cité 1 fois

anapajari

s/travail/glanding on hfr/gs;

trmassoud a écrit :

ben je vois pas comment remonter au père ou au grand père vu que je veux que la fonction soit la plus générique possible.

parentNode

Message cité 1 fois

trmassoud

anapajari a écrit :

parentNode

merci je vais test

FORUM HardWare.fr

Programmation

HTML/CSS

[javascript] passage de zone à zone [résolu mais moche]

Sujets relatifs
menu deroulant pour date en javascript	Affichage étrange de données hexa contenues dans un buffer [Résolu]
[RESOLU] formule francais/anglais	[resolu] pb execution requete
[Résolu] Redirection si url utilisé ne convient pas	[Résolu] [C# .net] Récupérer des valeurs dans un GridView
[RESOLU] insérer par valeur	[Résolu] Récupérer le chemin d'un fichier que l'on upload
[Résolu] Pb utilisation VLOOKUP
Plus de sujets relatifs à : [javascript] passage de zone à zone [résolu mais moche]

Page générée en 0.065 secondes