bulle d'informations siteFermé

Question

Bonjour,  



Configuration: Windows 7 / Firefox 3.6.18
Je    voudrais  savoir  comment  mettre  des  bulle  d'information  sur  notre  site  web  a  partir  d'un  code  html  ou  CSS  comme ceci :http://img11.hostingpics.net/pics/999253CAPP.gif Merci pour  vos  réponse  !

Utilisateur anonyme · Answer

Agr ! Raté c'est du javascript XD !
Alors, si tu veux mettre un message tout simple, c'est

alert("ton texte");

Si c'est pour dire oui ou non (comme sur la photo), c'est :

confirm("ton texte ?");

Si tu veux que ça apparaisse en cliquant sur un lien :

<a href="#" onclick="le code">ton lien</a>

Enfin, pour demander si le visiteur veux vraiment quitter la page c'est un truc comme ça, placé dans le head :

<script type="text/javascrip">
window.onunload=function (){
if(confirm("Voulez-vous quitter cette page ???")){
return true;
}else{
return false;
}
};
</script>

Je crois que ça marche !
A+

Winxa · Answer

Salut , Merci encore une question quel  hebergeur  de  site  accepte  le  javascripts  merci  :D

Winxa · Answer

re , et quel balise c'est entre alert; "ton texte "?

Utilisateur anonyme · Answer

Absolument, littéralement tous XD ! Ce langage est traité non pas par le serveur, mais par le navigateur du visiteur. Ainsi, dès que tu peux mettre du HTML, tu peux mettre du javascript sur ton hébergeur.
En revanche, le visiteur peut avoir désactiver javascript sur son ordi...

Winxa · Answer

Coucou merci de ton  aide  j'ai  canabova  mais  ça  ne  marche  tu  peux  m'expliquer  avec  cette  hebergeur  ou  un  autre  Merci  :D

Utilisateur anonyme · Answer

Peux-tu me passer le code HTML de ta page pour cela ?

Winxa · Answer

