Doctype et javascript

Fermé

timon - 12 mars 2009 à 19:14
Dalida Messages postés 6728 Date d'inscription mardi 14 mai 2002 Statut Contributeur Dernière intervention 11 janvier 2016 - 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 !

A voir également:

Doctype et javascript
Telecharger javascript - Télécharger - Langages
Javascript est activé mais ne fonctionne pas ✓ - Forum Réseaux sociaux
Erreur #125 javascript - Forum Mozilla Firefox
Node.js javascript runtime virus ✓ - Forum Virus
A javascript error occurred in the main process - Forum Handicap / Accessibilté

1 réponse

Réponse 1 / 1

Dalida Messages postés 6728 Date d'inscription mardi 14 mai 2002 Statut Contributeur Dernière intervention 11 janvier 2016 922
12 mars 2009 à 19:28

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

Javascript Arrondi à 2 chiffres après la virgule

Bonjour,

je cherche une fonction javascript qui permettrait d'arrondir un nombre à deux chiffres après la virgule (un peu comme number_format du php), car la fonction round() ne permet d'arrondir qu'à l'unité!

Merci
Ciao

JérémyConfiguration: Windows Vista
Firefox 2.0.0.14

java script error in the main process

Bonjour

je viens d'acheter un ordi et depuis 2 jours j'ai ce message :

Pouvez vous me dire ce que je dois faire.
Sachant que je me sens pas douée dans l'informatique. En gros merci d'être précis et détaillé dans vos retours.

D'avance merci pour votre aide

javascript:void(0);

Bonjour,
merci me dire c'est quoi ce message :"javascript:void(0);"
comment faire pour l'eviter

merci

Faire un echo dans un script JS

Bonjour,

Je souhaite si c'est possible de faire un écho dans un /script>

Je m'explique j'ai récupéré un code permettant de me crée un diagramme.

Qui sont deux % qui au total fait 100%.

Actuellement ces données sont fixe dans le script mon but et de pouvoir faire un "écho" dans le script avec les valeurs calculer précédemment. Pour les calculs aucun problème !

Mais la question est comment je peux faire pour écrire ces résultats a la place des données actuelles ?

Le code :

try { // Percent Chart 2 var ctx = document.getElementById("percent-chart2"); if (ctx) { ...

afficher un tableau JS en HTML

Bonjour,

je voudrais savoir comment je peux afficher un tableau que je génère dans une boucle JS sur mon site en HTML.
J'arrive à créer le tableau dans le script, c'est un tableau simple unidimensionnel ( var tableau = [ ] ) que ma boucle for génère à l'aide de la fonction tableau.push()
J'aimerais maintenant pouvoir l'afficher en HTML afin de le rendre visible sur mon site (afficher chaque élément successivement sur ma page).
Je ne sais pas si j'ai été assez clair ^^,
merci de votre aide.