begin process at 2012 05 29 12:27:52
  Trouver un code source :
 
dans
 
Accueil > Forum > 

Javascript / DHTML / Ajax

 > 

CSS

 > 

Général

 > 

Javascript, CSS - style switcher avec les cadres


Derniers messages déposésPoser une question dans le forum ou lancer une discussion

Javascript, CSS - style switcher avec les cadres

lundi 25 juin 2007 à 19:56:35 | Javascript, CSS - style switcher avec les cadres

lataupe78

Mes hommages, ç'est mon 1er post et ç'est une question assez tarabiscotée:
Je débute et je suis en train de créer mon site perso sous IE en html,CSS et javavascript; jusque là rien d'extraordinaire, mais voilà:
j'ai trouvé un style switcher en javascript qui marche, la classe je vais pouvoir faire des CSS dignes du Zen Garden!
LE PROBLEME est qu'il ne marche pas avec les frames... impossible de l'actualiser sur l'ensemble des pages simultanément... Quelqu'un peut-il me venir en aide? Mon exemple est ici (ne tenez pas compte de la bannière du haut, elle n'a pas de CSS..)
mercredi 27 juin 2007 à 18:29:02 | Re : Javascript, CSS - style switcher avec les cadres

PetoleTeam

Membre Club


B onjour...
Le problème est que dans ta fonction tu fait réfèrence à document
				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;
}
}
}


Il te faudrait faire réfèrence au document de la FRAME...

un truc du style
function setActiveStyleSheet(title) {
var Doc = parent.frames['GAUCHE'].document;
var i, main;
var a = Doc
.getElementsByTagName("link");
for( i=0; i < a.length; i++) {
if(a[i].getAttribute("rel").indexOf("style") != -1 && a
[i] .getAttribute("title")){
a
[i] .disabled = true;
if(a
[i] .getAttribute("title") == title) a [i] .disabled = false;
}
}
}


Garantie sans TEST

;0)
mercredi 27 juin 2007 à 18:30:12 | Re : Javascript, CSS - style switcher avec les cadres

PetoleTeam

Membre Club
OULA bonjour la grosse cagagne 1000 excuses...
;0)
jeudi 28 juin 2007 à 02:09:19 | Re : Javascript, CSS - style switcher avec les cadres

lataupe78

Ca fait près d'une semaine que je galère alors merci de ta réponse ;)
Mais l'hémisphère droit l' a emporté sur l'hémisphère gauche, la passion sur la logique (ou est-ce l'inverse? :s )
Bref, j'ai mis le selecteur de thêmes sur index.html (pas de frames) et là youpi ça marche sur les pages suivantes!
Du coup je vais pouvoir gribouiller un peu ça va me permettre d'oublier ces nuits tourmentées :p --> un aperçu
Enfin je persiste quand même car j'aimerais comprendre..
Malgré mes recherches et  moults tentatives (listages des frames, parent.)  je n'arrive pas à isoler la frame du styleswitcher (un id ou un Name fixe peut être?),
ni de là  à rafraîchir les autres frames... En fait je ne suis même pas sur de comprendre l'algorithme et le a.disabled ...
Quelqu'un aurait des idées ou des explications SVP ?
 
jeudi 28 juin 2007 à 02:13:01 | Re : Javascript, CSS - style switcher avec les cadres

lataupe78



(suite... )
D'autant que le thêmele initial s'affiche à chaque page puis bascule sur celui en cours... plutôt moche j'avoue!
Va falloir mettre toutes mes images en cache et encore...
jeudi 28 juin 2007 à 19:28:04 | Re : Javascript, CSS - style switcher avec les cadres

PetoleTeam

Membre Club

B
onjour...
Dommage d'en rester la...

Je viens de tester et cela marche bien à condition de modifier en conséquence le fichier js

Tout d'abord plusieurs remarques
- Les fichiers .css contiennent plusieurs erreurs, une bonne adresse de test Le service de validation CSS du W3C
- La fonction createCookie M...E il manque un ;
    document.cookie = name +"=" +value +";" +expires +"; path=/";

