Différences

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

--- playground:rtdp [19/01/2012 15:01] – r-ml
+++ playground:rtdp [31/01/2012 01:56] (Version actuelle) – r-ml
@@ Ligne 1: / Ligne 1: @@
 <html>
-<style type="text/css">
-.clicTitre
-  {
-  border-color: #000000;
-  border-top: 1px solid;
-  border-left: 1px solid;
-  border-right: 1px solid;
-  border-bottom: 2px dashed;
-  background-color: #eeeeee;
-  }
-.clicCacher
-  {
-  top: -20px;
-  position: relative;
-  text-align:right;
-  }
-.contenant
+								<style type="text/css">
-  {
+										.infobulle{
-  display : block;
+											position: absolute;
-  border: 1px solid #000000;
+											visibility : hidden;
-  }
+											border: 1px solid Black;
-</style>
+											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>
+<div id="curseur" class="infobulle"></div>
-function afficheId(baliseId)
-  {
-  if (document.getElementById && document.getElementById(baliseId) != null)
-    {
-    document.getElementById(baliseId).style.visibility='visible';
-    document.getElementById(baliseId).style.display='block';
-    }
-  }
-function cacheId(baliseId)
+<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>
-  {
-  if (document.getElementById && document.getElementById(baliseId) != null)
-    {
-    document.getElementById(baliseId).style.visibility='hidden';
-    document.getElementById(baliseId).style.display='none';
-    }
-  }
-cacheId('contenu');
-// si JavaScript est disponible, cache le contenu dès le
-// chargement de la page. Sans JavaScript, le contenu sera
-// affiché.
-</script>
-<div class="clicTitre">
-  <a href="javascript:afficheId('contenu')">Nous contacter</a>
-</div>
-<div class="contenant" id="contenu">
-  <div class="clicCacher">
-    <a href="javascript:cacheId('contenu');">Fermer</a>
-  </div>
-Xavier Borderie<br>
-Rédacteur Nouvelles Technologies<br>
-<br>
-Journal Du Net Développeurs / Benchmark Group <br>
-, rue Diderot <br>
-Suresnes CEDEX <br>
-<a href="http://developpeurs.journaldunet.com"> http://developpeurs.journaldunet.com</a><br>
-</div>
-<br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br />
-<table>
-<tr><td width="15px">1.</td>
-<td>_ <input type="radio" name="un" value="un1"> _ <input type="radio" name="un" value="un2"> _ <input type="radio" name="un" value="un3"> _ <input type="radio" name="un" value="un4"> _ <input type="radio" name="un" value="un5"> _</td>
-<td>correction</td></tr>
-<tr><td width="15px">2.</td>
-<td>_ <input type="radio" name="deux" value="deux1"> _ <input type="radio" name="deux" value="deux2"> _ <input type="radio" name="deux" value="deux3"> _ <input type="radio" name="deux" value="deux4"> _ <input type="radio" name="deux" value="deux5"> _</td>
-<td>correction</td></tr>
-<tr><td width="15px">3.</td>
-<td>_ <input type="radio" name="trois" value="trois1"> _ <input type="radio" name="trois" value="trois2"> _ <input type="radio" name="trois" value="trois3"> _ <input type="radio" name="trois" value="trois4"> _ <input type="radio" name="trois" value="trois5"> _ <input type="radio" name="trois" value="trois6"> </td>
-<td>correction</td></tr>
-<tr><td width="15px">4.</td>
-<td>_ <input type="radio" name="quatre" value="quatre1"> _ <input type="radio" name="quatre" value="quatre2"> _ <input type="radio" name="quatre" value="quatre3"> _ <input type="radio" name="quatre" value="quatre4"> _ <input type="radio" name="quatre" value="quatre5"> _ <input type="radio" name="quatre" value="quatre6"> </td>
-<td>correction</td></tr>
-<tr><td width="15px">5.</td>
-<td>_ <input type="radio" name="cinq" value="cinq1"> _ <input type="radio" name="cinq" value="cinq2"> _ <input type="radio" name="cinq" value="cinq3"> _ <input type="radio" name="cinq" value="cinq4"> _ <input type="radio" name="cinq" value="cinq5"> _ <input type="radio" name="cinq" value="cinq6"> </td>
-<td>correction</td></tr>
-<tr><td width="15px">6.</td>
-<td>_ <input type="radio" name="six" value="six1"> _ <input type="radio" name="six" value="six2"> _ <input type="radio" name="six" value="six3"> _ <input type="radio" name="six" value="six4"> _ <input type="radio" name="six" value="six5"> _ <input type="radio" name="six" value="six6"> </td>
-<td>correction</td></tr>
-<tr><td width="15px">7.</td>
-<td>_ <input type="radio" name="sept" value="sept1"> _ <input type="radio" name="sept" value="sept2"> _ <input type="radio" name="sept" value="sept3"> _ <input type="radio" name="sept" value="sept4"> _ <input type="radio" name="sept" value="sept5"> _ <input type="radio" name="sept" value="sept6"> </td>
-<td>correction</td></tr>
-<tr><td width="15px">8.</td>
-<td>_ <input type="radio" name="huit" value="huit1"> _ <input type="radio" name="huit" value="huit2"> _ <input type="radio" name="huit" value="huit3"> _ <input type="radio" name="huit" value="huit4"> _ <input type="radio" name="huit" value="huit5"> _ <input type="radio" name="huit" value="huit6"> _ <input type="radio" name="huit" value="huit7"> _ <input type="radio" name="huit" value="huit8"> _ <input type="radio" name="huit" value="huit9"> _ <input type="radio" name="huit" value="huit10"> _ <input type="radio" name="huit" value="huit11"> _ <input type="radio" name="huit" value="huit12"> _</td>
-<td>correction</td></tr>
-</table>
 </html>
-<html>
-<table>
-<form name="deuxun"><tr><td>_ <input type="radio" name="un" value="un1"> _ <input type="radio" name="un" value="un2"> _ <input type="radio" name="un" value="un3"> _ <input type="radio" name="un" value="un4"> _ <input type="radio" name="un" value="un5"> _</td>
-<td><script>var un=document.deuxun.un[2]
-function total() { if ((un.checked==true)) {alert("Bonne réponse !");} if ((un.checked!=true)) {alert("Mauvaise réponse...");}}</script>
-<input type="button" value="Corriger" onclick="javascript:total(deuxun)"></td></tr></form>
-<form name="deuxdeux"><tr><td>_ <input type="radio" name="deux" value="deux1"> _ <input type="radio" name="deux" value="deux2"> _ <input type="radio" name="deux" value="deux3"> _ <input type="radio" name="deux" value="deux4"> _ <input type="radio" name="deux" value="deux5"> _</td>
-<td><script>var deux=document.deuxdeux.deux[2]
-function total() { if ((deux.checked==true)) {alert("Bonne réponse !");} if ((deux.checked!=true)) {alert("Mauvaise réponse...");}}</script>
-<input type="button" value="Corriger" onclick="javascript:total(deuxdeux)"></td></tr></form>
-</table>
-</html>
-http://www.creation-du-web.com/honolulu/index.php?page=script1