Création d'un bouton JavaScript

Création d'un bouton JavaScript - HTML/CSS - Programmation

Marsh Posté le 05-02-2014 à 17:40:06    

Bonjour,  
Je souhaite créer un bouton en JavaScript qui, lorsqu'on dessus, change le css de la page par un css "alternatif". Cependant lorsque je clique sur le bouton, rien de se passe. Je suis donc venu demander votre aider. Voici les codes :
 
Page Html:
 
<html>
    <head>
        <meta charset="utf-8" />
        <title>Test 2</title>    
        <link rel="stylesheet" type="text/css" href="test 2.css" id="mycss">
       
            <script type="test/javascript">
                fonction switchStyle(style){
                document.getElementById("mycss" ).setAttribute("href", style);
                }
            </script>
   
    </head>
   
    <body>
       
        <h1> Bonjour ! <h1>
       
        <button onclick="switchStyle('test 2 bis.css')">Clic !</button>
       
    </body>
 
</html>
 
Page CSS "par défault" :
 
h1
{
    color: blue;
    font-family: Courier New;
    text-align: center
}
 
Page alternative du CSS :
 
h1
{
    color: red;
    font-family: Courier New;
    text-align: left
}
 
Merci de votre aide :)

Reply

Marsh Posté le 05-02-2014 à 17:40:06   

Reply

Marsh Posté le 05-02-2014 à 18:13:18    

Bonjour,
 
Bienvenue parmi nous \o/
 

Code :
  1. <html>
  2.     <head>
  3.         <meta charset="utf-8" />
  4.         <title>Test 2</title>   
  5.         <link rel="stylesheet" type="text/css" href="css1.css" id="mycss" />
  6.      
  7.               <script>
  8.                 function switchStyle(style){
  9.                      document.getElementById("mycss" ).setAttribute("href", style);
  10.                 }
  11.             </script>
  12.  
  13.     </head>
  14.  
  15.     <body>
  16.      
  17.         <h1> Bonjour ! </h1>
  18.      
  19.         <button onclick="switchStyle('css2.css')">Clic !</button>
  21.             </body>
  23. </html>


 
Et attention dans tes noms de fichier ! Jamais d'espace !!


Message édité par torwood3 le 05-02-2014 à 18:33:38

---------------
"La valeur d'un homme tient dans sa capacité à donner et non dans sa capacité à recevoir." Albert Einstein / "Dans la nature, tout a toujours une raison. Si tu comprends cette raison, tu n'as plus besoin de l'expérience." Léonard De Vinci
Reply

Sujets relatifs:

Leave a Replay

Make sure you enter the(*)required information where indicate.HTML code is not allowed