Salut,

Je suis dans un processus de contruction de site web. Sur le côté droit du site, il y a un div dans lequel j'affiche les dernières news, un sondage, les derniers articles...

Seulement tous ces éléments prennent beauoup de place dans la page(en hauteur), et j'ai peur que si le contenu de la page (au centre) est trop petit, il y est un petit bug d'affichage.

J'ai donc essayé de coder un script qui va me permettre de trouver la hauteur du div (en js), puis de l'envoyer (en ajax, ou en dernier recours par url) à PHP.

Je vous montre ce que j'ai pour l'instant :

Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
<script>
 
var hauteur = document.getelementById("droite").clientheight;
var page = "xmlhttprequest"; //Le nom de la page sans le .php
var xhr = null; // on créé notre objet XHR, selon les navigateur pour qu'il marche bien partout .
 
if(window.XMLHttpRequest || window.ActiveXObject) {
		if(window.ActiveXObject) {
				try {
						xhr = new ActiveXObject("Msxml2.XMLHTTP");
				} catch(e) {
						xhr = new ActiveXObject("Microsoft.XMLHTTP");
				}
		} else {
				xhr = new XMLHttpRequest();
				xhr.onreadystatechange = function() {
					if (xhr.readyState == (1 || 2 || 3 )) {
						// Chargement en attente 
                                                // Je suis supposer mettre quoi lah?
					} 
					if(xhr.readyState == 4 && (xhr.status == 200 || xhr.status == 0)) {
						 alert('Chargement Terminé!'); // Chargement terminé
					}
 
				}
				xhr.open("POST","" + page + '.php', true); 
 
				xhr.setRequestHeader("Content-Type", "application/x-www-form-urlencoded");
				xhr.send(hauteur); // et on envoie les données à ta page PHP ;)
		}
} else {
		alert("Votre navigateur ne supporte pas l'objet XMLHTTPRequest...");
		return null;
}
</script>
 
<?php
 
$hauteur = $_POST['hauteur'];
 
$hauteur_element = 100; // Je donne une mesure comme ça, je vais tester par la suite
 
$nombre_elements = $hauteur / $hauteur_element; 
 
$nombre_elements--; // Je m'assure que les éléments ne dépasseront pas le contenu
 
?>
PHP ne semble pas recevoir la varible

Une idée?

Ça ne me dérange pas de tous recommencer le script...

Merci!