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

  FORUM HardWare.fr
  Programmation
  HTML/CSS

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

 


 Mot :   Pseudo :  
 
Bas de page
Auteur Sujet :

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

n°497630
Dolby
Posté le 25-08-2003 à 21:11:15  profilanswer
 

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 !

mood
Publicité
Posté le 25-08-2003 à 21:11:15  profilanswer
 

n°497639
Hermes le ​Messager
Breton Quiétiste
Posté le 25-08-2003 à 21:16:18  profilanswer
 

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 ?

n°497654
Dolby
Posté le 25-08-2003 à 21:23:53  profilanswer
 

: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

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

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

 

Sujets relatifs
lien vers les certificats dans un fichier htmlOuvrire un Flash a une frame specifier a l'aide d'un lien Html
[HTML] Comment faire ca ???!!!![html css] l'id des div doit etre unique? resolu
[CSS] probleme de couleurs resoluCSS et comportement etrange
[HTML/JS] Menu qui fonctionne sous NS mais pas sous IE !!![Access VB] Page Web Recuperer la valeur d'un champ?
Petit problème avec une CSS...[HTML/JS] Besoin d'aide xhtml/css : probleme avec IE
Plus de sujets relatifs à : Style Swticher creer 2 présentation differente CSS sur une page HTML


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