Une CSS dans un script
albius
-
albius -
albius -
(?)
Bonjour,
Je voudrais insérer dans une bulle d'aide une CSS dont voici le code
<STYLE>
.lienbulle
text-decoration:none;}</STYLE>
Dans cette bulle d'aide, je voudrais y voir des liens hypertextes, mais supprimer donc le soulignement du lien. Mon problème est que je ne sais pas comment l'insérer dans dans le script.
Voici le code:
<A href="#" .lienbulle onClick="this.style.text-decoration='none'" "AffBulle('<a href=\' http://www.website.com\' target=\'top\'>Un site super!</a>')" onDblClick="HideBulle()">Premier Lien</A><BR>
Merci pour votre aide,
Bonjour,
Je voudrais insérer dans une bulle d'aide une CSS dont voici le code
<STYLE>
.lienbulle
text-decoration:none;}</STYLE>
Dans cette bulle d'aide, je voudrais y voir des liens hypertextes, mais supprimer donc le soulignement du lien. Mon problème est que je ne sais pas comment l'insérer dans dans le script.
Voici le code:
<A href="#" .lienbulle onClick="this.style.text-decoration='none'" "AffBulle('<a href=\' http://www.website.com\' target=\'top\'>Un site super!</a>')" onDblClick="HideBulle()">Premier Lien</A><BR>
Merci pour votre aide,
2 réponses
-
Tu as deux solutions :
1. Définir le style de la classe "lienbulle" dans l'entete de la page ou dans une feuille externe, et spécifier la classe dans ton lien : <A href="#" class="lienbulle" ....>
2. Définir le style directement dans la balise : <A href="#" style="text-decoration:none" ...>
La balise que tu as écrite dans ton message comporte des erreurs :
- tu as mis la classe CSS ".lienbulle" sans spécifier l'attribut class=... (regarde mon exemple 1 ci-dessus)
- ta fonction Javascript AffBulle n'est associée à aucun événement : l'événement onClick ne fait que changer le style de ton lien. Si tu veux qu'il permette l'affichage de ta bulle également, ajoute un ";" après ton changement de style, et sans mettre de guillements doubles, enchaine directement sur l'appel d'AffBulle.
J'espère que cela t'aidera
Tittom-
Je te remercie pour ta réponse, mais après avoir essayé ce que tu m'as conseillé, rien n'a bougé. Voici si tu veux le code pour un ultime contrôle:
</SCRIPT><STYLE>
.lienbulle
text-decoration:none;}</STYLE>
</HEAD>
<BODY bgcolor="#FFFFFF" text="#FFFFFF" alink="#000066" link="#000066" vlink="#000066" >
<FONT FACE="Arial" SIZE='-1' COLOR="#000099">
<CENTER><BIG>Script pour afficher des infos bulle personnalisées.</BIG></CENTER>
Les infos bulle se présentent sous la forme de cadre, dont les couleurs de texte, de fond, de contour ainsi que l'épaisseur du contour sont paramétrables.<BR>
Les infos bulle apparaissent à l'endroit du curseur de souris et peuvent contenir tous les éléments HTML classiques (image, tableaux, ...). Elles disparaissent dès que la souris quitte le lien.<BR>
Ce script d'infobulle est compatible Internet Explorer 4+ et Netscape 4+<BR><BR>
<!-- appel à l'initialisation des infos bulles (laisser dans le BODY) -->
<SCRIPT language="JavaScript">InitBulle("navy","#FFCC66","vert",5);
// InitBulle(couleur de texte, couleur de fond, couleur de contour taille contour)
</SCRIPT>
<A href="#" class="lienbulle"; onClick= "AffBulle('<a href=\' http://www.website.com\' target=\'top\'>Un site super!</a>')" onDblClick="HideBulle()">Premier Lien</A><BR>
<A href="#" onClick="AffBulle('Ce script permet d\'afficher des infos bulles très <BIG>simplement</BIG>,<BR> sur <I>plusieurs</I> lignes,<BR>avec des éléments HTML. ')" onDblClick="HideBulle()">Deuxieme Lien</A><BR>
<A href="#" onMouseOver="AffBulle('Autant d\'infos bulles que vous voulez ...')" onMouseOut="HideBulle()">Autre Lien</A>
<BR><BR>
<CENTER>
<A href=" http://www.toutjavascript.com" onMouseOver="AffBulle('ToutJavaScript.com c\'est :<LI>des dizaines de javascripts,<LI>des conseils,<LI>des liens.<BR><CENTER><B>Et bien plus encore...</B><BR><IMG src=\' http://www.toutjavascript.com/gif/animtjs.gif\' width=100 height=30></CENTER>')" onMouseOut="HideBulle()">www.ToutJavaScript.com</A>
</CENTER>
<BR>
<BR><SMALL>Les liens sont inactifs (sauf le lien vers le site ToutJavaScript.com)</A>
</FONT></BODY></HTML>
Merci encore, à plus,
-
-
essaye en supprimant le ";" apres class="lienbulle"
et puis le code suivant est incorrect :
<STYLE>
.lienbulle
text-decoration:none;}</STYLE>
... il manque une accolade ouvrante :
<STYLE>
.lienbulle { text-decoration:none;}
</STYLE>
De plus, il est plus "propre" de spécifier le type de style utilisé :
<STYLE type="text/css">
.lienbulle { text-decoration:none;}
</STYLE>
Cela ira peut etre mieux ainsi...-
-
Voici la bonne réponse en code pour le problème énoncé ci-dessus, pour ceux que ça intéresserait:
</SCRIPT><STYLE><!-- déterminer que le style en est un de lien, "A" et le type de lien. Très important dans l'ordre suivant: -->
A.lienbulle
{color:#9999FF;
text-decoration:none;}
A:hover
{color:#FF9900;
text-decoration:underline;}</STYLE>
</HEAD>
<BODY bgcolor="#FFFFFF" text="#FFFFFF" alink="#000066" link="#000066" vlink="#000066" >
<FONT FACE="Arial" SIZE='-1' COLOR="#000099">
<CENTER><BIG>Script pour afficher des infos bulle personnalisées.</BIG></CENTER>
Les infos bulle se présentent sous la forme de cadre, dont les couleurs de texte, de fond, de contour ainsi que l'épaisseur du contour sont paramétrables.<BR>
Les infos bulle apparaissent à l'endroit du curseur de souris et peuvent contenir tous les éléments HTML classiques (image, tableaux, ...). Elles disparaissent dès que la souris quitte le lien.<BR>
Ce script d'infobulle est compatible Internet Explorer 4+ et Netscape 4+<BR><BR>
<!-- appel à l'initialisation des infos bulles (laisser dans le BODY) -->
<SCRIPT language="JavaScript">InitBulle("navy","#FFCC66","vert",5);
// InitBulle(couleur de texte, couleur de fond, couleur de contour taille contour)
</SCRIPT>
<!-- Déclaration des liens avec les fonctions d'affichage des infos bulle : simple non ? -->
<!-- REM : pour afficher une apostrophe ', écrivez \', idem avec les " -->
<A href="#" class="lienbulle" onClick= "AffBulle('<a href=\' http://www.website.com\' target=\'top\'>Un site super!</a>')" onDblClick="HideBulle()">Premier Lien</A><BR>
-
