A voir également:
- Une CSS dans un script
- Script vidéo youtube - Guide
- Script bat - Guide
- Enlever le soulignement d'un lien css - Astuces et Solutions
- Enlever couleur lien css ✓ - Forum CSS
- Executeur de script - Télécharger - Édition & Programmation
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
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
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...
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>
</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>
25 avril 2001 à 10:30
</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,