Style Swticher creer 2 présentation differente CSS sur une page HTML

Style Swticher creer 2 présentation differente CSS sur une page HTML - HTML/CSS - Programmation

Marsh Posté le 25-08-2003 à 21:11:15    

Voilà ce que j'aimerai faire :
 
Hello, je voudrais cree sur un site un choix utilisateur entre 2 presentations différentes via un style wticher JAVA SCRIPT UNIQUEMENT ;
 
on m'a donné ce site mais je ne m'en sors pas !http://www.alistapart.com/stories/alternate/
 
HELP !
 
 
Bon ben j'en suis là dans mon code :  
 
j ai enregistre sa feuille de style dans le meme doccument que la page web :
 
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
 
<link rel="stylesheet" type="text/css" href="paul.css" />
 
<title>Document sans titre</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
</head>
 
<link rel="stylesheet" type="text/css" href="paul.css" title="bog standard" />
 
 
<body>
<p><a href="#" onclick="setActiveStyleSheet('default'); return false;">change  
  style to default</a> </p>
<p><a href="#" onclick="setActiveStyleSheet('paul'); return false;">change style  
  to paul</a> </p>
<p>&nbsp;</p>
 
 
 
 
Probleme, rien ne se passe ?
Il faut que je cree une feuille de style PAUL et STANDARD ?
 
help !

Reply

Marsh Posté le 25-08-2003 à 21:11:15   

Reply

Marsh Posté le 25-08-2003 à 21:16:18    

Trois choses :
 
1) Ou est la fonction : setActiveStyleSheet - Ou est ton JS donc ?
 
2) Pourquoi 2 <link rel="stylesheet" type="text/css" href="paul.css" />  
 
3) Es-tu conscient qu'un niveau minimum en HTML, CSS et JS est exigé avant de pouvoir faire n'importe quoi, et que recopier bêtement des lignes sans les comprendre ne mène pas à grand chose ?

Reply

Marsh Posté le 25-08-2003 à 21:23:53    

:sweat: J'essaye justement de comprendre :
 
 
 
- mon JS est dans le repertoire parent du site et porte le nom de :  styleswitcher.js
- la fonction :
 
function setActiveStyleSheet(title) {
   var i, a, main;
   for(i=0; (a = document.getElementsByTagName("link" )[i]); i++) {
     if(a.getAttribute("rel" ).indexOf("style" ) != -1
        && a.getAttribute("title" )) {
       a.disabled = true;
       if(a.getAttribute("title" ) == title) a.disabled = false;
     }
   }
 
 
 
Comment l'integrer dans mon code HTML ? et dans quelle balise ?
 
Merci de m'aider..  :sweat:


Message édité par Dolby le 25-08-2003 à 21:25:34
Reply

Sujets relatifs:

Leave a Replay

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