• [^] # Re: Hyperion et Netscape

    Posté par . En réponse à la dépêche Hyperion : et les jeux deviennent physiques. Évalué à 1.

    reponse de l'auteur :
    ---------------------------------------------------
    Bonjour,

    Cette boite de dialog est un fix temporaire. Le developement de ce site
    n ́est pas une priorité, je n`ai pas prevu un portage sur tous les
    browsers. De +, Javascript, ce n ́est pas trop ma tasse de thé.

    C ́est en fait la premiere page qui pose probleme. Tu peux m'aider en me
    donnant un moyen de simuler outerHTML sur Netscape. Ci joint, le source
    de la page index.html. Tu remarquera que 80% des fonctionnalités sont
    implementés sur Netscape.


    De même, j'espere que tu entendras ma voix .

    Pierre.

    ############
    Javascript
    ############

    <SCRIPT>
    var ns = (document.layers);
    var ie = (document.all);
    var skn = (ns) ? document.topdeck : topdeck.style;
    if (ns) document.captureEvents(Event.MOUSEMOVE);
    document.onmousemove = get_mouse;

    function pop(title,texte) {
    var contenu ="<TABLE WIDTH=200 BORDER=2 bgcolor=#000099
    bordercolorlight=#000099 bordercolordark=#000099><TR
    BGCOLOR=#000099><TD><h5><FONT
    COLOR=#FFFFFF><CENTER>"+title+"</CENTER></FONT></h5></TD></TR><TR
    BGCOLOR=#ffcc33><TD><h6>"+texte+"</h6></TD></TR></TABLE>";
    if (Navigateur()=="Netscape") {
    skn.document.write(contenu);
    skn.document.close();
    skn.visibility = "visible";
    } else if (Navigateur()=="Explorer") {
    document.all("topdeck").innerHTML = contenu;
    skn.visibility = "visible";
    }
    }

    function get_mouse(e) {
    var x = (ns) ? e.pageX : event.x+document.body.scrollLeft;
    var y = (ns) ? e.pageY : event.y+document.body.scrollTop;

    skn.left = x + 10;
    skn.top = y + 10;
    }

    function kill() {
    skn.visibility = "hidden";
    }
    </SCRIPT>

    <div id="layer1">
    <div id="layer2"> </div>
    </div>
    <script language="Javascript1.2" class="titre1">

    pause = 3;



    tabImg = new Array ("screenshots/scrshot.cube1.jpg",
    "screenshots/scrshot.beam1.jpg",
    "screenshots/scrshot.plate.jpg",
    "screenshots/scrshot.cube2.jpg",
    "screenshots/scrshot.beam2.jpg");

    //image haute definition
    tabImgn = new Array ("screenshots/scrshot.cube1.hd.jpg",
    "screenshots/scrshot.beam1.hd.jpg",
    "screenshots/scrshot.plate.hd.jpg",
    "screenshots/scrshot.cube2.hd.jpg",
    "screenshots/scrshot.beam2.hd.jpg");

    //video
    tabImgv = new Array ("screenshots/video.cube1.mpeg",
    "screenshots/video.beam1.avi",
    "screenshots/video.plate.avi",
    "screenshots/video.cube2.avi",
    "screenshots/video.beam2.avi");

    tabImgTitre = new Array ("Case 1 - Cube",
    "Case 2 - Beam",
    "Case 3 - Plate",
    "Case 4 - Cube",
    "Case 5 - Beam");

    tabImgSousTitre = new Array("Boundary Conditions: fixed at its
    base<br>Dimensions: 10/10/10<br>Forces: compression<br>",
    "Boundary Conditions: fixed by one of its
    extremities<br>Dimensions: 1/1/10<br>Forces: flexion at the top<br>",
    "Boundary Conditions: fixed by its sides<br>Dimensions:
    1/10/10<br>Forces: at the center<br>",
    "Boundary Conditions: fixed by its base<br>Dimensions:
    4/8/12<br>Forces: shearing and traction<br>",
    "Boundary Conditions: fixed by its two
    extremities<br>Dimensions: 1/1/10<br>Forces: flexion at the
    middle<br>");

    function Navigateur(){
    if (navigator.appName.indexOf("Netscape") > -1) {return "Netscape";}
    if (navigator.appName.indexOf("Explorer") > -1) {return "Explorer";}
    return "Unknown";
    }

    function Initialise () {
    if(Navigateur()=="Netscape") {
    alert("Warning, some functionnalities are not implemented with Netscape.
    Choose Internet Explorer for better results.");
    }
    cpt=0;
    NextImage ();
    }
    function IncrCpt() {
    cpt++;
    if (cpt >= tabImg.length) { cpt=0; }
    }

    function DcrCpt() {
    cpt--;
    if(cpt<0) {cpt=tabImg.length-1; }
    }

    function ChangeImage () {
    if(Navigateur()=="Explorer") {
    Ecrire('HypImg','<a href="' + tabImgn[cpt] + '" name=HypImg><IMG SRC='+
    tabImg[cpt] + ' border="0"></a>');
    Ecrire('download_img','<a href=' + tabImgv[cpt] + '
    name=download_img><img src=rec/i.lien.gif border=0></a>');
    Ecrire('titre_img','<a name=titre_img>'+tabImgTitre[cpt]+'<a>');
    Ecrire('soustitre_img','<a
    name=soustitre_img>'+tabImgSousTitre[cpt]+'<a>');
    }else if(Navigateur()=="Netscape") {
    document.images["img_src"].src=tabImg[cpt];
    }
    IncrCpt();
    }

    function NextImage() {
    ChangeImage();
    InitDiapo();
    }
    function AfficheNextImage() {
    ChangeImage();
    }
    function AffichePreviousImage() {
    DcrCpt();
    DcrCpt();
    ChangeImage();
    }

    function Ecrire (tag,str) {
    document.all(tag).outerHTML=str;
    }

    function InitDiapo () {
    setTimeout ("slideSlide()",1000*pause);
    }

    function slideSlide () {
    NextImage();
    }


    // -->
    </script>
    --------------------------------------------------

    Si quelqu'un s'y connait en javascript et a le temps de pallier son probleme, je cede la main...