Partage
  • Partager sur Facebook
  • Partager sur Twitter

Script non compatible firefox

tony4758
    2 mars 2006 à 20:10:17

    Bonjour j'ai un script JavaScript que j'ai trouvé sur JavascriptFr.com permettant d'afficher des div déplaçables avec la souris. Le script marche très bien mais le problème est qu'il n'est pas compatible avec Firefox. Voici le code JavaScript :
    <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>


    CSS :

    <STYLE type="text/css">
    <!--
    .Fen1 {
            background-color: #FFFFFF;
            background-position: 0px 0px;
            top: 50px;
            left: 100px;
            height: 130px;
            width: 284px;
            margin: 0px;
            padding: 0px;
            border: 1px solid #999999;
            overflow: visible;
            visibility: visible;
            z-index: auto;
            position: absolute;
    }
    .FenContenu1 {
            font-family: Verdana, Arial, Helvetica, sans-serif;
            font-size: 12px;
            font-style: normal;
            line-height: normal;
            font-weight: normal;
            font-variant: normal;
            color: #006699;
            text-align: left;
            vertical-align: top;
            margin: 0px;
            padding: 5px;
            height: auto;
            width: auto;
    }
    .FenTitre1 {
            background-color: #FFFFFF;
            border: 0px none;
            margin: 0px;
            padding: 0px;
    }

    .Fen2 {
            background-color: #FFFFFF;
            background-position: 0px 0px;
            top: 200px;
            left: 500px;
            height: 150px;
            width: 284px;
            margin: 0px;
            padding: 0px;
            border: 1px solid #999999;
            overflow: visible;
            visibility: visible;
            z-index: auto;
            position: absolute;
    }
    .FenContenu2 {
            font-family: Verdana, Arial, Helvetica, sans-serif;
            font-size: 12px;
            font-style: normal;
            line-height: normal;
            font-weight: normal;
            font-variant: normal;
            color: #006699;
            text-align: left;
            vertical-align: top;
            margin: 0px;
            padding: 5px;
            height: auto;
            width: auto;
    }
    .FenTitre2 {
            background-color: #FFFFFF;
            border: 0px none;
            margin: 0px;
            padding: 0px;
    }
    -->
    </STYLE>


    HTML :

    <body bgcolor="white" text="black" link="blue" vlink="purple" alink="red">
    <p>
    ici est le texte fixe de la page<br>
    la pseudo fenetre passe par dessus tout le reste <br>
    en fait ce ki est mouvible ce sont les DIV enfin tout ce kil y a entre des <p>

    <div id="d" class="Fen1">
      <img class="FenTitre1" src="barretitre.gif" name="d">
      <p class="FenContenu1">cool.</p>
      <p class="FenContenu1">tu vois c'est pas mal ! en plus tu peux mettre autant de fenetres que tu vx grace au principe des DIV ! </p>
    </div>

    <div id="d" class="Fen2">
      <img class="FenTitre2" src="barretitre.gif" name="d">
      <p class="FenContenu2">et voila une 2eme fenetre !</p>
      <p class="FenContenu2">et si tu vire la couleur de fond de limage et de la fenetre tu px la rendre transparente ! ca peut etre bien delire aussi mais bon c pas le but non plus </p>
    </div>


    apres faut voir si c'est adaptable au site ....
    enfin bon dit moi de ce que tu pense de celui la
    il marche bcp mieux et deplus jai bcp moins pompé de code sur le net
    </p>

    </body>


    Pouvez-vous m'aider à rendre ce script compatible avec firefox s'il vous plait. Merci beaucoup.
    • Partager sur Facebook
    • Partager sur Twitter
    tony4758
      4 mars 2006 à 12:36:05

      Personne ne peut m'aider ?
      • Partager sur Facebook
      • Partager sur Twitter

      Script non compatible firefox

      × Après avoir cliqué sur "Répondre" vous serez invité à vous connecter pour que votre message soit publié.
      × Attention, ce sujet est très ancien. Le déterrer n'est pas forcément approprié. Nous te conseillons de créer un nouveau sujet pour poser ta question.
      • Editeur ●
      • Markdown