minimize_fenetre (document.getElementById('coincoinMafenêtre"))et dans ce cas, en effet, restore_fenetre ne fonctionnera pas : lors de l'appel on lui passe un objet HTML (fenetre) entre quotte !!!
function minimize_fenetre(fenetreId) { var fenetre = document.getElementById(fenetreId); addcell(fenetre); fenetre.style.visibility = "hidden"; } function addcell(fenetre) { fenetre1 = fenetre; var tbl = document.getElementById("menubar"); var lastRow = tbl.rows.length; var row = tbl.rows[0]; var cell = row.insertCell(0); cell.innerHTML = ''+fenetre.className+' '; cell.fenetre = "menubaritem" + fenetre; } function restore_win(fenetreId) { document.getElementById(fenetreId).style.visibility = "visible"; }
Vous n’avez pas trouvé la réponse que vous recherchez ?
Posez votre questionvar zindex=0; var fenetre_deplacee=0; var fenetre_deplacee_difx=0; var fenetre_deplacee_dify=0; var count=0; function creer_fenetre(left,top,width,height, nom,page) { var fenetre = document.createElement("div"); fenetre.className= "fenetre"; //donne un attribut class à cette div fenetre.id = count; fenetre.style.left="30px"; //Modification de l'attribut left du style de notre div fenetre.style.top="30px"; fenetre.nom=nom; count++; var milieu = document.createElement("div"); milieu.className="content"; var haut = document.createElement("div"); haut.className="drag"; var close = document.createElement("div"); close.className="close"; addEvent(close,"click",function (event){fermer_fenetre(fenetre)}); var agrandir = document.createElement("div"); agrandir.className="agrandir"; addEvent(agrandir,"click",function (event){agrandir_fenetre(fenetre)}); var minimize = document.createElement("div"); minimize.className="minimize"; addEvent(minimize,"click",function (event){minimize_fenetre(fenetre)}); var haut2 = document.createElement("div"); haut2.innerHTML=nom; close.innerHTML = "X"; minimize.innerHTML = "_"; agrandir.innerHTML = "O"; haut.appendChild(close); haut.appendChild(minimize); haut.appendChild(agrandir); haut.appendChild(haut2); fenetre.appendChild(haut); fenetre.appendChild(milieu); document.body.appendChild(fenetre); //insère le tout dans notre document, dans le corps $("#"+fenetre.id).draggable({ handle: '.drag' }); $("#"+fenetre.id).resizable(); $("#"+fenetre.id+" .content").load(page); premier_plan(fenetre) $("#"+fenetre.id).fadeOut(0,function(){ $("#"+fenetre.id).fadeIn("slow"); }); } function premier_plan(fenetre) { zindex++; //incrémente la variable globale fenetre.style.zIndex=zindex; //affecte sa valeur au z-index de la fenetre concernée } function arreter_deplacement() { fenetre_deplacee=0; } function addEvent(obj,event,fct){ if(obj.attachEvent) obj.attachEvent('on' + event,fct); else obj.addEventListener(event,fct,true); } function commencer_deplacement(ev,fenetre) { fenetre_deplacee=fenetre; //quelle fenêtre est en cours de déplacement old_mouseCoords=mouseCoords(ev); //position de la souris old_windowCoords=getPosition(fenetre); //position fenêtre //stocke les différences dans les variables globales fenetre_deplacee_difx=old_mouseCoords.x-old_windowCoords.x; fenetre_deplacee_dify=old_mouseCoords.y-old_windowCoords.y; } function mouseCoords(ev){ if(ev.pageX || ev.pageY){ return {x:ev.pageX, y:ev.pageY}; } return { x:ev.clientX + document.body.scrollLeft - document.body.clientLeft, y:ev.clientY + document.body.scrollTop - document.body.clientTop }; } function getPosition(e){ var left = 0; var top = 0; while (e.offsetParent){ left += e.offsetLeft; top += e.offsetTop; e = e.offsetParent; } left += e.offsetLeft; top += e.offsetTop; return {x:left, y:top}; } function fermer_fenetre(fenetre) { $("#"+fenetre.id).fadeOut("slow"); } function deplacer_fenetre(ev) { if(fenetre_deplacee!=0) { var souris=mouseCoords(ev); fenetre_deplacee.style.left=(souris.x-fenetre_deplacee_difx)+'px'; //soustrait l'abscisse du curseur par rapport au coin gauche de la fenêtr fenetre_deplacee.style.top=(souris.y-fenetre_deplacee_dify)+'px'; //ordonnée } } function agrandir_fenetre(fenetre) { if(fenetre.style.left != "0px") { $("#"+fenetre.id).animate( { width:"100%" }, { queue:false, duration:2000 } ); $("#"+fenetre.id).animate( { height:screen.height-76 }, { queue:false, duration:2000 } ); $("#"+fenetre.id).animate( { left:"0px" }, { queue:false, duration:2000 } ); $("#"+fenetre.id).animate( { top:"0px" }, { queue:false, duration:2000 } ); } else { $("#"+fenetre.id).animate( { width:"400px" }, { queue:false, duration:2000 } ); $("#"+fenetre.id).animate( { height:"170px" }, { queue:false, duration:2000 } ); $("#"+fenetre.id).animate( { left:"30px" }, { queue:false, duration:2000 } ); $("#"+fenetre.id).animate( { top:"30px" }, { queue:false, duration:2000 } ); } } function minimize_fenetre(fenetre) { addcell(fenetre); $("#"+fenetre.id).hide("slow"); $("#"+fenetre.id).animate( { visibility:"hidden" }, { queue:false, duration:2000 } ); } function addcell(fenetre) { var tbl = document.getElementById("menubar"); var lastRow = tbl.rows.length; var row = tbl.rows[0]; var cell = row.insertCell(0); cell.innerHTML = ''+fenetre.nom+' '; cell.fenetre = fenetre.id; } function restore_win(id) { $("#"+id).show("slow"); $("#"+id).animate( { visibility:"visible" }, { queue:false, duration:2000 } ); var tbl = document.getElementById("menubar"); tbl.rows[0].deleteCell(id); }