DIV déplaçable

Recherche :

Mot : Pseudo : Filtrer
Bas de page
Auteur	Sujet : DIV déplaçable

g_bu

Bonjour à tous,

J'ai récupérer un code sur le net pour pouvoir déplacer un div :

Code :

<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>

et voici le code du div :

Code :

<div id="fen" class="alpha">
<img src="images/barre.gif" name="d" width="563" height="18" border="0" usemap="#dMap">
<map name="dMap">
<area shape="circle" coords="553,9,9" href="#" onclick="showhide('fen')">
</map>
<div id="fenetre_contenu"><h5>Titre</h5>
<p>Blablabflk</p>
<p>dfjsd fb</p>
<p>sdlkfna</p>
<p>lsdkf ks</p>
<p>jdfl skd</p>
<p>jf
sdfljsd</p>
<p>hfsd
fosdf</p>
<p>sd
f¨dsfljs</p>
<p>dfsdlfjsdlfj</p>
</div>
<img src="images/barre2.gif" name="d" width="563" height="13" border="0" style="cursor:move;">
</div>

Ce code marche vraiment bien sur IE mais pas sur Firefox... est-il possible de modifier ce code pour qu'il fonctionne sur Firefox ? Ou quelqu'un a-t-il un code similaire ? J'ai souvent eu des porblème avec le Javascript et Firefox... j'ai jamais compris pourquoi (faut dire que je ne suis pas un spécialiste du javascript... :pfff: )

Merci et à+

Gaët

Publicité

anapajari

s/travail/glanding on hfr/gs;

les evenements ne sont pas gérés de la même façon dans IE & FF. De toute façon le code que tu as trouvé est ... pas terrible

Le dialog de la librairie yahoo est pas mal:
http://developer.yahoo.com/yui/container/

FORUM HardWare.fr

Programmation

HTML/CSS

DIV déplaçable

Sujets relatifs
Div avec un Overflow hidden dans un tableau.	Div qui ne prend pas toute la hauteur de la page... [résolu]
[Résolu]Div position absolute	[Javascript] Div qui se recharge toutes les x secondes
CSS et DIV	faire bouger par JS la hauteur d'un DIV petit a petit...
Utilisation Div et CSS	[RESOLU] [débutant] CSS - comment centrer une DIV?
[DOM/JAVASCRIPT] Inserer un DIV au debut d'un DIV parent.	Popup en DIV avec Cookie, c'est possible ?
Plus de sujets relatifs à : DIV déplaçable

Page générée en 0.061 secondes