Différences

Ci-dessous, les différences entre deux révisions de la page.

--- playground:rtdp [31/01/2012 01:22] – r-ml
+++ playground:rtdp [31/01/2012 01:56] (Version actuelle) – r-ml
@@ Ligne 2: / Ligne 2: @@
+								<style type="text/css">
+										.infobulle{
+											position: absolute;
+											visibility : hidden;
+											border: 1px solid Black;
+											padding: 10px;
+											font-family: Verdana, Arial;
+											font-size: 10px;
+											background-color: #FFFFCC;
+										}
+								</style>
+				<script language="javascript" type="text/javascript">
+				function GetId(id)
+				{
+				return document.getElementById(id);
+				}
+				var i=false;
+				function move(e) {
+				  if(i) {
+				    if (navigator.appName!="Microsoft Internet Explorer") {
+				    GetId("curseur").style.left=e.pageX + 5+"px";
+				    GetId("curseur").style.top=e.pageY + 10+"px";
+				    }
+				    else {
+				    if(document.documentElement.clientWidth>0) {
+				        GetId("curseur").style.left=20+event.x+document.documentElement.scrollLeft+"px";
+				        GetId("curseur").style.top=10+event.y+document.documentElement.scrollTop+"px";
+				    }
+				    else {
+				        GetId("curseur").style.left=20+event.x+document.body.scrollLeft+"px";
+				        GetId("curseur").style.top=10+event.y+document.body.scrollTop+"px";
+				    }
+				    }
+				  }
+				}
+				function montre(text) {
+				  if(i==false) {
+				  GetId("curseur").style.visibility="visible";
+				  GetId("curseur").innerHTML = text;
+				  i=true;
+				  }
+				}
+				function cache() {
+				if(i==true) {
+				GetId("curseur").style.visibility="hidden";
+				i=false;
+				}
+				}
+				document.onmousemove=move;
+				</script>
-<SCRIPT language="JavaScript">
+<div id="curseur" class="infobulle"></div>
-<!--
-var content=new Array();
-content[0]='<br><big><b>G1Script.Com</b></big><br>Site basé sur le Webmastering pour tous';
-content[1]='<br><big><b>Ciné Télé Revue</b></big><br>Pour tout savoir sur les potins';
-content[2]='<br><big><b>Trankilou</b></big><br>Un peu de douceur...';
-function changetext(whichcontent){
-if (document.all)
-descriptions.innerHTML='<font face="Verdana"><small>'+whichcontent+'<font></small>';
-}
-function reset(){
-if (!scriptmenu.contains(event.toElement))
-descriptions.innerHTML=temphtml;
-}
-</SCRIPT>
-<div id="scriptmenu" style="line-height:20px"
-onMouseout="reset()"><p><font face="Verdana">
-<a href="http://www.g1script.com" onMouseover="changetext(content[0])"><small>G1Script.Com</small></a><br>
-<a href="http://www.cinetelerevue.be" onMouseover="changetext(content[1])"><small>Ciné Télé Revue</small></a><br>
-<a href="http://www.trankilou.be" onMouseover="changetext(content[2])"><small>Trankilou</small></a><br>
-</font></p>
-</div>
-<SCRIPT language="JavaScript">
-if (document.all)
-var temphtml=descriptions.innerHTML;
-</SCRIPT>
+<p onmouseover="montre('Le HTML est accepté ici.<br />En cas d\'utilisation d\'apostrophes, bien mettre le \ avant l\'apostrophe sinon ça foire !<br />Ne pas oublier les deux apostrophes (sans barre) au tout début et à la toute fin aussi.<br />La syntaxe de Docuwiki ne marche pas pas contre.<br />Pour aller à la ligne... voir le code :p :-p :P :-P');" onmouseout="cache();">Passez la souris sur moi !</p>
 </html>