begin process at 2012 05 28 14:29:15
  Trouver un code source :
 
dans
 
Accueil > 

Code

 > 

Graphique

 > UN POSTIT POUR LES ACTUS !

UN POSTIT POUR LES ACTUS !


 Information sur la source

Note :
6 / 10 - par 4 personnes
6,00 / 10

  • 1

  • 2

  • 3

  • 4

  • 5

  • 6

  • 7

  • 8

  • 9

  • 10
Catégorie :Graphique Niveau :Initié Date de création :16/04/2003 Date de mise à jour :16/04/2003 13:24:19 Vu / téléchargé :11 361 / 716

Auteur : virtuelkiller

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

 Description

Comment modifier ce script ?
Très simple il suffit de modifier cette partie :
(-1,10,'Texte du PostIt<BR><BR>Pratique pour rappeler<BR>des choses<BR>aux visiteurs<BR><BR>Cliquer la punaise<BR>pour fermer le postit<br><br>http://www.paroles-et-mu siques.fr.st')
Les <BR> représentent les retour à la ligne du texte (s'il y'en à 2 ça fait sauter une ligne ! ;-))
Voilà !

Source

  • <html>
  • <head>
  • <title>PostIt</title>
  • </head>
  • <body>
  • <!------------------------------ci dessous inserer votre texte en mettant <br> a chaque fois que vous voulez un retour a la ligne-------------------------------------------------->
  • <CENTER><A HREF="javascript:postit(-1,10,'Texte du PostIt<BR><BR>Pratique pour rappeler<BR>des choses<BR>aux visiteurs<BR><BR>Cliquer la punaise<BR>pour fermer le postit<br><br>http://www.paroles-et-musiques.fr.st')">Voir le Post It</A></CENTER>
  • <script Language="Javascript">
  • <!--
  • if (navigator.appName=="Netscape"){document.writeln('<layer name="postit" left="-240" top="0" width="240" height="240"></layer>');}
  • else{document.writeln('<div id="postit" style="position:absolute;left:-240px;top:0px;width:240px;height:240px;"></div>');}
  • function postit(xo,yo,texte){
  • if (navigator.appName=="Netscape"){
  • if (xo==-1){xo=(window.innerWidth/2)-120;}
  • if (yo==-1){yo=(window.innerHeight/2)-120;}
  • document.layers['postit'].left=xo;document.layers['postit'].top=yo;
  • document.layers['postit'].document.write("<table border=0 cellpading=0 width=240 height=240 background='postit.gif'><tr><td align=center valign=middle><font color=#000000 size=2 face=verdana><B>"+texte+"</B></font></TD></TR></TABLE><layer name=close top=10 left=100 width=21 height=21><A HREF='javascript:fermeIt()'><img src='punaise.gif' border=0></A></layer><BR>");
  • document.layers['postit'].document.close();
  • document.layers['postit'].visibility="show";
  • }
  • else{
  • if (xo==-1){xo=(document.body.clientWidth/2)-120;}
  • if (yo==-1){yo=(document.body.clientHeight/2)-120;}
  • document.all.postit.style.left=xo;document.all.postit.style.top=yo;
  • document.all.postit.innerHTML='<table border=0 cellpading=0 width=240 height=240 background="postit.gif"><tr><td align=center valign=middle><font color=#000000 size=2 face=verdana><B>'+texte+'</B></font></TD></TR></TABLE><DIV id="close" style="position:absolute;top:10px;left:100px;width:16px;height:16px;"><A HREF="javascript:fermeIt()"><img src="punaise.gif" border=0></A></DIV><BR>';
  • document.all.postit.style.visibility="visible";
  • }
  • }
  • function fermeIt(){
  • if (navigator.appName=="Netscape"){
  • document.layers['postit'].document.write("");
  • document.layers['postit'].document.close();
  • document.layers['postit'].visibility="hide";
  • }
  • else{
  • postit.innerHTML="";
  • document.all.postit.style.visibility="hidden";
  • }
  • }
  • //-->
  • </script>
  • </BODY>
  • </HTML>
<html>
<head>
<title>PostIt</title>
</head>

<body> 
<!------------------------------ci dessous inserer votre texte en mettant <br> a chaque fois que vous voulez un retour a la ligne-------------------------------------------------->
<CENTER><A HREF="javascript:postit(-1,10,'Texte du PostIt<BR><BR>Pratique pour rappeler<BR>des choses<BR>aux visiteurs<BR><BR>Cliquer la punaise<BR>pour fermer le postit<br><br>http://www.paroles-et-musiques.fr.st')">Voir le Post It</A></CENTER>

