Changer propri�t� css si javascript d�sactiv�

Bonjour � tous,

Apr�s plusieurs heure de recherche je s�che.

Je suis sur une page web ou j'ai pas mal de div imbriqu� les unes sur les autres auquel j'ai attribu� une "position:absolute;" en css et que je fais appara�tre / dispara�tre en javascript, jusque l� tout va bien.

Mon souci c'est que pour �tre accessible � un maximum de gentils surfeurs je souhaiterais passer mes div en postion:relative; dans le cas ou javascript est d�sactiv�.

En tout bon noob je d�couvre lors de recherche sur google la balise noscript, ce qui m'a donn� :

Code:

---

1 2 3 4 5 6 7 8 9

<object><noscript><style type="text/css"> div.image_acc{ position:relative; }   div.tableau{ position:relative; }</style> </noscript></object>

---

Youpi �a fonctionne !
Mais attention � la validation W3C qui me dit que neni maintenant tu � une erreur dans ton code !

Donc j'essaie d�inverser les r�les en renversent la tendance, je met les position par d�faut en relative et j'essaie de les changer en JS mais vu que ce sont des class et que getElementByClasse n'existe pas.

Bref j'ai vu plein de solution bisar ou inexistante alors j'aimerais savoir si l'un d'entre vous aurais une solution simple, propre et l�g�re.

Merci � tous.

? pourquoi le style dans une balise object 8O

sinon regarde du cot� de jquery si tu ne veux pas faire ta propre fonction getElementsByClass avec les selecteur jquery c'est un jeu d'enfant

sinon getElementByClassName est il me semble impl�ment� sur les navigateurs r�cents


sinon

Code:

---

1 2 3 4 5 6 7 8 9 10 11

document.prototype.getElementsByClass=function(classname){ var taball=document.getElementsByTagName('*'); var tabclass=new Array(); var i=-1; while(taball[++i]){ if(taball[i].className==classname){ tabclass.push(taball[i]) } } return tabclass; }

---

Le plus simple selon moi serait d'ajouter une balise style :

Code:

---

1 2 3 4

var styleJS = document.createElement('style'); styleJS.type = 'text/css'; styleJS.appendChild(document.createTextNode('.taClasse{position:absolute;}'); document.getElementsByTagName('head')[0].appendChild(styleJS);

---

ou une balise link

Code:

---

1 2 3 4 5 6

var stylelink = document.createElement('link'); styleJS.type = 'text/css'; styleJS.href="fichier.css" document.getElementsByTagName('head')[0].appendChild(styleJS);

---

Merci pour vos r�ponse.

J'avoue avoir un petit faible pour celle de bovino.

Donc si j'ai bien compris je place ton code dans ma fonction window.onload par exemple, celle-ci au chargement de la page va directement me cr�e une balise :

Code:

---

<style type="text/css"></style>

---

que je peut incr�ment� avec la ligne :

Code:

---

styleJS.appendChild(document.createTextNode('.taClasse{position:absolute;}');

---

J'ai bon ?
J'aime bien tout comprendre plut�t que de recopi� b�tement ;-)

Merci Frog pour ta derni�re solution qui ne me servira peut �tre pas dans ce cas mais c'est bon � savoir.