Revenons au code, il te faut donc le faire evoluer pour récuperer le document de la frame
Je te livre les fonctions modifiées en espérant qu'il n'y ai pas de problème d'affichage
//---------------------------------
function setActiveStyleSheet(title){
  var Doc = parent.frames['GAUCHE'].document;
  var a = Doc.getElementsByTagName("link");
  var i;
  for( i=0; i < a.length; i++) {
    if(a[i].getAttribute("rel").indexOf("style") != -1 && a[i].getAttribute("title")){
      a[i].disabled = true;
      if(a[i].getAttribute("title") == title) a[i].disabled = false;
    }
  }
}
//----------------------------
function getActiveStyleSheet(){
  var Doc = parent.frames['
GAUCHE '].document;
  var a = Doc.getElementsByTagName("link");
  var i;
  for( i=0; i < a.length; i++) {
    if(( a[i].getAttribute("rel").indexOf("style") != -1) &&
       ( a[i].getAttribute("title")) &&
       (!a[i].disabled))
       return a[i].getAttribute("title");
  }
  return null;
}
//-------------------------------
function getPreferredStyleSheet(){
  var Doc = parent.frames['
GAUCHE '].document;
  var a = Doc.getElementsByTagName("link");
  var i;
  for( i=0; i < a.length; i++) {
    if(( a[i].getAttribute("rel").indexOf("style") != -1) &&
       ( a[i].getAttribute("rel").indexOf("alt") == -1) &&
       ( a[i].getAttribute("title")))
       return a[i].getAttribute("title");
  }
  return null;
}

Pour ce qui est de l'effet MOCHE c'est un problème plutôt lié au fond de couleur
Voila c'est tout...
Bonne continuation quand même...

Attention
: Ce coucher tard Nuit comme disait Raymond DEVOS


;0)


Cette discussion est classée dans : javascript, style, cadres, css, switcher


Répondre à ce message

Sujets en rapport avec ce message

javascript et css [ par limalima ] Bonjour à tous,je débute en javascript et css, je souhaite changer la couleur d'un mot, le mot prndra des couleurs differentes pendant toute lavisuali importation du fichier js et css par javascript [ par islamsaadally ] slt tous le monde , je travaille avec des pages jsp sur netbeans et  et j'ai du code javascript  pour une calendrier qui fait appel a une page d'exten Feuille css + javascript [ par hugo7 ] Bonjour j'ai essayer ce code pour changer de feuille css lors du clic sur un bouton mais il ne marche pas pourquoi?       function clickBouton(bouton) Problème CSS Javascript sous IE6 [ par LordSnotling ] Bonsoir, J'ai un problème d'affichage sous IE6 j'ai un script javascript qui génère dynamiquement une hierarchie de div et j'ai une classe css pour Positionnement [ par Sator ] Bonjour à vous, voilà mon soucis... je cherche une solution j'ai fais un menu en mélangeant du css et du javascript( un menu simple en vertical sans s CSS vérifier le chargement du css [ par claudecnx ] Je souhaite vérifier le chargement d'un fichier contenant du CSS. Je charge le CSS de manière classique: Puis je lance une classe en javascript. Je css dynamique [ par lilj ] Bonjour, je cherche une méthode simple pour changer la classe d'un input. Exemple: au début on a un input avec un style, lorsque le focus est activé création d'un menu en javascript/HTML/CSS [ par marty91410 ] bonjour, je cherche a créer un menu dynamique pour mon site web. le mieux serait un logiciel genre DHTML MENU STUDIO que j'ai testé et que j'aime be Developpement Web CSS-Javascript [ par jeanMOULIN54 ] Bonjour à tous, étant nouveau dans le développement Javascript je cherche à mettre en place une page web avec différent document PDF à télécharger et Javascript faire un setAttribute de style avec FireFox [ par JPVIO ] Bonjour Je cherche à modifier la couleur d'un texte au survol de la souris OK dans une cellule d'un tableau cela fonction trés bien avec IE Mais pas


Nos sponsors


Sondage...

CalendriCode

Mai 2012
LMMJVSD
 123456
78910111213
14151617181920
21222324252627
28293031   

Consulter la suite du CalendriCode

A découvrir



 
Développement réalisé par Nicolas SOREL (Nix) avec l'aide de : Cyril DURAND et Emmanuel (EBArtSoft), Merci à Vincent pour ses précieux conseils.
CodeS-SourceS.com© Toute reproduction même partielle est interdite sauf accord écrit du Webmaster
CodeS-SourceS.com© est une marque déposée tous droits réservés

Google Coop CodeS-SourceS Google Coop CodeS-SourceS
Temps d'éxécution de la page : 0,499 sec (4)

Nous contacter | Annoncer sur CodeS-SourceS | Mentions légales