Obtenir la hauteur d'un element qui est en min-height

band22 · 04/08/2011, 16h18

Bonjour

Voila, je voudrais savoir comment obtenir la hauteur d'un element qui est en min-height, car je n'y arrive pas, je voudrait recupéré la hauteur non pas du min-height, mais de la hauteur de la div.

J'ai essayer des tonnes de truc comme:

Code :

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

1
2
var hauteur = $('#rfrf').height();
alert(hauteur); //affiche 0 :'( or ma div est en min-height 500px

...regarder toute les pages google à propos de min-height mais rien et rien ne marche:'(

Pourriez vous m'aider?

Merci d'avance

Cordialement

Bovino · 04/08/2011, 16h32

Désolé de te le dire, mais

Code :

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

$('#rfrf').height();

fonctionne très bien même avec min-height. Ton erreur doit venir d'ailleurs...

band22 · 04/08/2011, 16h38

Voici mon code complet:

Code :

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

1
2
3
4
5
6
<div style="min-height:500px;" id="'.$reqs['id'].'rfrf">
<!--contenu de ma div-->
</div>
 
<script type='text/javascript'>var hauteur = $('#' + ".$reqs['id']." + 'rfrf').height();
alert(hauteur);</script>

L'id à une variable php car ce code est dans un boucle php et s'execute pour plusieurs element.

Par contre je n'est pas d'erreur signalé avec la console javascript de chrome, donc c'est bizarre.

PS: je n'est pas oublier la balise "code" cette fois

Bovino · 04/08/2011, 16h45

Citation:

Envoyé par band22

PS: je n'est pas oublier la balise "code" cette fois

Non, cette fois-ci, ru as oublié de respecter ce qui est demandé : Important : Les règles incontournables d'utilisation de ce forum à savoir poster le code HTML généré et non le PHP

Ce code

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
<!DOCTYPE html>
<html lang="fr">
<head>
	<meta charset="UTF-8"/>
	<title>min-height</title>
	<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js"></script>
</head>
<body>
	<div style="min-height:500px;" id="rfrf">
		<!--contenu de ma div-->
	</div>
	<script>
		var hauteur = $('#rfrf').height();
		alert(hauteur);
	</script>
</body>
</html>

fonctionne très bien... donc je persiste à penser que l'erreur vient d'ailleurs

Tu as bien précisé un DTD ?

SpaceFrog · 04/08/2011, 16h53

offsetHeight ?

band22 · 04/08/2011, 17h03

Bovino, désolé, je suis nouveau, je débarque du site du zero, les regles sont un peut differante

Sinon, effectivement ton code marche, mais dans son "emplacement", il me retourne à chaque fois 0.

Et il y bien le il y a bien DTD, donc je ne comprend vraiment pas :'(

SpaceFrog, offsetHeight me renvoi 'undefined' en faisant:

Code :

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

$('#rfrf').attr('offsetHeight ');

SpaceFrog · 04/08/2011, 17h05

Avec Jquery c'est différent !

Code :

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

$('#rfrf').offset('height ');

band22 · 04/08/2011, 17h06

En faisant:

Code :

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

$('#rfrf').offset('height ');

... ca ne déclenche pas le "alert()" :'(

Bovino · 04/08/2011, 17h08

Citation:

Bovino, désolé, je suis nouveau, je débarque du site du zero, les regles sont un peut differante

Pas de souci

L'intérêt du code HTML par rapport au PHP, c'est qu'il permet de relever des erreurs de syntaxe pas toujours visibles dans le code PHP, par exemple si $reqs['id'] contient un caractère "...
En tout cas, avec les infos que l'on a, ce n'est pas possible de t'aider plus...

band22 · 04/08/2011, 17h12

Dans ce cas, qu'est ce que je doit fait pour que vous puissiez m'aider plus?

Bovino · 04/08/2011, 17h15

Citation:

Sinon, effectivement ton code marche, mais dans son "emplacement", il me retourne à chaque fois 0.

Nous montrer le code associé à son emplacement

SpaceFrog · 04/08/2011, 18h23

arf desole offset ne retourne que le top et left et en plus en objet ...

Code :

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

$('#rfrf')[0].offsetHeight;

04/08/2011, 16h32	#2
Bovino Responsable Développement Web Didier Mouronval Développeur Web Inscription : juin 2008 Messages : 13 807 Détails du profil Informations personnelles : Nom : Didier Mouronval Âge : 41 Localisation : France, Gironde (Aquitaine) Informations professionnelles : Activité : Développeur Web Secteur : High Tech - Éditeur de logiciels Informations forums : Inscription : juin 2008 Messages : 13 807 Points : 35 797 Points : 35 797	Désolé de te le dire, mais Code : Sélectionner tout - Visualiser dans une fenêtre à part $('#rfrf').height(); fonctionne très bien même avec min-height. Ton erreur doit venir d'ailleurs... __________________ Pas de question technique par MP ! Tout le monde peut participer à developpez.com, vous avez une idée, contactez-moi ! Vous possédez un blog et aimeriez diffuser vos billets sur le forum, contactez-moi ! Mes formations video2brain : La formation complète sur JavaScript • JavaScript et le DOM par la pratique • PHP 5 et MySQL : les fondamentaux Mon livre sur jQuery
	00

