1. Accueil
  2. Tous les snippets
  3. Snippets Javascript
  4. Affichage d'un popup pour un lien : superbe !

Affichage d'un popup pour un lien : superbe !

Soyez le premier à donner votre avis sur cette source.

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

Commenter

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
Signaler
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
Signaler
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
Signaler
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
Signaler
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
Signaler
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
S'inscrire maintenant

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.

Du même auteur (virtuelkiller)