Discussion :

[Evcai]

Bonjour,

J'ai actuellement un problème avec l'affichage d'une tooltip sur un select avec safari.
J'utilise le code suivant qui me permet d'afficher la tooltip pendant 1.5sec lors de l'event onChange mais je ne comprend pas pourquoi cela ne fonctionne pas sous safari

Code :

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

1
2
3
document.getElementById(doc).innerHTML = "<img src='" + value + "'  style='float:left; margin: 12px 15px 20px 12px' />";
jQuery(document.getElementById(sel.name)).trigger('mouseover');
setTimeout(function(){jQuery(document.getElementById(sel.name)).trigger('mouseout')},"1500");

Si quelqu'un aurait une idée pour une méthode qui me permettrait de le faire fonctionner sous safari.

Merci par avance

[danielhagnoul]

Bonsoir

Entre l'écriture Vanilla JS et jQuery il faut choisir, le mélange des genres est rarement une réussite.

Code :

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

1
2
3
4
5
6
7
$( "#doc" html( '<img src="' + value + '"  style="float:left; margin: 12px 15px 20px 12px" />' );
 
$( "#sel.name" ).trigger( "mouseenter" );
 
setTimeout( function(){
   $( "#sel.name" ).trigger( "mouseleave" );
}, 1500 );

[Evcai]

Bonsoir,

Tout d'abord merci pour votre aide.
Je sais qu'il ne faut pas mélanger différentes choses mais comme cela marchait sur tout les navigateurs sauf safari je pensais que ça irait.

Par contre j'ai essayé ce que vous m'avez envoyé ça ne fonctionne sur aucun navigateur.

Merci pour votre réponse

[danielhagnoul]

[...] Par contre j'ai essayé ce que vous m'avez envoyé ça ne fonctionne sur aucun navigateur. [...]

Je pense que le problème est dans le reste de votre code. Une version de jQuery obsolète ou une autre coquille.

[Evcai]

Bonjour,

Merci, pour votre réponse.

Voici le code Javascript complet que j'utilise pour cela.

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
jQuery(document).ready(function() {
      jQuery(".select").tooltip({
   position: {
        my: "left+20 center",
        at: "right center"}});
});
 
function display(sel, value){
	var doc = sel.name+'-tooltip';
	var nameImg = document.getElementById(sel.name).value.toLowerCase();
	value = "formu/select/"+sel.name+"/"+nameImg.replace(" ", "-")+".jpg";
	if (document.getElementById(sel.name).options[document.getElementById(sel.name).selectedIndex].className == "none" || value == "none")
		document.getElementById(doc).innerHTML = "";
	else
	{
		document.getElementById(doc).innerHTML = "<img src='" + value + "'  style='float:left; margin: 12px 15px 20px 12px' />";
		jQuery(document.getElementById(sel.name)).trigger('mouseover');
		setTimeout(function(){jQuery(document.getElementById(sel.name)).trigger('mouseout')},"1500");
	}
}

Je pense qu'il doit y avoir des coquilles mais je n'arrive pas à voir ou elles sont.

[danielhagnoul]

Lorsque je parle du contexte, je pense à la totalité du code de la page web traitée par le navigateur. Je ne peux rien tester sans cela.