11550 sujets

JavaScript, DOM et API Web HTML5

Appeler une autre feuille de style dans une fonction JS

Bonjour,

je n'y connais rien en développement de javascript et dois utiliser une fonction d'images aléatoires, et ça fonctionne ! Mais... Il me manquait une classe qui permet de faire un border qui change de couleur au passage de la souris (car zone clicable). Je l'ai rajouté (class="lienimage"), ça marche, je suis bien contente, enfin ça marche... sur FF, ma feuille de style par défaut et sur IE7 mais pas IE6 : comment faire pour rajouter une classe en appelant mon autre feuille de style ?

Voici le code dans ma feuille .js :

function go(a)
{
  if (a=="1"){window.location="fr/temoignage-allard-delanoe.htm"}
  if (a=="2"){window.location="fr/temoignage-berge.htm"}
  if (a=="3"){window.location="fr/temoignage-bigay.htm"}
  if (a=="4"){window.location="fr/temoignage-boucaud.htm"}
  if (a=="5"){window.location="fr/temoignage-foulquie.htm"}
  if (a=="6"){window.location="fr/temoignage-guyot.htm"}
  if (a=="7"){window.location="fr/temoignage-hubinet.htm"}
  if (a=="8"){window.location="fr/temoignage-koutchouk.htm"}
  if (a=="9"){window.location="fr/temoignage-maurice.htm"}
  if (a=="10"){window.location="fr/temoignage-nataf.htm"}
  if (a=="11"){window.location="fr/temoignage-patin.htm"}
  if (a=="12"){window.location="fr/temoignage-richard.htm"}
  if (a=="13"){window.location="fr/temoignage-rodon.htm"}
  if (a=="14"){window.location="fr/temoignage-segonzac.htm"}
}

function pub()
{
  a = Math.round((Math.random()*13)+1);
  document.write('<a href="javascript:go(a)" class="lienimage" >');
  document.write('<img src="images/itw_fr/image'+ a+ '.jpg" width="283" height="248" border="0" />');
  document.write('</a>').className="lienimage";
}
Bonjour, je n'ai pas lu ta demande, mais déja quelque chose me saute au yeux :

Tu dois pouvoir factoriser ton code sachant qu'entre tes 14 lignes tu as une seule partie qui change.
Merci hakkou mais en fait j'ai déjà 2 feuilles CSS et c'est la ma question : faire appel à elle depuis la fonction JS. Smiley biggrin

Shinuza, vi j'imagine en toute logique... mais je ne touche à rien en JS : je ne sais pas faire. En fait je ne développe pas en JS, j'attrape juste ce dont j'ai besoin et je suis très vite limitée, une vraie bleue ! Smiley lol
tu peux faire ca pour IE6 je croi
		
	<link rel="stylesheet" type="text/css" href="FF.css" />
<!--[if IE 6]>			
	<link rel="stylesheet" type="text/css" href="ie.css" />
<! [ endif ] -->(sans les espaces)

Modifié par hakkou (29 May 2007 - 09:34)
+1 pour hakkou Smiley cligne .

Utiliser les commentaires conditionnels et ne pas se fixer sur une solution Javascript qui, sans aucun doute, aboutira sur un résultat quelque peu boîteux ... Smiley cligne .
Modifié par yodaswii (28 May 2007 - 22:32)
Sujet clos
Aller à