Différences

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

--- playground:rtdp [19/01/2012 14:50] – r-ml
+++ playground:rtdp [31/01/2012 01:56] (Version actuelle) – r-ml
@@ Ligne 2: / Ligne 2: @@
-<script>
+								<style type="text/css">
-function afficher_cacher(id)
+										.infobulle{
-{
+											position: absolute;
-        if(document.getElementById(id).style.visibility=="hidden")
+											visibility : hidden;
-        {
+											border: 1px solid Black;
-                document.getElementById(id).style.visibility="visible";
+											padding: 10px;
-                document.getElementById('bouton_'+id).innerHTML='Cacher le texte';
+											font-family: Verdana, Arial;
-        }
+											font-size: 10px;
-        else
+											background-color: #FFFFCC;
-        {
+										}
-                document.getElementById(id).style.visibility="hidden";
+								</style>
-                document.getElementById('bouton_'+id).innerHTML='Afficher le texte';
-        }
+				<script language="javascript" type="text/javascript">
-        return true;
+				function GetId(id)
-}
+				{
-</script>
+				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>
-<span id="bouton_texte" onclick="javascript:afficher_cacher('texte');">Voir la correction (donc afficher)</span>
+<div id="curseur" class="infobulle"></div>
-<div id="texte">Texte caché (correction)</div>
+<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>
-<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