[Résolu] Problème javascript avec tuto par ekemy - page 1

Bonjour, j'ai un petit soucis avec ce tutoriel : http://www.siteduzero.com/tutoriel-3-4 [...] -fenetre.html

j'ai essayer de le faire mais j'ai un résultat différent : http://www.fiction-project.com/desktop.php

et voici mon code :

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr">
        <head>
                <title>Gestions de fenêtres en JavaScript</title>
                <meta http-equiv="content-type" content="text/html; charset=ISO-8859-1" />
                <link href="style.css" rel="stylesheet" type="text/css" media="screen" />
				<script type="text/javascript" src="fenetres.js"></script>
        </head>
        <body>  
        <p>
        <input type="button" value="Les Cours" onclick="creer_fenetre(100,50,500,100)" />
		<input type="button" value="Fenêtre 2" onclick="creer_fenetre(200,100,300,200)" />
        <input type="button" value="Fenêtre 3" onclick="creer_fenetre(400,150,300,200)" />
        </p>
       
		

       
        

        </body>
</html>

var zindex=0;


function creer_fenetre(left,top,width,height) {
        var fenetre = document.createElement("div");
        fenetre.className="fenetre"; //On donne un attribut class à cette div
        fenetre.style.left=left+"px"; //Modification de l'attribut left du style de notre div
        fenetre.style.top=top+"px";
        fenetre.style.width=width+"px";
        fenetre.style.height=height+"px";
		if(document.all) fenetre.attachEvent("onmousedown",function (){premier_plan(fenetre)}); //Pour IE
        else fenetre.addEventListener("mousedown",function (){premier_plan(fenetre)},true); //Pour les autres
       
        //On créé de la même manière la div "haut":
        var haut = document.createElement("div");
        haut.className="haut";
        //On créé ensuite les trois div qui seront dedans:
        var haut_gauche = document.createElement("div");
        haut_gauche.className="haut_gauche";
        var haut_droite = document.createElement("div");
        haut_droite.className="haut_droite";
        var haut_centre = document.createElement("div");
        haut_centre.className="haut_centre";
        //Puis on les insère une par une dans notre bloc "haut":
        haut.appendChild(haut_gauche);
        haut.appendChild(haut_droite);
        haut.appendChild(haut_centre);
        //On insère le tout (la div "haut" et les trois div à l'intérieur) dans le bloc "fenetre":
        fenetre.appendChild(haut);
       
        //On fait de même pour la div "milieu"
        var milieu = document.createElement("div");
        milieu.className="milieu";
        var milieu_gauche = document.createElement("div");
        milieu_gauche.className="milieu_gauche";
        var milieu_droite = document.createElement("div");
        milieu_droite.className="milieu_droite";
        var milieu_centre = document.createElement("div");
        milieu_centre.className="milieu_centre";
        milieu.appendChild(milieu_gauche);
        milieu.appendChild(milieu_droite);
        milieu.appendChild(milieu_centre);
        fenetre.appendChild(milieu);
       
        //On fait de même pour la div "bas
        var bas = document.createElement("div");
        bas.className="bas";
        var bas_gauche = document.createElement("div");
        bas_gauche.className="bas_gauche";
        var bas_droite = document.createElement("div");
        bas_droite.className="bas_droite";
        var bas_centre = document.createElement("div");
        bas_centre.className="bas_centre";
        bas.appendChild(bas_gauche);
        bas.appendChild(bas_droite);
        bas.appendChild(bas_centre);
        fenetre.appendChild(bas);

		premier_plan(fenetre); //On met au premier plan notre fenêtre
        document.body.appendChild(fenetre); //On insère le tout dans notre document, dans le corps
}


function premier_plan(fenetre) {
        zindex++; //On incrémente la variable globale
        fenetre.style.zIndex=zindex; //On affecte sa valeur au z-index de la fenetre concernée
}

Pouvez-vous m'aidez s'il vous plait

j'ai chercher partout et pas possible de trouver l'erreur

merci d'avance

ekemy

18 février 2011 à 21:01:35