04/08/2011, 16h53	#5
SpaceFrog Rédacteur/Modérateur Développeur Web Php Mysql Html Javascript CSS Apache - Intégrateur - Analyste Programmeur Inscription : mars 2002 Messages : 30 021 Détails du profil Informations personnelles : Sexe : Localisation : Royaume-Uni Informations professionnelles : Activité : Développeur Web Php Mysql Html Javascript CSS Apache - Intégrateur - Analyste Programmeur Secteur : Industrie Informations forums : Inscription : mars 2002 Messages : 30 021 Points : 45 117 Points : 45 117	offsetHeight ? __________________ Ma page Developpez Président du CCMPTP (Comité Contre le Mot "Problème" dans les Titres de Posts) Deux règles du succès: 1) Ne communiquez jamais à quelqu'un tout votre savoir... Votre post est résolu ? Alors n'oubliez pas le Tag réalisations :www.planet-languages.com\|www.saftair.com\| www.ouestisol.fr \| www.sebemex.fr \| www.extramiante.fr \| www.sistac-alizay.fr \| www.acoustishop.fr \| www.litt.fr \| www.ouestventil.fr
	00

04/08/2011, 17h03	#6
band22 Invité de passage Inscription : août 2011 Messages : 29 Détails du profil Informations forums : Inscription : août 2011 Messages : 29 Points : 3 Points : 3	Bovino, désolé, je suis nouveau, je débarque du site du zero, les regles sont un peut differante Sinon, effectivement ton code marche, mais dans son "emplacement", il me retourne à chaque fois 0. Et il y bien le il y a bien DTD, donc je ne comprend vraiment pas :'( SpaceFrog, offsetHeight me renvoi 'undefined' en faisant: Code : Sélectionner tout - Visualiser dans une fenêtre à part $('#rfrf').attr('offsetHeight ');
	00

04/08/2011, 17h05	#7
SpaceFrog Rédacteur/Modérateur Développeur Web Php Mysql Html Javascript CSS Apache - Intégrateur - Analyste Programmeur Inscription : mars 2002 Messages : 30 021 Détails du profil Informations personnelles : Sexe : Localisation : Royaume-Uni Informations professionnelles : Activité : Développeur Web Php Mysql Html Javascript CSS Apache - Intégrateur - Analyste Programmeur Secteur : Industrie Informations forums : Inscription : mars 2002 Messages : 30 021 Points : 45 117 Points : 45 117	Avec Jquery c'est différent ! Code : Sélectionner tout - Visualiser dans une fenêtre à part $('#rfrf').offset('height '); __________________ Ma page Developpez Président du CCMPTP (Comité Contre le Mot "Problème" dans les Titres de Posts) Deux règles du succès: 1) Ne communiquez jamais à quelqu'un tout votre savoir... Votre post est résolu ? Alors n'oubliez pas le Tag réalisations :www.planet-languages.com\|www.saftair.com\| www.ouestisol.fr \| www.sebemex.fr \| www.extramiante.fr \| www.sistac-alizay.fr \| www.acoustishop.fr \| www.litt.fr \| www.ouestventil.fr
	00

04/08/2011, 17h06	#8
band22 Invité de passage Inscription : août 2011 Messages : 29 Détails du profil Informations forums : Inscription : août 2011 Messages : 29 Points : 3 Points : 3	En faisant: Code : Sélectionner tout - Visualiser dans une fenêtre à part $('#rfrf').offset('height '); ... ca ne déclenche pas le "alert()" :'(
	00

04/08/2011, 17h12	#10
band22 Invité de passage Inscription : août 2011 Messages : 29 Détails du profil Informations forums : Inscription : août 2011 Messages : 29 Points : 3 Points : 3	Dans ce cas, qu'est ce que je doit fait pour que vous puissiez m'aider plus?
	00

04/08/2011, 18h23	#12
SpaceFrog Rédacteur/Modérateur Développeur Web Php Mysql Html Javascript CSS Apache - Intégrateur - Analyste Programmeur Inscription : mars 2002 Messages : 30 021 Détails du profil Informations personnelles : Sexe : Localisation : Royaume-Uni Informations professionnelles : Activité : Développeur Web Php Mysql Html Javascript CSS Apache - Intégrateur - Analyste Programmeur Secteur : Industrie Informations forums : Inscription : mars 2002 Messages : 30 021 Points : 45 117 Points : 45 117	arf desole offset ne retourne que le top et left et en plus en objet ... Code : Sélectionner tout - Visualiser dans une fenêtre à part $('#rfrf')[0].offsetHeight; __________________ Ma page Developpez Président du CCMPTP (Comité Contre le Mot "Problème" dans les Titres de Posts) Deux règles du succès: 1) Ne communiquez jamais à quelqu'un tout votre savoir... Votre post est résolu ? Alors n'oubliez pas le Tag réalisations :www.planet-languages.com\|www.saftair.com\| www.ouestisol.fr \| www.sebemex.fr \| www.extramiante.fr \| www.sistac-alizay.fr \| www.acoustishop.fr \| www.litt.fr \| www.ouestventil.fr
	00

Outils de la discussion
Afficher une version imprimable Envoyer un lien vers cette page par email