[AJAX][IE 6] impossible de recuperer le focus avec la souris

Version imprimable

14/08/2006, 19h56
magnus2005

[AJAX][IE 6] impossible de recuperer le focus avec la souris

Bonjour,

Voici le probleme :
J ai une page web en AJAX.
il y a des champs texte a remplir (<INPUT type="text" >et des TEXTAREA).
Lorsque j effectue certaines operations sur la page resultant de requetes AJAX.
il devient impossible de selectionner un champs text avec la souris :aie: .
Exemple : j ai une appli de "chat" impossible de cliquer avec la souris dessus pour selectionner le champs et ecrire dedans.
Cependant si on clique sur autre chose ca fonctionne (button, select box, lien) et comme par magie ça se debloque.8O le focus est de retour. A noter que l utilisation de la touche TAB au clavier redonne bien le Focus.
(Mais pour un utilsateur lambda ce genre d operation releve de la science fiction :cry: ).

Pour plus de precision :
Des que je charge une mosaique d image les champs Texte parte en vrille 9 fois sur 10.
ca arrive sur d'autre operation mais plus rarement.
Ca tres bien fonctionne bien sous Firefox.

Quelqu un connait t il la raison du probleme ou une solution/explication au phenomene ?
C est a devenir fou:help:
14/08/2006, 21h22
FremyCompany

Citation:

Envoyé par magnus2005

Bonjour,

Voici le probleme :
J ai une page web en AJAX.
il y a des champs texte a remplir (<INPUT type="text" >et des TEXTAREA).
Lorsque j effectue certaines operations sur la page resultant de requetes AJAX.
il devient impossible de selectionner un champs text avec la souris :aie: .
Exemple : j ai une appli de "chat" impossible de cliquer avec la souris dessus pour selectionner le champs et ecrire dedans.
Cependant si on clique sur autre chose ca fonctionne (button, select box, lien) et comme par magie ça se debloque.8O le focus est de retour. A noter que l utilisation de la touche TAB au clavier redonne bien le Focus.
(Mais pour un utilsateur lambda ce genre d operation releve de la science fiction :cry: ).

Pour plus de precision :
Des que je charge une mosaique d image les champs Texte parte en vrille 9 fois sur 10.
ca arrive sur d'autre operation mais plus rarement.
Ca tres bien fonctionne bien sous Firefox.

Quelqu un connait t il la raison du probleme ou une solution/explication au phenomene ?
C est a devenir fou:help:

Sans code source et/ou page web, personne ne sais rien faire...
14/08/2006, 22h23
magnus2005

Je suis desolé :cry: mais

Code:

<INPUT type="text">

et

Code:

<TEXTAREA> </TEXTAREA>

sont les seuls codes simples,

Le tout est un client Full DOM AJAX il y a beaucoup trop de code pour que la diffusion serve a quelque chose.
C etait pour savoir si quelqu un avait deja eu ce genre de souci.

J utilise pas mal d'IFRAME aussi pour corriger le BUG d IE avec les select Box
et autre.

J ai trouve la portion de code qui met le boxon :

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
	FloatWindow.prototype.switchElement=function(e,inputElement)
	{
		if(!inputElement){inputElement = this;}
		var numericId = inputElement.id.replace(/[^0-9]/g,'');
		var state = '0';
		var winObj=floatWindow.windowArray[numericId];
		if(winObj && winObj.state){state = '1';}
 
		floatWindow.currentZIndex = floatWindow.currentZIndex/1 + 1;
		floatWindow.activeWindow = document.getElementById('dhtml_goodies_id' + numericId);	
		floatWindow.activeWindow.style.zIndex = floatWindow.currentZIndex;
		floatWindow.activeWindowContent = document.getElementById('windowContent' + numericId);
    };

Si quelqu un a une idée

J'ai exactement le même problème, pour en avoir le coeur net,
dans le morceau de code qui remplace une partie de la page,
j'ai ajouté un simple lien. Il m'est impossible de cliquer dessus sous IE6 , pas de focus, le curseur ne change pas :

Code:

<a href="www.google.fr">google</a>

c'est la soirée IE6, vivement que microsoft envoit un patch d'upgrade en auto qu'on soit tranquille.

J'ai utilisé la dernière version de JQUERY, voici le code de la page principale :
Code:

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 $("a.info").click(function () { var elem = $(this).attr("id"); $.ajax({ type: "POST", url: "get_info.php", data: "elem=" + elem, success: process, dataType: "html" }); return false; }); function process(data, textStatus){ $("#content").html(data); };

11/03/2009, 11h59
popovitch130

Il s'agit en réalité d'un problème de positionnement CSS.
L'utilisation du positionnement relatif peut aider résoudre le problème pour certains élements ...