changement style CSS après re-dimension du navigateur

Voilà je suis en train de rafraîchir mon site portfolio et je suis confronté à un problème qui pour être résolu doit faire appel à du Javascript.

Et je ne suis pas très calé dans ce domaine.

En fait j'aimerais qu'après re-dimension de la fenêtre par l'utilisateur une fonction check si celle-ci à une largeur inférieure à 900 pixels et si oui, changer le style d'un des éléments de la page en question dans mon CSS.

J'espère avoir été clair.

Merci par avance.

P.s. : voici un bout de code que j'ai réalisé mais qui ne fonctionne pas :(

Code:

---

1 2 3 4 5 6 7 8 9

<script language="javascript"> var taille_ecran = window.innerWidth; if(taille_ecran < 900){ document.getElementById("content_deux").style.left = 900; }else{ document.getElementById("content_deux").style.left = 35%; }   </script>

---

il suffit d'en faire une fonction que tu lances sur le onresize du body ...

Citation:

---

Envoyé par SpaceFrog

il suffit d'en faire une fonction que tu lances sur le onresize du body ...

---

+1, mais surtout à lancer quand les éléments ont été créés dans le DOM ce qui ne semble pas être le cas du code que tu nous donnes :roll:

Voilà j'ai créé une fonction. Et je place ce code dans le header à l'heure actuelle.

Si je met une "alerte" cela fonctionne (+ ou -). Mais tout changements dans le CSS ne fonctionne pas. :s

Code:

---

1 2 3 4 5 6 7 8 9 10 11 12

<script language="javascript">   function bouger(){ var taille_ecran = window.innerWidth; if(taille_ecran < 900){ document.getElementById("content_deux").style.left = 900; }else{ document.getElementById("content_deux").style.left = 35%; } } window.onresize=bouger; </script>

---

Cela doit sûrement vous paraître simpliste mais je suis une buse en JS ... :oops:

Code:

---

document.getElementById("content_deux").style.left = 900;

---

900 quoi ?
900 patates :)

Code:

---

document.getElementById("content_deux").style.left = '900px';

---

Code:

---

document.getElementById("content_deux").style.left = '35%';

---

Citation:

---

Envoyé par Bovino

Code:

---

document.getElementById("content_deux").style.left = 900;

---

900 quoi ?
900 patates :)

Code:

---

document.getElementById("content_deux").style.left = '900px';

---

Code:

---

document.getElementById("content_deux").style.left = '35%';

---

---

:aie:

Bha ça marche... Merci beaucoup pour votre aide. Bonne journée. :zoubi: :P

Dernier petit soucis par rapport à cela.

Avec firefox j'ai un problème de rafraîchissement. C'est à dire que lorsque que je redimensionne ma fenêtre et que une des conditions de ma fonction se déclenche, il y a un problème de saccade et mon élément ne prend pas directement les nouvelles propriétés qui lui sont assignées.

Y'a t-il un moyen de régler ce problème ?

Merci d'avance.