Un postit pour les actus !

Télécharger le projet
Commenter

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-musiques.fr.st')
Les <BR> représentent les retour à la ligne du texte (s'il y'en à 2 ça fait sauter une ligne ! ;-))
Voilà !

Source / Exemple : 


<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.
Télécharger le projet

Codes Sources

A voir également

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)