Discussion :

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

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

[FremyCompany]

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

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

Sans code source et/ou page web, personne ne sais rien faire...

[magnus2005]

Je suis desolé mais

Code :

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

<INPUT type="text">

et

Code :

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

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

[magnus2005]

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

Code :

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

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

[popovitch130]

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 :

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

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

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
 
$("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);
	};

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