INFO-BULLE PERSONNALISABLE COMPATIBLE FIREFOX ET IE

Signaler
Messages postés
81
Date d'inscription
jeudi 19 février 2004
Statut
Membre
Dernière intervention
18 avril 2008
-
Messages postés
1
Date d'inscription
lundi 26 avril 2010
Statut
Membre
Dernière intervention
9 novembre 2011
-
Cette discussion concerne un article du site. Pour la consulter dans son contexte d'origine, cliquez sur le lien ci-dessous.

https://codes-sources.commentcamarche.net/source/33164-info-bulle-personnalisable-compatible-firefox-et-ie

Messages postés
1
Date d'inscription
lundi 26 avril 2010
Statut
Membre
Dernière intervention
9 novembre 2011

Bonjour,

J'ai trouvé votre code et l'utilise. Il est vraiment parfait. Rien à dire Sauf...
Et oui mais ca n'a peut-etre rien a voir, mais il est impossible de faire afficher l'info bulle sur un button quand il est "disabled".
Exemple :
Press

Quelqu'un aurait une idée?
J'ai fait le test, si on supprime 'disabled="disabled"', tout fonctionne.

Merci d'avance pour votre aide.
Messages postés
21
Date d'inscription
vendredi 24 décembre 2004
Statut
Membre
Dernière intervention
25 janvier 2010

salut la source est vieille mais trés bien tout de même, pour la compatibilité I.E8 c'est possible de "rafistoler" plutot que de balancer une <meta http-equiv="X-UA-Compatible" content="IE=7" /> ?
Messages postés
381
Date d'inscription
lundi 12 novembre 2007
Statut
Membre
Dernière intervention
23 octobre 2014

Merci, j'en avais besoin, la flemme de coder.
Messages postés
1
Date d'inscription
mercredi 16 août 2006
Statut
Membre
Dernière intervention
18 février 2009

Hello

Merci mobman02 pour ce petit script de rien du tout qui m'a fait gagner pas mal de temps, en effet : ]
Ca m'a permis de me dépêtrer de lourdeurs superflues dans le code d'une appli web que je refonds.
Voici un exemple de ce qu'on peut faire avec ton script (liens au bas du formulaire en page d'accueil).
Notez que la position de différents éléments merde sous IE mais j'ai la chance de pouvoir me passer de la compatibilité IE sur ce projet:
http://www.zalemlabs.com/exemples/exemple.html

Infobarquee, j'ai testé ton code en virant les appels BDD et avec une autre image et ça fonctionne bien hormis que la propriété z-index: 300 que tu colles sur le div en absolute contenant l'image où le passage de la souris doit afficher ton tooltip, masque le tooltip. Il te suffit de coller une propriété z-index supérieure, à la définition CSS .infobulle ex
z-index: 301;

Maintenant je ne sais pas quelle place prend taille.jpg chez toi mais vu la taille de son conteneur, elle doit pas être énorme, ce qui m'interroge sur l'effet de masquage que je décris :-k
D'ailleurs au passage, tu peux virer le div conteneur de ton image en appliquant les styles à la balise IMG ou mieux, en définissant une classe forçant le passage de ces images en blocs positionnés en absolu. Ex :

$date
$title : $cp
$description ','white',event)" onmouseout="cache()" />

avec
img.bidon {
display: block;
position: absolute;
z-index: 300;
}

hmm ah oui aussi
Je ne comprends pas bien pourquoi tu ajoutes deux paramètres à l'appel de la fonction montre() dans le onmouseover de ton image, ça semble ne correspondre à rien dans ton code.
Afficher les 97 commentaires