Doctype et javascript

timon -
Dalida Messages postés 7114 Statut Contributeur - 12 mars 2009 à 19:28

Bonjour à tous, aprés plusieurs recherches sur le net je ne trouve pas la solution a mon problème (bien qu'il soit apparemment trés courant !)
Je fais exécuter sur ma page un petit script javascript pour changer l'image au passage de a souris :

<script language="javascript" type="text/javascript">
    <!--/*--><![CDATAfunction onHome() { homeButton.src="img/design/home.on.png" }
    function offHome() { homeButton.src="img/design/home.not.png" }
    function onGalerie() { galerieButton.src="img/design/galerie.on.png" }
    function offGalerie() { galerieButton.src="img/design/galerie.not.png" }
    function onTarifs() { tarifsButton.src="img/design/tarifs.on.png" }
    function offTarifs() { tarifsButton.src="img/design/tarifs.not.png" }  
    function onContact() { contactButton.src="img/design/contact.on.png" }
    function offContact() { contactButton.src="img/design/contact.not.png" }
    //--><!]>
  </script>

mais quand je rajoute le doctype du xhtml strict, le script ne marche plus ... j'ai donc du faire une erreur de syntaxe .... :

<!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" lang="fr">

Sinon voici le code entier de ma page :

<!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" lang="fr">
 
 
 
<html>
 
 <head>
  <link rel="stylesheet" href="styles/design.css" type="text/css" media="screen" />
  <script language="javascript" type="text/javascript">
    <!--/*--><![CDATAfunction onHome() { homeButton.src="img/design/home.on.png" }
    function offHome() { homeButton.src="img/design/home.not.png" }
    function onGalerie() { galerieButton.src="img/design/galerie.on.png" }
    function offGalerie() { galerieButton.src="img/design/galerie.not.png" }
    function onTarifs() { tarifsButton.src="img/design/tarifs.on.png" }
    function offTarifs() { tarifsButton.src="img/design/tarifs.not.png" }  
    function onContact() { contactButton.src="img/design/contact.on.png" }
    function offContact() { contactButton.src="img/design/contact.not.png" }
    //--><!]>
  </script>
 </head>
 
 <body>
  <div id="logo">
   <img src="img/design/logo.png"></img>
  </div>
   
  <div class="menu">
       
   <a href="index.php" onmouseOver="onHome();" onmouseOut="offHome();">  
    <img src="img/design/home.not.png" name="homeButton" alt="Home" border="0"></a>    
   <a href="#" onmouseOver="onGalerie();" onmouseOut="offGalerie();">    
    <img src="img/design/galerie.not.png" name="galerieButton" alt="Galerie"  border="0"></a>
   <a href="#" onmouseOver="onTarifs();" onmouseOut="offTarifs();">    
    <img src="img/design/tarifs.not.png" name="tarifsButton" alt="Tarifs"  border="0"></a>
   <a href="#" onmouseOver="onContact();" onmouseOut="offContact();">    
    <img src="img/design/contact.not.png" name="contactButton" alt="Contact"  border="0"></a>
   
 
   
  </div>
   
  <div id="content">
   <p>Bienvenue sur Pandanet:</p>
   
   <p>Conception de sites Web:
   <br></br>Nous vous proposons la création de votre site internet, en fonction de vos activités et besoins.
   <br></br>Un design graphique personnalisé
   <br></br>Référencement dans les meilleurs moteurs de recherche
   <br></br>Hébergement, comptes de courriel et statistiques
   <br></br>Service après-vente </p>
   
   <p>Avantages :
   <br></br>Votre site personnalisé vous permet d'augmenter votre visibilité face à vos concurrents.
   <br></br>Un moyen promotionnel performant !  Votre site devient un prolongement de vos activités.
   </p>
   
   
   
 
 
 
 
 
 
 
 
   
  </div>
   
  <div id="footer">
   __  
   <br></br>  
   © 2008 Pandanet tous droits réservés
  </div>
 
 
 
 </body>
 
</html>

Merci beaucoup !

Afficher la suite

A voir également:

Doctype et javascript
Telecharger javascript - Télécharger - Langages
A javascript error occurred in the main process - Forum Handicap / Accessibilté
Afficher un tableau javascript en html ✓ - Forum Javascript
Javascript arrondi - Forum Javascript
Javascript arrondi après la virgule ✓ - Forum Windows

1 réponse

Réponse 1 / 1

Dalida Messages postés 7114 Statut Contributeur 923

salut,

le plus simple est d'externaliser le JS dans un autre fichier et de l'inclure avec :

<script type="text/javascript" src="tonfichier.js"></script>

Discussions similaires

java script error in the main process

Javascript Arrondi à 2 chiffres après la virgule

javascript:void(0);

Faire un echo dans un script JS

a javascript error occurred in the main process

Votre réponse

Discussions similaires