Modifier script Javascript

Solar13 Messages postés 204 Date d'inscription   Statut Membre Dernière intervention   -  
Alain_42 Messages postés 5361 Date d'inscription   Statut Membre Dernière intervention   -
Bonjour à vous,

Une âme charitable pourrait elle me rendre un grand service.
J'ai pris un script de popup sur le net mais je n'y connais pas grand chose pour le modifier.
J'aimerai juste, que quand il apparaît, le reste de l'écran soit figé pour pas que l'on puisse cliquer ailleurs tant que ce dernier est actif.

Au alors, quand on ouvre un autre popup, l'ancien s'efface.

Merci à vous:

<script type="text/javascript">

var ns4=document.layers
var ie4=document.all
var ns6=document.getElementById&&!document.all

//drag drop function for NS 4////
/////////////////////////////////

var dragswitch=0
var nsx
var nsy
var nstemp

function drag_dropns(name){
if (!ns4)
return
temp=eval(name)
temp.captureEvents(Event.MOUSEDOWN | Event.MOUSEUP)
temp.onmousedown=gons
temp.onmousemove=dragns
temp.onmouseup=stopns
}

function gons(e){
temp.captureEvents(Event.MOUSEMOVE)
nsx=e.x
nsy=e.y
}
function dragns(e){
if (dragswitch==1){
temp.moveBy(e.x-nsx,e.y-nsy)
return false
}
}

function stopns(){
temp.releaseEvents(Event.MOUSEMOVE)
}

//drag drop function for ie4+ and NS6////
/////////////////////////////////


function drag_drop(e){
if (ie4&&dragapproved){
crossobj.style.left=tempx+event.clientX-offsetx
crossobj.style.top=tempy+event.clientY-offsety
return false
}
else if (ns6&&dragapproved){
crossobj.style.left=tempx+e.clientX-offsetx+"px"
crossobj.style.top=tempy+e.clientY-offsety+"px"
return false
}
}

function initializedrag(e){
crossobj=ns6? document.getElementById("showimage") : document.all.showimage
var firedobj=ns6? e.target : event.srcElement
var topelement=ns6? "html" : document.compatMode && document.compatMode!="BackCompat"? "documentElement" : "body"
while (firedobj.tagName!=topelement.toUpperCase() && firedobj.id!="dragbar"){
firedobj=ns6? firedobj.parentNode : firedobj.parentElement
}

if (firedobj.id=="dragbar"){
offsetx=ie4? event.clientX : e.clientX
offsety=ie4? event.clientY : e.clientY

tempx=parseInt(crossobj.style.left)
tempy=parseInt(crossobj.style.top)

dragapproved=true
document.onmousemove=drag_drop
}
}
document.onmouseup=new Function("dragapproved=false")

////drag drop functions end here//////

function hidebox(){
crossobj=ns6? document.getElementById("showimage") : document.all.showimage
if (ie4||ns6)
crossobj.style.visibility="hidden"
else if (ns4)
document.showimage.visibility="hide"
}
</script>
A voir également:

3 réponses

Fallentree Messages postés 2309 Date d'inscription   Statut Membre Dernière intervention   209
 
En fait, il faut que tu enleves les evenements de la souris ...
Mais pour pas que le reste soit accessible, il faut mettre une div qui fait tout l ecran dessous...
bref ... Bon courage.
0
Solar13 Messages postés 204 Date d'inscription   Statut Membre Dernière intervention  
 
Merci j'étais en train de lire quelque chose dessus.

Mais mon soucis, j'ai essayé de faire quelque chose du genre.

Mais du coup, le fait que le fond soit en position absolute fait que tout ma présentation foire.
Je n'arrive pas à mettre un fond sur toute la page qui bloque les éléments en dessous.
0
Fallentree Messages postés 2309 Date d'inscription   Statut Membre Dernière intervention   209
 
y a pas un position-z dans les options de style...
0
Alain_42 Messages postés 5361 Date d'inscription   Statut Membre Dernière intervention   894
 
regardes du côté de Jquery boites de dialogue
0