begin process at 2012 05 28 07:35:29
  Trouver un code source :
 
dans
 
[ Dernières recherches ]
Accueil > 

Code

 > 

Fenêtre & Pop-up

 > AFFICHAGE D'UN POPUP POUR UN LIEN : SUPERBE !

AFFICHAGE D'UN POPUP POUR UN LIEN : SUPERBE !


 Information sur la source

Note :
10 / 10 - par 2 personnes
10,00 / 10

  • 1

  • 2

  • 3

  • 4

  • 5

  • 6

  • 7

  • 8

  • 9

  • 10
Catégorie :Fenêtre & Pop-up Niveau :Débutant Date de création :14/04/2003 Date de mise à jour :14/04/2003 22:18:45 Vu :22 046
Auteur : virtuelkiller

Ecrire un message privé
Site perso
Commentaire sur cette source (5)
Ajouter un commentaire et/ou une note

 Description

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

  • <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>
<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.


 Sources du même auteur

AFFICHER UNE PAGE WEB EN PLEIN ÉCRAN D'UN CLIC !
DU TEXTE DÉFILE DANS LA BARRE D'ÉTAT EN CONTINU !
Source avec Zip UNE IMAGE QUI VOLE...
PHRASE ANIMÉE : LE TEXTE ONDULE !
Source avec Zip AFFICHE OU CACHE UNE IMAGE OU UN LIEN GRÂCE À UN BOUTON
Toutes les sources de virtuelkiller

 Sources de la même categorie

Source avec Zip Source avec une capture MYNOTIFICATIONS par inwebo
Source avec Zip Source avec une capture POSMOUSE - AFFICHAGE DES COORDONNÉES DE LA SOURIS, TAILLE DE... par phidelum
SFR WIDGET ET JQUERY par hhoareau
Source avec Zip JOLIE ALERTE AVEC "ALERT()" par heycraft
Source avec Zip Source avec une capture FENETRE D'ACTUALITE par kazma
Toutes les sources de la catégorie Fenêtre & Pop-up

Commentaires et avis

Commentaire de pyroflo le 16/04/2003 20:45:31

Super !

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

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

Commentaire de virtuelkiller le 18/04/2003 14:42:10

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

Commentaire de pyroflo le 18/04/2003 14:57:58

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

Commentaire de virtuelkiller le 18/04/2003 16:49:04

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

Commentaire de billy95660 le 21/02/2007 10:10:57

Bravo c'est très bien,
mais je voudrais savoir si au lieu de survoler du texte je peux survoler une image.
Merci

 Ajouter un commentaire

Nos sponsors


Sondage...

CalendriCode

Mai 2012
LMMJVSD
 123456
78910111213
14151617181920
21222324252627
28293031   

Consulter la suite du CalendriCode

A découvrir
 
Développement réalisé par Nicolas SOREL (Nix) avec l'aide de : Cyril DURAND et Emmanuel (EBArtSoft), Merci à Vincent pour ses précieux conseils.
CodeS-SourceS.com© Toute reproduction même partielle est interdite sauf accord écrit du Webmaster
CodeS-SourceS.com© est une marque déposée tous droits réservés

Google Coop CodeS-SourceS Google Coop CodeS-SourceS
Temps d'éxécution de la page : 0,718 sec (3)

Nous contacter | Annoncer sur CodeS-SourceS | Mentions légales
Outils Convertisseur VB/C# Snippets et scripts Outils en ligne La ToolBox
Communauté Programmation Photographie Technologie Newsgroups Emploi Forum Blogs
Guide d'achat Téléphonie mobile Image et son Informatique Bureautique Jeux vidéo
Logiciels Internet & Réseau Développement Market Android Jeux & Loisirs Graphisme Multimédia Sécurité Pilotes
Loisirs Cartes virtuelles Vidéos droles Jeux en ligne Géoguide AndroLib (Android Market)