Forum |  HardWare.fr | News | Articles | PC | S'identifier | S'inscrire | Shop Recherche
1522 connectés 

  FORUM HardWare.fr
  Programmation
  HTML/CSS

  Création d'un bouton JavaScript

 


 Mot :   Pseudo :  
 
Bas de page
Auteur Sujet :

Création d'un bouton JavaScript

n°2218736
pierrotrol​olo
Posté le 05-02-2014 à 17:40:06  profilanswer
 

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 :)

mood
Publicité
Posté le 05-02-2014 à 17:40:06  profilanswer
 

n°2218740
torwood3
Posté le 05-02-2014 à 18:13:18  profilanswer
 

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>
  20.             </body>
  21. </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

Aller à :
Ajouter une réponse
  FORUM HardWare.fr
  Programmation
  HTML/CSS

  Création d'un bouton JavaScript

 

Sujets relatifs
problème Javascript sous safarijavascript : window.onerror lire le code jetant une erreur
Tout les x secondes/exécuter javascript et mise a jour valuefaire lien vers un html en javascript, en clickant sur une forme
question fermeture fenêtre (javascript-html)bouton de recherche vb6
[Javascript]Détecter la mise en favoris/marque-pageProblème création liste par VBA
Probème de concat javascript pour former une orlAvis pour création de site internet "complexe"
Plus de sujets relatifs à : Création d'un bouton JavaScript


Copyright © 1997-2022 Hardware.fr SARL (Signaler un contenu illicite / Données personnelles) / Groupe LDLC / Shop HFR