Affichage d'un popup pour un lien : superbe !

Soyez le premier à donner votre avis sur cette source.

Snippet vu 23 470 fois - Téléchargée 27 fois

Contenu du snippet

Pas très compliqué ce code (du moins à modifier !)
Dans onMouseOver="afficheNote('Allez-y ! ','blue','','#FFFFFF','VAG Rundschrift D',4)"
onClick="fermerNote()">
Remplacer "Allez-y"(comme le célèbre pilote !) par le texte de votre choix ->c'est le texte du popup !
Voilà !
pour régler la couleur : modifier les paramètres ! Sachant que #FFFFFF =blanc et que blue=bleu

Source / Exemple :


<html>

<head>
<title>http://www.paroles-et-musiques.fr.st</title>
<script LANGUAGE="JavaScript">
<!-- 
var fenetreNote=null;

function afficheNote(message, couleurFond, fond, couleurTexte, typePolice, tailleCaracteres) {
  fenetre = window.open('','Note','toolbar=no,location=no,directories=no,status=no,scrollbars=no,resizable=yes,copyhistory=no,' + 'width=250' + ',height=100');
  fenetreNote = fenetre;

  if (fenetreNote != null) {
    doc = fenetre.document;
    texte = '<' + 'HTML' + '><' + 'HEAD' + '><' + 'TITLE' + '>' + message + '</' + 'TITLE' + '><' + '/HEAD' + '><' + 'BODY BACKGROUND=' + '"' + fond + '"' + ' BGCOLOR=' + '"' + couleurFond + '">';
    texte += '<CENTER>';
    texte +='<FONT FACE="' + typePolice +'"';
    texte += ' SIZE=' + tailleCaracteres; 
    texte += ' COLOR=' + '"' + couleurTexte +'">';
    texte += message + '</CENTER> </FONT>';
    texte += '</' + 'BODY' + '><' + '/HTML' + '>';
    doc.write(texte);
    doc.close();
    } 
}
function fermerNote() {
  if (fenetreNote != null) {
    fenetreNote.close( );
    fenetreNote = null;
    }
}
//-->
</script>
</head>

<body>

<p align="center">&nbsp;</p>

<p align="center"><br>
</p>

<p align="center"><br>
<a HREF="http://www.paroles-et-musiques.fr.st"
onMouseOver="afficheNote('Allez-y ! ','blue','','#FFFFFF','VAG Rundschrift D',4)"
onClick="fermerNote()">http://www.paroles-et-musiques.fr.st</a></p>

<p align="center">&nbsp;</p>
</body>
</html>

Conclusion :


Questions, commentaires....
N'hésitez pas !

A+

V.K.

A voir également

Ajouter un commentaire

Commentaires

billy95660
Messages postés
4
Date d'inscription
jeudi 2 novembre 2000
Statut
Membre
Dernière intervention
25 septembre 2011

Bravo c'est très bien,
mais je voudrais savoir si au lieu de survoler du texte je peux survoler une image.
Merci
virtuelkiller
Messages postés
44
Date d'inscription
samedi 8 mars 2003
Statut
Membre
Dernière intervention
9 mars 2016

Bahhh.... Euuhhhh.... Je sais pas quoi dire pour la pop'up... D'origine, chez moi elle ne s'affiche pas en plein écran... Et quand je modifie width et height ça marche ! Donc je sais pas...
Je vais demander à des potes de le tester pour savoir si ce script ne marche pas que sur mon PC ! ;-)
Merci pour mon site également !
Veux tu qu'on se fasse un échange de liens ?

V.K.
http://www.paroles-et-musiques.fr.st
pyroflo
Messages postés
323
Date d'inscription
lundi 24 février 2003
Statut
Membre
Dernière intervention
17 mai 2005

Heuuuu j'avais déjà essayé mais chez moi, que je mette 500 ou 10 ou 123 de largeur ou de longueur c'et pareil !!! La pop'up s'affiche en plen écran !?!

Merci pour mon site, ça fait plaisir :)
Moi j'adore ton menu défilant à gauche sur ta page d'accueil ! En plus il n'est qu'en JS alors que je pensais que c'était un applet.

Pyroflo
http://www.abcpyro.fr.st
virtuelkiller
Messages postés
44
Date d'inscription
samedi 8 mars 2003
Statut
Membre
Dernière intervention
9 mars 2016

Je te rassure ! Il est bien possible de modifier la taille de la pop'up !
Il suffit de modifier cette partie du code :
('','Note','toolbar=no,location=no,directories=no,status=no,scrollbars=no,resizable=yes,copyhistory=no,' + 'width=250' + ',height=100');
Il faut modifier width=... , sachant que width est la largeur
Et height=... qui est la hauteur !
A la place des 3 ptits points tu mets le chiffre. La taille est en pixel !
Voilà !
Pas mal ton site !

V.K.
http://www.paroles-et-musiques.fr.st
pyroflo
Messages postés
323
Date d'inscription
lundi 24 février 2003
Statut
Membre
Dernière intervention
17 mai 2005

Super !

Mais est-il possible de régler la taille de la pop'up ? Si oui, comment ?
Merci !!!

Pyroflo
http://www.abcpyro.fr.st

Vous n'êtes pas encore membre ?

inscrivez-vous, c'est gratuit et ça prend moins d'une minute !

Les membres obtiennent plus de réponses que les utilisateurs anonymes.

Le fait d'être membre vous permet d'avoir un suivi détaillé de vos demandes et codes sources.

Le fait d'être membre vous permet d'avoir des options supplémentaires.