Soyez le premier à donner votre avis sur cette source.
Vue 22 859 fois - Téléchargée 1 864 fois
<html> <head> <meta http-equiv="content-type" content="text/html; charset=iso-8859-1"> <title>No title</title> <SCRIPT LANGUAGE="JavaScript"> <!-- Debut N = (document.all) ? 0 : 1; var ob; function MD(e) { if (N) { ob = document.layers[e.target.name]; X=e.x; Y=e.y; return false; } else { ob = event.srcElement.parentElement.style; X=event.offsetX; Y=event.offsetY; } } function MM(e) { if (ob) { if (N) { ob.moveTo((e.pageX-X), (e.pageY-Y)); } else { ob.pixelLeft = event.clientX-X + document.body.scrollLeft; ob.pixelTop = event.clientY-Y + document.body.scrollTop; return false; } } } function MU() { ob = null; } if (N) { document.captureEvents(Event.MOUSEDOWN | Event.MOUSEMOVE | Event.MOUSEUP); } document.onmousedown = MD; document.onmousemove = MM; document.onmouseup = MU; // Fin --> </script> <STYLE type="text/css"> <!-- .Fen1 { background-color: #FFFFFF; background-position: 0px 0px; top: 50px; left: 100px; height: 130px; width: 284px; margin: 0px; padding: 0px; border: 1px solid #999999; overflow: visible; visibility: visible; z-index: auto; position: absolute; } .FenContenu1 { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; font-style: normal; line-height: normal; font-weight: normal; font-variant: normal; color: #006699; text-align: left; vertical-align: top; margin: 0px; padding: 5px; height: auto; width: auto; } .FenTitre1 { background-color: #FFFFFF; border: 0px none; margin: 0px; padding: 0px; } .Fen2 { background-color: #FFFFFF; background-position: 0px 0px; top: 200px; left: 500px; height: 150px; width: 284px; margin: 0px; padding: 0px; border: 1px solid #999999; overflow: visible; visibility: visible; z-index: auto; position: absolute; } .FenContenu2 { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; font-style: normal; line-height: normal; font-weight: normal; font-variant: normal; color: #006699; text-align: left; vertical-align: top; margin: 0px; padding: 5px; height: auto; width: auto; } .FenTitre2 { background-color: #FFFFFF; border: 0px none; margin: 0px; padding: 0px; } --> </STYLE> </head> <body bgcolor="white" text="black" link="blue" vlink="purple" alink="red"> <p> ici est le texte fixe de la page<br> la pseudo fenetre passe par dessus tout le reste :)<br> en fait ce ki est mouvible ce sont les DIV enfin tout ce kil y a entre des <p> <!-- FENETRE 1 --> <div id="d" class="Fen1"> <img class="FenTitre1" src="barretitre.gif" name="d"> <p class="FenContenu1">cool.</p> <p class="FenContenu1">tu vois c'est pas mal ! en plus tu peux mettre autant de fenetres que tu vx grace au principe des DIV ! :)</p> </div> <!-- FENETRE 2 --> <div id="d" class="Fen2"> <img class="FenTitre2" src="barretitre.gif" name="d"> <p class="FenContenu2">et voila une 2eme fenetre !</p> <p class="FenContenu2">et si tu vire la couleur de fond de limage et de la fenetre tu px la rendre transparente ! ca peut etre bien delire aussi :)</p> </div> </p> </body> </html>
4 mars 2010 à 01:52
car sur mac en tout cas, ça marche toujours pas avec :
Safari 4.0.4
Firefox 3.0.12
Camino 2.0.2
Marche sous explorer 5.2.3
3 mars 2010 à 21:23
20 sept. 2008 à 18:36
ok avec opera 9.20
Si quelqu'un à trouvé une solution qui marche avec les dernières version, merci de le signaler ici :-)
4 avril 2008 à 14:43
Merci quand même !
15 mai 2007 à 16:22
2 remarques :
- Ne fonctionne pas sous FireFox 2.0.
- Je n'ai pas regardé le code, mais il serait intéressant que la fenêtre en cours de déplacement prenne le 1er plan (joueravec le z-index sans doute).
A+
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.