Créer un compte
Connexion

Pbdoctype et javascript sur Mozila

Pour créer et répondre aux sujets, vous devez être connecté.
Ce sujet est résolu.
Pages: 1
Auteur Message
pinprenelle
30/12/2010 à 01:57:19
pinprenelle
Membre
Bonjour,

Etant une quiche en javascript j'ai récupéré un script qui fonctionne parfaitement sur IE, (déjà là c'est surprenant  O_o ) mais pas sur Mozilla. A force de chercher, j'ai vu que le problème venait du doctype: je l'ai modifié plusieurs fois mais rien à faire... Pour avancer dans le site je l'ai supprimé (et tout marche nickel) mais ça me coince pour mon css....
Le bug c'est que mon image n'apparait pas

le site

<?php
// prevent this file from being accessed directly
if (!defined('WB_PATH')) die(header('Location: ../../index.php'));

// TEMPLATE CODE STARTS BELOW
?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
 <head>
        <meta http-equiv="Content-Type" content="text/html; charset=<?php
        echo defined('DEFAULT_CHARSET') ? DEFAULT_CHARSET : 'utf-8'; ?>" />
        <meta name="description" content="<?php page_description(); ?>" />
        <meta name="keywords" content="<?php page_keywords(); ?>" />
        <?php
        // automatically include optional WB module files (frontend.css, frontend.js)
        if (function_exists('register_frontend_modfiles')) {
                register_frontend_modfiles('css');
                register_frontend_modfiles('js');
        } ?>
        <link rel="stylesheet" type="text/css" href="<?php
        echo TEMPLATE_DIR; ?>/template.css" media="screen,projection" />
        <link rel="stylesheet" type="text/css" href="<?php
        echo TEMPLATE_DIR; ?>/print.css" media="print" />
        <title><?php page_title('', '[PAGE_TITLE]'); ?></title>
       
    <script type="text/javascript" language="javascript">/*  POUR LE DEFILEMENT  */
    var Moteur=0;
    var Sens=-1;
    var Decalage=1;
    var Reactu=100;
    var Vitesse=1;
    var Longueur=6727;
    function Defilement(){
    Moteur += Sens*Decalage ;
    SectImage1.style.background = "black url(/media/site/panorama-2.jpg)  repeat scroll 0"+Moteur+"px +0px";
    AffCompteur.value="Moteur= "+Moteur;
    if(Moteur>Longueur){Moteur=0;}
    if(Moteur<0){Moteur=Longueur;}
    Minuteur = setTimeout('Defilement()',Reactu);
    }
    </script>
    <script type="text/javascript" language="javascript">/*  POUR LE DEFILEMENT  */
    function DefilementAffiche(){document.getElementById('SectImage1').style.visibility='visible';}
    function DefilementCache(){document.getElementById('SectImage1').style.visibility='hidden';}
    function Stop(){clearTimeout(Minuteur);}
    </script>
    <script type="text/javascript" language="javascript">/*  POUR LE DEFILEMENT  */
    function ChangeSens() {Sens*=-1;}
    function DecalageAugmente() {Decalage+=1;}
    function DecalageDiminue() {if(Decalage>1)Decalage-=1;}
    </script>  
  </head>

  <body OnLoad="Defilement();" bgcolor="#000000"  leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">
    <input type="hidden"  id="AffCompteur" size=14>
    <center>
      <div id="SectImage1" style="background-image:url(/media/panorama-2.jpg);height:600px; width:960px;" >
          <div class="main">
                <div class="banner">
                        <a href="<?php echo WB_URL; ?>/" target="_top"><?php page_title('', '[WEBSITE_TITLE]'); ?></a>
                        <span>| <?php page_title('', '[MENU_TITLE]'); ?></span>
                </div>
                              <!-- MENU -->
              <div id="avmenu">
                                   <?php show_menu(1,0,-1,true,'<li>[a][menu_title][/a]</li>','','<ul>','</ul>','','class="current"'); ?>
              </div>           
                                <!-- CONTENU -->
                    <div class="content">
                            <?php page_content(); ?>
                    </div>
                    <!-- FOOTER -->
                    <!--<div class="footer">
                            <?php page_footer(); ?>
                     </div>-->
          </div>
      </div>
    </center>
    <?php
    // automatically include optional WB module file frontend_body.js)
    if (function_exists('register_frontend_modfiles_body')) { register_frontend_modfiles_body(); }
    ?>
  </body>
