Problème focus sous IE Résolu

Question

Bonjour,

Je n'ai pas trouvé de réponses sur le web et ici, donc je pose ma question 

J'ai une fonction javascript qui m'affiche un champ input de type text dans des cellules de tableau quand je double-clique dessus.
Le problème est que je n'arrive pas à donner le focus au champ text une fois qu'il est créé. Sous Firefox ça marche très bien, mais pas sous IE, je vous mets le code de ma fonction javascript :

function changeEtatCase(cellule)
{
       element = cellule; //On récupère la cellule qui a été double-cliquée
       element.innerHTML = ''; //Affichage d'un champ text pour la saisie
       document.getElementById('saisie').focus(); //On donne le focus à ce champ text
}
Voilà, merci d'avance !!

cs_bultez · Accepted Answer

Bonjour, avec IE, j'ai l'impression que le focus arrive avant que l'input ne soit créé ??? function changeEtatCase(cellule) { var identifiant = 'saisie' + nbLignes; element = cellule; //On récupère la cellule qui a été double-cliquée element.innerHTML = ''; //Affichage d'un champ text pour la saisie document.getElementById(identifiant).select(); // ajouter ? par exemple ? document.getElementById(identifiant).focus(); //On donne le focus à ce champ text nbLignes ++; } ça devrait le faire... mais je dis peut-être des bétises...

