Discussion :

[doncho23]

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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>

[SpaceFrog]

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

[Bovino]

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

[doncho23]

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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 ...

[Bovino]

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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

900 quoi ?
900 patates

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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

[doncho23]

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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

900 quoi ?
900 patates

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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

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