<script Language="Javascript">
<!--
if (navigator.appName=="Netscape"){document.writeln('<layer name="postit" left="-240" top="0" width="240" height="240"></layer>');}
else{document.writeln('<div id="postit" style="position:absolute;left:-240px;top:0px;width:240px;height:240px;"></div>');}
function postit(xo,yo,texte){
 if (navigator.appName=="Netscape"){
  if (xo==-1){xo=(window.innerWidth/2)-120;}
  if (yo==-1){yo=(window.innerHeight/2)-120;}
  document.layers['postit'].left=xo;document.layers['postit'].top=yo;
  document.layers['postit'].document.write("<table border=0 cellpading=0 width=240 height=240 background='postit.gif'><tr><td align=center valign=middle><font color=#000000 size=2 face=verdana><B>"+texte+"</B></font></TD></TR></TABLE><layer name=close top=10 left=100 width=21 height=21><A HREF='javascript:fermeIt()'><img src='punaise.gif' border=0></A></layer><BR>");
  document.layers['postit'].document.close();
  document.layers['postit'].visibility="show";
 }
 else{
  if (xo==-1){xo=(document.body.clientWidth/2)-120;}
  if (yo==-1){yo=(document.body.clientHeight/2)-120;}
  document.all.postit.style.left=xo;document.all.postit.style.top=yo;
  document.all.postit.innerHTML='<table border=0 cellpading=0 width=240 height=240 background="postit.gif"><tr><td align=center valign=middle><font color=#000000 size=2 face=verdana><B>'+texte+'</B></font></TD></TR></TABLE><DIV id="close" style="position:absolute;top:10px;left:100px;width:16px;height:16px;"><A HREF="javascript:fermeIt()"><img src="punaise.gif" border=0></A></DIV><BR>';
  document.all.postit.style.visibility="visible";
 }
}

function fermeIt(){
 if (navigator.appName=="Netscape"){
  document.layers['postit'].document.write("");
  document.layers['postit'].document.close();
  document.layers['postit'].visibility="hide";
 }
 else{
  postit.innerHTML="";
  document.all.postit.style.visibility="hidden";
 }
}
//-->

</script>

</BODY>
</HTML>

 Conclusion


Questions, commentaires... N'hésitez pas !
Ah oui, pour ceux qui aurait vu ce script sur un site, j'ai mis celui ci sur mon premier site que j'ai fait et ça remonte à pouf ! J'sais meme plus ! ;-)

V.K.

 Fichier Zip

Les Membres Club peuvent télécharger directement un fichier contenu dans le zip sans télécharger le zip en entier !

Télécharger le zip


 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

 Sources de la même categorie

Source avec Zip JDMATH-MINI.JS : GÉNÉRATION D'EXPRESSION MATHÉMATIQUE par jdmcreator
Source avec une capture SPHERE 3D DÉFORMABLE par phm
Source avec Zip Source avec une capture EFFET DE ROTATION A 360° D'IMAGE AVEC ACCELERATION DECELERAT... par kazma
Source avec Zip Source avec une capture PETIT LOGICIEL DE DESSIN, RETOUCHE AVEC CANVAS par kazma
Source avec Zip Source avec une capture CALCULATRICE HEURE par m22001111

Commentaires et avis

Commentaire de mathieumg le 17/04/2003 02:58:19

Trop nice ton code !

Super pratique et facile à comprendre !

J'ai juste changé pour que le post-ti apparaisse onload au lieu d'un link c'est plus pratique !

Merci pour le code !

Commentaire de virtuelkiller le 18/04/2003 14:08:17

Merci....
ça me fait plaisir que ça vous fasse plaisir ! ;-)
A votre service !
V.K.

Commentaire de krevette le 19/04/2003 08:50:49

c'est sympa comme code mais du devrais mettre une couleur en arriére plan pour faire comme si le post-it était au dessus de la page.

je mets 7 parceque c'est pas hyper compliqué.

krevette ;-)

Commentaire de bob3000 le 20/04/2003 19:16:15

cest excellent! bravo

Commentaire de Mumuri le 05/07/2003 17:12:06

c'est sympa comme truc

Commentaire de jim333 le 02/04/2004 01:38:34

yo ya le meme su www.editeurjavascript.com

Commentaire de phils21 le 01/11/2005 19:14:41

Pour qu'il fonctionne avec firefox, il faut modifier le code est remplacé "netscape" par "firefox" tout simplement...

Commentaire de nanon39 le 02/02/2007 13:01:58

Coucou

D'abord, merci pour ton script. Mais je ne suis pas très douée, et j'aurais une petite question :
J'aimerais pouvoir choisir l'endroit où s'affiche le postit. Peux tu me dire où est-ce qu'il faut que je bidouille le code ??

Merci d'avance.

Commentaire de tlrmann le 16/06/2010 01:41:30

c'est aujourd'hui que j'en prend compte et je le trouve très cool

 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 : 1,934 sec (3)

Nous contacter | Annoncer sur CodeS-SourceS | Mentions légales