Différences

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

--- playground:rtdp [19/01/2012 14:32] – r-ml
+++ playground:rtdp [31/01/2012 01:56] (Version actuelle) – r-ml
@@ Ligne 1: / Ligne 1: @@
 <html>
-<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>_ <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>_ <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="trois5"> _</td>
-<td>correction</td></tr>
-<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>correction</td></tr>
-<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>correction</td></tr>
-<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>correction</td></tr>
-<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>correction</td></tr>
-<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>correction</td>
-</tr>
-</table>
-</html>
+								<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>
+<div id="curseur" class="infobulle"></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>
-<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