Partage
  • Partager sur Facebook
  • Partager sur Twitter

Compatibilité ie et firefox

je voudrai que ce code fonction sous ie et firefox !

    26 février 2006 à 17:54:51

    voila jai trouver un code javascript qui maffiche une belle info bulle mais le problem ce quelle marche que sur internet explorer et jaimerai quelle fonction aussi sous firefox, si quelqun pouvait me dire ce quil faut modiier sa serai cool
    voici le code ci-joint :
    <html>
    <head>
    <title></title>
    <SCRIPT LANGUAGE = "JAVASCRIPT">
            var TimeOut = null;

            function ShowHelp( strTitre, strIcone, strTexte){
                    TimeOut = setTimeout("ShowHelpBubble('" + strTitre + "', '" + strIcone + "', '" + strTexte + "', " + event.x + ", " + event.y + ")", 2000 );
            }
                   
            function ShowHelpBubble( strTitre, strIcone, strTexte, X, Y ){
                    var Hlp = document.all.Help;
                    var strHelp = "<table Id = 'HelpTable' cellspacing = 0 cellpadding = 0 border = 0><TR><TD width='9' height='27'><img src='Images/Bule_HG.gif' border='0' width='10' height='27' title=''></td><td width='305' height='27'><img src='Images/Bulle_HC.gif' border='0' width='306' height='27' title=''></td><td width='9' height='27'><img src='Images/Bulle_HD.gif' border='0' width='9' height='27' title=''></td></tr>";
                   
                    if( strTitre != "" ) strHelp += "<TR align='left' valign='middle'><TD WIDTH='9' style='background: url(Images/Bulle_CG.gif)'></td><td style='background: #FBFFD9; font: normal  15; font-family: Tahoma' width='304' height='30'><img src='" + strIcone + "' border='0' width='32' height='32' title=''> <B>" + strTitre + "</B></td><td WIDTH = '9' style='background: url(Images/Bulle_CD.gif)'></td></tr>";
                    strHelp += "<TR><TD WIDTH='9' style='background: url(Images/Bulle_CG.gif)'></td><td style='background: #FBFFD9; font-family: Arial; font: 12' width='304'>" + strTexte + "</td><td WIDTH = '9' style='background: url(Images/Bulle_CD.gif)'></td></tr>";
                    strHelp += "<TR><TD width='9' height='9'><img src='Images/Bulle_BG.gif' border='0' width='10' height='9' title=''></td><td width='305' height='9'><img src='Images/Bulle_BC.gif' border='0' width='306' height='9' title=''></td><td width='9' height='9'><img src='Images/Bulle_BD.gif' border='0' width='9' height='9' title=''></td></tr></table>";
                   
                    Hlp.innerHTML = strHelp;
                   
                    Hlp.style.display = "";
                    Hlp.style.left = X - 9;
                    Hlp.style.top = Y + 10;
                   
                    setOpacity(1);
            }
           
            function setOpacity(intOpac){
                    var Hlp = document.all.Help;
                   
                    intOpac = intOpac + 8;
                    Hlp.filters.alpha.opacity = intOpac;
                    if( intOpac != 0 && intOpac < 85 ){
                            setTimeout("setOpacity(" + intOpac + ")", 5);
                    }
            }
           
            function HideHelp(){
                    var Hlp = document.all.Help;
                    if( TimeOut != null ) clearTimeout(TimeOut);
                    Hlp.style.display = "none";
                   
            //      Hlp.filters.alpha.opacity = 0;
            }
    </SCRIPT>

    <style type="text/css">
    <!--
    .Style1 {font-family: Tahoma;
    font-size:10px;
    text-decoration:none;}
    -->

    </style>
    </head>
    <body>
    <DIV ID = "Help" style = "DISPLAY: none; POSITION: absolute; TOP: 0px; LEFT: 0px; FILTER: alpha(Opacity=78)"></DIV>
    <a href = "#" class="Style1" onMouseOver = "ShowHelp('Les Wampas', 'Images/main.jpg', 'Bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla')" onMouseOut = "HideHelp()">Les Wampas</a><br>
    <a href = "#" class="Style1" onMouseOut = "HideHelp()" onMouseOver = "ShowHelp('Alizee', 'Images/main.jpg', 'Bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla')">Alizee</a>
    </body>
    </html>


    tester le chez vous avec firefox et ie vous verez ce marche pas ous firefox :'((
    • Partager sur Facebook
    • Partager sur Twitter

    Compatibilité ie et 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