UN TOOL TIP (BULLE D'AIDE) COMPATIBLE IE ET MOZILLA, MODIFIANT SON OPACITÉ POUR
jesusonline
Messages postés
6814
Date d'inscription
dimanche 15 décembre 2002
Statut
Membre
Dernière intervention
13 octobre 2010
-
18 août 2004 à 11:30
LUDINSKI Messages postés 441 Date d'inscription mardi 2 décembre 2003 Statut Membre Dernière intervention 22 mai 2012 - 23 nov. 2008 à 12:02
LUDINSKI Messages postés 441 Date d'inscription mardi 2 décembre 2003 Statut Membre Dernière intervention 22 mai 2012 - 23 nov. 2008 à 12:02
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/25482-un-tool-tip-bulle-d-aide-compatible-ie-et-mozilla-modifiant-son-opacite-pour-apparaitre-ou-disparaitre
https://codes-sources.commentcamarche.net/source/25482-un-tool-tip-bulle-d-aide-compatible-ie-et-mozilla-modifiant-son-opacite-pour-apparaitre-ou-disparaitre
23 nov. 2008 à 12:02
Bon, ben j'suis ravi que tu ais résolu ton problème... De mon côté je n'est pas réussi à reproduire le phénomène... m'enfin, l'important est que tu ais réussi à l'intégrer.
Bonne continuation !!
21 nov. 2008 à 23:42
La structure de ma page était du style :
J'ai du la modifier donc comme ça.
20 nov. 2008 à 23:09
J'ai identifié le dysfonctionnement. L'outil fonctionne bien dans une page aspx standard. Erreur de copier/Coller de ma part désolé. Mon précédent commentaire est donc faux.
Donc je reprends. J'ai réussi à le faire fonctionner dans une page ASPX standard. ça marche même TRES bien.
PAR CONTRE, le meme code remis dans une page fille de ma page Master et ça ne fonctionne plus.
Je pense que ton outils ne fonctionne pas .
J'ai placé le la déclaration du fichier jsp et la classe de style dans la page master.
Tout le reste est dans le le block asp:Content de la page fille.
A mon avis, il ne trouve pas l'id de l'image.
N'as tu pas déjà eu le pb?
Merci pour ton aide.
20 nov. 2008 à 22:39
Le code que j'avais mis est le suivant :
<%@ Page Language= "VB" AutoEventWireup="false" CodeFile="Default2.aspx.vb" Inherits="Default2" %>
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<title>Page sans titre</title>
<script type="text/javascript" src="jsp/ToolTip.js"></script>
</head>
<form id="form1" runat="server">
<script type="text/javascript">
toolTipGest.Add( "Pht", "<CENTER>Mettez le curseur sur un des élément
pour afficher son ToolTip !!</CENTER>" );
</script>
</form>
</html>
Après exécution, j'obtiens :
<html xmlns ="http://www.w3.org/1999/xhtml">
<head><title>
Page sans titre
</title>
<script type="text/javascript" src="jsp/ToolTip.js"></script>
</head>
<form name="form1" method="post" action="Default2.aspx" id="form1">
<script type="text/javascript">
toolTipGest.Add( "Pht", "<CENTER>Mettez le curseur sur un des élément
pour afficher son ToolTip !!</CENTER>" );
</script>
</form>
</html>
20 nov. 2008 à 20:24
hawks_ttf :
Pour enlever le fondu, il te suffit de modifier les fonctions ShowToolTip() et HideToolTip() :
function ShowToolTip()
{
if( GetElement( "BORD_ToolTip" ).style.display = = "none" )
GetElement( "BORD_ToolTip" ).style.display = "inline";
}
function HideToolTip()
{
GetElement( "BORD_ToolTip" ).style.display = "none";
}
BOSSANT :
J'ai essayé de mettre une image issue d'un fichier dans le toolTip est ça fonctionne très bien :
toolTipGest.Add( "img2", " " );
Donc, première question : Est-ce que ton image d'id ="Pht" s'affiche correctement ?
Deuxième question : obtiens-tu une erreur javascript sur ta page ?
20 nov. 2008 à 19:16
Je pensais avoir trouver le truc :
<script type= "text/javascript">
toolTipGest.Add( "Pht", " " );
</script>
Mais rien à faire...
Bizarement le jsp ne fonctionne pas. Pour info, je bosse avec vs2008 et j'ai placé le code dans une fenêtre fille de la master.
J'ai évidement placé dans le Head du master :
<script type ="text/javascript" src="jsp/ToolTip.js"></script>
Avez vous une idée?
20 nov. 2008 à 18:27
Pourrais je avoir un exemple avec un tooltip avec image.
Dans mon cas l'image n'et pas dans un fichier mais dans une base (varbinay).
J'utilise un Response.BinaryWrite(arrPicture) dans une page pour les afficher.
Mon code est du style :
merci d'avance
2 oct. 2006 à 02:04
tres joli script !!
je m'embrouille tjour dans le poo alors je voudrais la meme chose mais sans repeter les new tooltipgest()
vu que j aurais un millier d'image, et que je ne peux pas rajouter 2 fois le meme id, pour alleger une seule boucle dans ce type :
for($i=0;$i<x;$i++){
}
toolTipGest.Add( "img", "image n° " $i );
merci d'avance
17 févr. 2006 à 14:33
26 janv. 2005 à 17:56
Have fun
25 janv. 2005 à 19:56
Pour ce qui est d'une soluce, j'avoue n'avoir rien trouvé mais je n'ai pas eu plus de temps que cela à y consacrer.
Bon courage @ tous, et merci encore de partager ce p'tit bout d'code :-)
25 janv. 2005 à 15:24
Tout d'abord salut et desolé d'avoir mis autant de temp, mais voilà :
Pour afficher le ToolTip, je compare la position de la souris avec les coordonnées de l'élément sur lequel le ToolTip doit agir. Et les coordonnées de l'élément retournées dans ton cas, son relative à l'élément qui le contient (la dite DIV). Donc la comparaison n'est pas adaptée.
Bref, je n'est pas encore de solutions, mais j'y travail....
10 oct. 2004 à 13:48
Si tu trouve une soluce.....
Ciao
5 oct. 2004 à 13:11
Par contre, si la div qui contient tout le bazaar est en position:absolute, le tooltip refuse de s'afficher :-/
Any Idea?
Merci d'avance
3 sept. 2004 à 20:20
On peut être fier d'avoir créé un algorythme...
d'en avoire codé un super dur a comprendere (en cherchant de la doc c'ets plus faciel que sans ^^ mais si il existe de la doc, c'ets que qqn a déja fait le prog avant toi...) bref, on peut être fier de tt, mais on peut tous piquer l'idée, mais pas le code...
Dans ce cas, je dis que j'ai eu pour idée de créer un site wweb et mon nom devra être sur tt les sites...
sur le même princoipe apple avait fait breveter le redimentionnement des fenêtres...
cherches brevets logiciels, tu comprendras rapidement que si tu devais toi même suivre ton principe tu aurais 300 liens sur ton site, vers des sites n'ayant rien a voir...
3 sept. 2004 à 10:12
2 sept. 2004 à 20:24
c'est anti concurence ce que tu dis, donc, pas tt a fait légal (tant que ces brevets ne sont pas passés et que ton script n'est pas breveté...)
2 sept. 2004 à 18:09
2 sept. 2004 à 14:48
Si ça te fruste qu'on reprenne tes idées pour les améliorer, arrêtes de les mettre à la porté de tous !!
de plus si tu avais regarder le code, tu aurais remarqué qu'ils n'ont pas du tout la même architecture ni le même fonctionnement. Tu n'as pas géré le fait qu'il sorte de la page ni le fondu en transparence.....
Alors passe ton chemin, t'as encore du pain sur la planche !!!
27 août 2004 à 15:38
no comment !!!!
25 août 2004 à 15:02
Celui dans le lien fonctionne parfairtement
25 août 2004 à 12:45
Je garde tous vos bon conseils !!
Je suis quand même surpris de la compatibilité avec konqueror (s'il s'agit bien du mien !!)
25 août 2004 à 02:10
pour faire apparaître la bulle sans retard, il faut ajouter dans la fonction ShowToolTip() :
if( document.all )
{ if(opacite<1)opacite=1;
// Augmente l'opacité du ToolTip
opacite += 15;
else
{ if(opacite<.1)opacite=.1;
// Augmente l'opacité du ToolTip
opacite += 0.15;
24 août 2004 à 18:47
joli travail, ceci fonctionne sous mozilla et konqueror...
http://perso.wanadoo.fr/michel.deboom/halloween03.htm
Donc, toutes mes excuses.
Sinon, c'esp pas un peu bcp autant de lignes ?
23 août 2004 à 13:34
Effectivement la vitesse d'aparition est quelque peu à revoir !!
Pour GetElement(), c'est une de mes fonctions (elle se trouve à la fin du .js)
En tous cas, merci pour l'opacité sous Mozilla !!
Ciao
22 août 2004 à 18:17
Je ne connaissait pas la commande getElement qui à l'air de fonctionner sur mozilla et opéra 7. J'emploi habituellement getElementById. C'est peut-être le problème de Konquéror, ou alors ton code HTML qui n'est pas trés standard.
Un reproche pour ton infobulle, c'est la lenteur d'apparition, encore plus lente que par l'attribut title.
Concernant la variation d'opacité qui ne fonctionnait pas sur mozilla ni sur firefox, il faut remplacer
GetElement( "BORD_ToolTip" ).style.opacity = opacite;
par GetElement( "BORD_ToolTip" ).style.MozOpacity = opacite;
dans augmente et diminue l'opacité
Je me suis aussi penché aussi sur l'infobulle js il y a qqstps, ou je ne fait que récupérer l'attribut title des liens. J'essaierai d'y ajouter ta fonction de variation d'opacité qui m'a l'air cool.
exemple:
http://perso.wanadoo.fr/michel.deboom/halloween03.htm
20 août 2004 à 16:34
19 août 2004 à 21:06
Kenavo
19 août 2004 à 08:54
19 août 2004 à 08:53
Sinon, pour ta solution Coucou747, ça consisterai à quoi ?
19 août 2004 à 08:50
De toute façon, je n'est pas du tout géré l'état des barres de défilements.... donc il y aura bientôt une mise à jour !!
Et tu penses à quoi Coucou747 au sujet des DIV ?
C'est quoi ta solution STP ?
18 août 2004 à 16:43
18 août 2004 à 16:40
C'est peut-être moi qui ne pas adapter le code comme je viens de me mettre à la programmation web depuis seulement un mois...
18 août 2004 à 14:34
Mais si tu peux me dire quelles sont les fonctions qui posent problèmes, ça serai sympa ;)
18 août 2004 à 13:36
ça doit pas être tout a fait portable...
18 août 2004 à 12:28
( j'pensais pas que je dirais ça un jour !! )
C'est bref, mais ça a le mérite d'être clair !!
N'hésite pas à mettre une note !!
18 août 2004 à 11:30