Cordialement Bul [ mon Site ] [ =Bul M'écrire ]

cs_bultez · Answer

Bonjour, aucun souci avec IE ? dans la mesure où l'appel est du style : ...... et où on ne créé qu'un seul input text id="saisie" , mais là, FF devrait planter aussi.

Cordialement Bul [mon Site] [M'écrire]

cs_chamallow · Answer

Et bien, sous Firefox ça plante pas du tout, ça marche très bien, même avec plusieurs champ input (enfin ils sont créés, et juste après la saisie n'existent plus), mais sous IE ça ne fonctionne pas du tout.
Sinon l'appel de la fonction se fait bien comme tu l'as dis.

cs_chamallow · Answer

Je me suis dis que ça venait sûrement du fait que j'utilisais le même id plusieurs fois (malgré que le champ n'existe plus après chaque saisie), mais non. J'ai testé en mettant un identifiant différent à chaque fois, ça ne change rien : sous firefox c'est parfait, sous ie, jamais  de focus !!

cs_bultez · Answer

aucun souci comme çà : function afficheSaisie(v,e) { alert(v+" "+e); } function changeEtatCase(cellule) { element = cellule; //On récupère la cellule qui a été double-cliquée element.innerHTML = ''; //Affichage d'un champ text pour la saisie document.getElementById("saisie").focus(); //On donne le focus à ce champ text } ---- exemple essayer. donc ? le problème est ailleurs ? tu ne fait tout à fait comme ci-dessus ? ....

Cordialement Bul [mon Site] [M'écrire]

cs_bultez · Answer

précision : un ID doit être unique, à un moment donné, bien entendu, dans une page.

Cordialement Bul [mon Site] [M'écrire]

cs_chamallow · Answer

Et bien je pense pas voir de différence : Là ma ligne créée en php : echo ''.$elt['designation'].''.$elt['qteCommandee'].''.$qtePosee.''.$elt['prixUnitaireHT'].''.$prixHTCalcule.''.$fte.''.round($totalCalcule,2).''; Je viens de remarque que ma fonction devait sûrement écraser mon input hidden puisque je fais : element.innerHTML = ''; Le problème c'est que ce n'est pas le cas !! (je comprend plus tout là )

cs_chamallow · Answer

(Même en mettant un id unique à chaque fois, ça ne change rien ...)

cs_chamallow · Answer

Bon, finalement mon champ caché, je ne l'écrase pas, car je le recrée plus tard dans une autre fonction. Donc je ne vois pas de différence avec toi, je ne comprends pas ...

cs_bultez · Answer

Bonjour, tu ne peux pas faire un extrait de la page HTML ? avec uniquement ( mais tous ! ) les éléments en jeu ? pas le php ! on ne sait pas ce qu'il y a dans les variables... à partir de ta page générée, extrait uniquement l'équivalent de mon exemple, et tester. si ça ne marche pas : nous donner cet extrait. si ça marche : l'erreur vient d'ailleurs.

Cordialement Bul [mon Site] [M'écrire]

cs_chamallow · Answer

Bon ça ne marche pas, j'ai extrait ce que tu as demandé (si j'ai bien compris), et le code source donne : .......... Situation n° 1 :

cs_chamallow · Answer

Ah c'est parfait  Ca marche niquel. Je connaissais pas le select comme ça. 

Merci beaucoup de tes réponses rapides et efficaces

cs_bultez · Answer

c'est parfait... sauf que, avec mon exemple ça fonctionnait, et pas ici... il y a quelque chose qui m'échappe... je ne vois pas de raisons et je n'aime pas ça.

Cordialement Bul [mon Site] [M'écrire]

résoudre sans comprendre ce n'est guère mieux que comprendre sans résoudre.

cs_chamallow · Answer

Ben le select ça peut aussi correspondre à ce que je veux (une sorte de focus quoi), non ? Pour moi ça revenait un peu au même pour un champ de type text.
En tout cas, le select marche ici ... Pourquoi avant ça ne marchait pas ?? Je ne sais pas, j'arrive pas à trouver et ça m'agace de passer du temps sur un si petit truc alors que ça aurait dû fonctionner !! Je vois rien dans mon code qui pourrait interagir ...
Sur le web, j'ai trouvé quelqu'un qui disait qu'il fallait un peu de temps à IE pour mettre le focus sur l'élément, c'est pour cela que lui faisait une pause de quelques secondes, et ensuite mettait le focus sur l'input text (si je me trompes pas !).

cs_bultez · Answer

je pensais que IE allait trop vite ! le .focus() est lancé avant que l'input ne soit créé. le .select() permet un tout petit délai. guère satisfaisant... d'autres intervenants plus compétents nous diront peut-être ?

Cordialement Bul [mon Site] [M'écrire]

cs_chamallow · Answer

J'ai peut-être mal compris ce que voulais dire la personne (elle avait carrément une exception) :
"Sous Internet Explorer, il faut laisser le navigateur respirer avant de trouver le champ pour lui donner le focus : setTimeout(function(){$('saisie').focus();},100);"

cs_chamallow · Answer

Donc dans mon cas ça donne dans ma fonction : 

setTimeout(function(){document.getElementById('saisie').focus();},100);

Et ça marche. C'est sûrement ça qu'il fallait faire ...

PetoleTeam · Answer

B

onjour...


j'arrives un peu tard mais je confirme ayant eu le même problème avec IE notamment...
il peut s'écouler un certain temps avant la création réellement réellel de l'élément...

//---------------------
function SetFocus( el_){
  var Obj =  document.getElementById( el_);
  if( Obj)
    Obj.focus();
  else
    setTimeout("SetFocus('"+ el_+"')",20);
}

;0)

cs_chamallow · Answer

Merci pour la confirmation 

Et merci à vous deux pour vos réponses, maintenant ça marche, donc c'est cool !! Et puis je le saurais pour la prochaine fois

cs_bultez · Answer

salut PetoleTeam, il n'ai jamais trop tard pour bien faire.... je n'avais jamais eu ce souci...?!? et à ton avis, pourquoi ci-dessous ça baigne ? ---- exemple enfin... chez moi ( XP, IE 7 ) pas d'énormes différences avec ce que fait chamallow ?

Cordialement Bul [mon Site] [M'écrire]

cs_chamallow · Answer

Je dis peut-être un bêtise, mais peut-être que chez moi ça prend beaucoup de temps parce que j'ai un grand tableau ...
Enfin je me rappelle qu'au début où j'avais commencé à coder ma page ça marchait, et puis hier je me suis rendu compte que c'était plus le cas, et entre le début de la création de la page et l'état actuel, beaucoup de choses ont été ajoutés niveau code. Peut-être aussi que j'ai pas très bien optimisé mon code, et que donc ça prend du temps, je sais pas ...

PetoleTeam · Answer

B

onjour...
Heureusement je ne suis pas au coeur des exploreurs, mais je pense que leur système d'éxecution est différent => pas les mêmes priorités...il n'y à qu'a voir l'ordre de chargement des images d'un exploreur à l'autre.

Il faut dire que l'on viole un peu leur intimité en procédant de la sorte.
A voir si le même problème persiste avec la fonction appendChild();
;0)

cs_caloga · Answer

J avais le même problème

avec cette fonction  (impossible d'avoir le focus)

functiontrim(x,n){ 

z=   x .replace(/(^\s*)|(\s*$)/g, '' );
varexp  =newRegExp("^[a-z A-Z][a-z A-Z -]*[a-z A-Z]$");

if(!exp.test(z))
{ 
alert("SVP sans accents,apostrophe et caracteres de ponctuation");
f=   eval ( "document.formulaire." +n);
// f.select(); 

document.formulaire.titre_retenue.focus();
f.focus();

returnfalse;
}

else
{
z  =z.toUpperCase();
f=   eval ( "document.formulaire." +n);
f.value  =z;

} 
} 

En fait je pense qu'il s'agit d'une situation batarde (un bug sous ie)
En quelque sorte il garde le focus  du champ qui à été saisi
mais celui-ci n'est pas opérationnelle.
Ainsi f.focus() ne marche pas  (ce champ a déja le focus)

il faut donc choisir un autre champ ,et lui donner le focus
document.formulaire.titre_retenue.focus()

ensuite   refaire l'opération
f.focus(); 
et ça  marche comme par magie.
Je ne sais pas ci cette solution repond à tes problèmes

Bien cordialement  Phil

Problème focus sous IE

23 réponses

Votre réponse

Discussions similaires