</html>

Merci d'avance :)

ybouane
30/12/2010 à 03:03:00
ybouane
Admin
Bonjour,
Utilise ce code:
<?php
// prevent this file from being accessed directly
if (!defined('WB_PATH')) die(header('Location: ../../index.php'));

// TEMPLATE CODE STARTS BELOW
?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
 <head>
        <meta http-equiv="Content-Type" content="text/html; charset=<?php
        echo defined('DEFAULT_CHARSET') ? DEFAULT_CHARSET : 'utf-8'; ?>" />
        <meta name="description" content="<?php page_description(); ?>" />
        <meta name="keywords" content="<?php page_keywords(); ?>" />
        <?php
        // automatically include optional WB module files (frontend.css, frontend.js)
        if (function_exists('register_frontend_modfiles')) {
                register_frontend_modfiles('css');
                register_frontend_modfiles('js');
        } ?>
        <link rel="stylesheet" type="text/css" href="<?php
        echo TEMPLATE_DIR; ?>/template.css" media="screen,projection" />
        <link rel="stylesheet" type="text/css" href="<?php
        echo TEMPLATE_DIR; ?>/print.css" media="print" />
        <title><?php page_title('', '[PAGE_TITLE]'); ?></title>
       
    <script type="text/javascript" language="javascript">/*  POUR LE DEFILEMENT  */
    var Moteur=0;
    var Sens=-1;
    var Decalage=1;
    var Reactu=100;
    var Vitesse=1;
    var Longueur=6727;
    function Defilement(){
    Moteur += Sens*Decalage ;
    document.getElementById('SectImage1').style.background = "black url(/media/site/panorama-2.jpg)  repeat scroll 0"+Moteur+"px +0px";
    document.getElementById('AffCompteur').value="Moteur= "+Moteur;
    if(Moteur>Longueur){Moteur=0;}
    if(Moteur<0){Moteur=Longueur;}
    Minuteur = setTimeout('Defilement()',Reactu);
    }
    </script>
    <script type="text/javascript" language="javascript">/*  POUR LE DEFILEMENT  */
    function DefilementAffiche(){document.getElementById('SectImage1').style.visibility='visible';}
    function DefilementCache(){document.getElementById('SectImage1').style.visibility='hidden';}
    function Stop(){clearTimeout(Minuteur);}
    </script>
    <script type="text/javascript" language="javascript">/*  POUR LE DEFILEMENT  */
    function ChangeSens() {Sens*=-1;}
    function DecalageAugmente() {Decalage+=1;}
    function DecalageDiminue() {if(Decalage>1)Decalage-=1;}
    </script>  
  </head>

  <body OnLoad="Defilement();" bgcolor="#000000"  leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">
    <input type="hidden"  id="AffCompteur" size=14>
    <center>
      <div id="SectImage1" style="background-image:url(/media/panorama-2.jpg);height:600px; width:960px;" >
          <div class="main">
                <div class="banner">
                        <a href="<?php echo WB_URL; ?>/" target="_top"><?php page_title('', '[WEBSITE_TITLE]'); ?></a>
                        <span>| <?php page_title('', '[MENU_TITLE]'); ?></span>
                </div>
                              <!-- MENU -->
              <div id="avmenu">
                                   <?php show_menu(1,0,-1,true,'<li>[a][menu_title][/a]</li>','','<ul>','</ul>','','class="current"'); ?>
              </div>          
                                <!-- CONTENU -->
                    <div class="content">
                            <?php page_content(); ?>
                    </div>
                    <!-- FOOTER -->
                    <!--<div class="footer">
                            <?php page_footer(); ?>
                     </div>-->
          </div>
      </div>
    </center>
    <?php
    // automatically include optional WB module file frontend_body.js)
    if (function_exists('register_frontend_modfiles_body')) { register_frontend_modfiles_body(); }
    ?>
  </body>
</html>
Il manquait deux document.getElementById()

Cordialement :)

Image
pinprenelle
30/12/2010 à 14:17:05
pinprenelle
Membre
Non mais c'est quoi ce forum?! Pas de réponses inutiles ni débiles, une seule réponse, rapide et bonne en plus !!!
Je sens que je vais souvent squatté ici :0

Un grand merci pour ta gentillesse et ta compétence  ;)

Pages: 1