* {margin: 0; padding: 0;} 

		body 
{ 
background : #FFFFFF; 
background-image : url(http://img11.hostingpics.net/pics/162618ggt.gif); 
background-repeat : repeat; 
color : #000000; 
font-size : 10pt; 
font-family : Arial; 
text-align : center; 
background-attachment : fixed; 
alert("loula");"oula"
} 
#cadre 
{ 
background : #FFEFBD; 
background-image : url(http://img11.hostingpics.net/pics/510084glitterGGG0002.gif); 
background-repeat : repeat; 
width : 968px; 
padding-top : 5px; 
padding-left : 5px; 
padding-right : 5px; 
padding-bottom : 5px; 
text-align : left; 
margin : auto; 
border : 1px solid #000000; 
position : relative; 
background-attachment : fixed; 
} 
#haut 
{ 
p>Salut!;D/p>
background : #FFEFBB; 
background-image : url(http://); 
background-repeat : repeat; 
height : 70px; 
padding-top : 5px; 
border-width : 1px; 
border-style : solid; 
border-color : #000000; 
text-align : center; 
background-attachment : fixed; 
} 
#haut h1 a 
{ 
text-decoration : none; 
font-size : 18pt; 
font-family : Comic sans Ms; 
} 
a 
{ 
color : #000000; 
text-decoration : underline; 
} 
a:hover 
{ 
color : #000000; 
text-decoration : none; 
} 
#barre 
{ 
width : 768px; 
height : 30px; 
margin-top : 5px; 
} 
#barre ul 
{ 
list-style-type : none; 
} 
#barre li 
{ 
float : left; 
} 
#barre a 
{ 
background : #004000; 
color : #EEF4E2; 
text-decoration : none; 
width : 100px; 
height : 23px; 
margin-left : 2px; 
border-width : 1px; 
border-style : solid; 
border-color : #000000; 
text-align : center; 
display : block; 
} 
#barre a:hover 
{ 
background : #C5D5A7; 
border : 1px solid #004000; 
} 
#menu 
{ 
width : 170px; 
float : left; 
} 
#menu ul 
{ 
list-style-type : none; 
} 
#menu ul li 
{ 
background : #EBEDAB; 
width : 170px; 
margin-top : -1px; 
border-width : 1px; 
border-style : solid; 
border-color : #000000; 
} 
#menu ul li a 
{ 
background : #EBEDAB; 
color : #003366; 
width : 170px; 
font-size : 10pt; 
font-family : Arial; 
line-height : 25px; 
} 
#menu ul li a:hover 
{ 
background : #FFFFFF; 
color : #006699; 
text-decoration : none; 
} 
#menu h2 
{ 
background : #004000; 
color : #EEF5FA; 
width : 170px; 
height : 25px; 
font-size : 15px; 
border-width : 1px; 
border-style : solid; 
border-color : #000000; 
text-align : center; 
} 
#contenu 
{ 
background : #FFEFBD; 
color : #336699; 
width : 730px; 
padding-top : 5px; 
padding-left : 5px; 
padding-right : 5px; 
padding-bottom : 5px; 
margin-top : 5px; 
margin-left : 200px; 
font-size : 10pt; 
font-family : Verdana; 
} 
#contenu h3 
{ 
background : #000000; 
color : #E8EEF4; 
width : 457px; 
height : 25px; 
padding-left : 15px; 
padding-right : 50px; 
margin-top : 10px; 
margin-left : 10px; 
margin-right : 10px; 
margin-bottom : 15px; 
font-size : 15px; 
font-family : Trebuchet MS; 
} 
#contenu ul 
{ 
list-style-type : square; 
margin-left : 15px; 
} 
#contenu a 
{ 
background : #FFEFBD; 
color : #003366; 
text-decoration : underline; 
font-size : 10pt; 
font-family : Arial; 
} 
#contenu a:hover 
{ 
background : #FFFFFF; 
color : #000400; 
text-decoration : none; 
} 
#bas 
{ 
background : #EBEDAB; 
margin : auto; 
} 
#spacer 
{ 
height : 20px; 
clear : both; 
} 
hr { margin:5px; height:1px; background-color:#000000;} 
fieldset { border:0; } 
* html #menu h2{width: 172px;}
#contenu ol {list-style-type: decimal;margin-left:25px;} 
/SCRIPT>

SCRIPT language=JavaScript>
clic("Voulez-vous cliquer sur OK s'il vous plait")
clic("Bienvenue !!!")
clic("Vous allez bien ?")
clic("Oui ?")
clic("        Non ?")
clic("Dites moi ce qui ne va pas")
clic("Ah ouais ! En effet c'est grave")
clic("Dites, on peut se tutoyer maintenant !")
clic("Je vais deviner ton prénom...")
clic(" Ca y est j'ai trouvé judu2a!")
clic(" Maintenant ton sexe...")
clic("          hum....")
clic("Je dirai que tu es soit un mec soit une fille")
clic("      Je me trompe ?")
clic("Maintenant, en fait, j'ai besoin d'argent")
clic("Tu voudrais pas me faire un petit chèque ?")
clic("    Allez, va chercher ton chéquier !")
clic("       Voila !!! Mets la somme que tu veux")
clic("           un zéro de plus ?")
clic("               RADIN !!!")
clic("Bon, tu sais quoi ?")
clic("        Non ? Essayes de trouver !")
clic("Non, non, tu n'auras pas d'indices !")
clic("Bon, je t'aide : je vais simplement...")
clic("            Te garder ici !!!!")
clic("Je sais, ça va être saoulant")
clic("    Mais aussi....")
clic("POURQUOI TU AS CLIQUE SUR CE LIEN ???")
clic("                   Alors ???")
clic("C'est un copain qui t'a filé l'adresse ?")
clic("              HA! HA! HA!")
clic("Je serais toi, je le frapperai")
clic("Mais pourquoi tu continues à cliquer sur OK ?")
clic("        Parce que tu n'as pas le choix")
clic(" Tu es coincé ici !")
clic("Mais faut pas t'en faire, je vais te laisser partir...")
clic("   Mais avant....")
clic(" je vais te raconter quelque chose :")
clic("                       une histoire !!!!")
clic("Quoi non ???? Quoi tu veux pas ??? Mais si !!!")
clic("    Et puis ça sert à rien de taper sur l'écran, il y peut rien !")
clic("       en plus tu vas le salir avec tes doigts !!!")
clic("Bon, cette histoire :")
clic(" Juste pour que tu restes un peu plus longtemps")
clic("          de toute façon tu n'as pas le choix")
clic("Donc, cette histoire...")
clic("c'est l'histoire d'une personne ...")
clic("......... qui est venue sur mon site .....")
clic("....... et qui avait cliqué sur c'est quoi?? !.......")
clic("    tu vois de qui je parle ?")
clic("Non ???? Je continue.....")
clic(".... Il avait envie de savoir ce qui se cachait derrière ce lien ....")
clic("        ..... MAIS .....")
clic("   ..... il s'était fait lamentablement piéger !")
clic("Ca y est ? Tu vois de qui je parle ??")
clic("BIEN !!! La prochaine fois tu seras moins curieux !")
clic("Tu aurais dût écouter ta mère...")
clic("         qui te disait quoi déjà ?")
clic("LA CURIOSITEE EST UN VILAN DEFAUT !!!")
clic("           C'est pas vrai ?")
clic("   Tu as désobéis et maintenant tu t'en mords les doigts !")
clic("Dis-moi, sérieusement ... Pourquoi as-tu cliqué sur ce lien ?")
clic("                           il y a bien une raison !")
clic("tu veux que je te dise laquelle ?")
clic("Non, en fait, je vais pas te le dire")
clic("      et tu sais quoi ?")
clic("         Tu es toujours coincé ici !!!")
clic("         et oui !!")
clic("tu peux toujours appuyer sur RESET")
clic("mais faire un Scan Disk après...")
clic("    et puis, refaire marcher l'antivirus...")
clic("Non, à mon avis, tu ferais mieux t'attendre que je te libère")
clic("            si, si !!!!")
clic("       je vais y penser !!!!")
clic("Tu sais que tu as déjà cliqué 76 fois sur OK ?")
clic("77 fois maintenant !!!")
clic("    Rassures toi, je vais bientôt te libérer")
clic("Et tu pourras en faire profiter tes amis !!!")
clic("      juste pour bien les énerver !!!")
clic("On dirait que tu aimes bien cliquer sur OK !!!")
clic("         Tu fais ça très bien !!!")
clic("Allez, encore une fois !!!")
clic("        SUPER !!! Mais ça t'énerve peut-être maintenant !!!")
clic("ET BIEN tant pis, fallait pas cliquer !!")
clic("       ET OUI    ")
clic("    Au fait, tu viens d'où ??")
clic("                 parce que moi je viens du Sud !")
clic("            de MALPASSE !!!!!")
clic("là où il fait chaud")
clic("pas loin de la mer....")
clic("                 ...ni du badminton !!")
clic("mais je pense que tu t'en fous !!!!!")
clic("Et c'est pas sympa car comme je te retiens....")
clic(".....imagines que je m'énerve....")
clic("..... et que je te garde ici encore plus longtemps !!!!")
clic("Mais bon, je suis pas un salaud (si si, c'est vrai)")
clic("   donc je vais pas être plus long")
clic("      .....     ")
clic("Tu pourrais pas cliquer encore une fois ??")
clic("OK ! Merci et peut être.......à bientôt !!! CIAO!!!")
clic("A MON POTE JULIEN DIT JUDU2A")
/SCRIPT>
J'ai  essayer  avec  un  site  deja  existant  por  tester  rien

Winxa · Answer

Salut non en faite je suis sur free comment mettre du javascript sur free?

Utilisateur anonyme · Answer

Oh le script soûlant ! Remplace tout les clic par alert et met de "<" avant SCRIPT et /SCRIPT

Winxa · Answer

Kikoo ça marche  merci  mais  ou  mettre  le  HTML DANS Free A+

Winxa · Answer

Aussi comment  on  enleve  "empecher  de  generer  cette  boit"  un  truc  comme  ca

Bulle d'informations site

11 réponses

Discussions similaires

Newsletters