Discussion :

[lerorodu51]

Bonjour, j'ai effectué différentes recherches sans vraiment trouver une solution adéquate. Voilà le code HTML :

Code :

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

1
2
3
<img id="kikoo" class="imgDiapo" src="Image.ashx?IMG=85529c44-e9eb-40cc-b21f-246fa9a8bdf3" alt="coucou" style="visibility: hidden; ">
<img id="kikoo" class="imgDiapo" src="Image.ashx?IMG=85559c44-e9eb-40cc-b21f-246fa9a8bdf3" alt="coucou" style="visibility: hidden; ">
<img id="kikoo" class="imgDiapo" src="Image.ashx?IMG=85679c44-e9eb-40cc-b21f-246fa9a8bdf3" alt="coucou" style="visibility: hidden; ">

J'ai trois images différentes avec le même id et il faut que je récupère la hauteur d'origine de la première image coté javascript

Je sais qu'il faut utiliser firstChild pour prendre le premier élément, après je n'arrive pas à extraire la hauteur initial de cette image. (utilisation de JQuery possible)

[SpaceFrog]

un id doit etre unique sur la page ...

Code :

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

1
2
3
<img id="kikoo" 
<img id="kikoo" 
<img id="kikoo"

Code :

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

1
2
3
<img id="kikoo" 
<img id="kikoo1" 
<img id="kikoo2"

après plus de souci tu recupères par l'id

[lerorodu51]

Oui mais dans mon cas, c'est soit je ne met pas d'id soit j'en met un identique. Les images sont fournies par un repeater asp...et je ne vois pas comment mettre un id différent ^^

[SpaceFrog]

soit j'en met un identique.

NON UN ID DOIT ETRE UNIQUE !!!!!!!!!!!!!!!!!!!!!!!

tu peux rajouter un className ?

sinon tu peux passer par la collection getElementsByTagName('img') ...

[lerorodu51]

Oui je peux rajouter n'importe quels attributs mais il ne sera pas unique à une image.

[SpaceFrog]

pas moyen de coller un incrément ???
tu dois créer le code dans une boucle non ??

Mais autant passer par getElementsByTagName
tu es dans un conteneur ??
une balise parent ayant un id ?

[lerorodu51]

Oui je suis dans un conteneur avec un div comportant un id unique mais je veux récupérer que la hauteur de la première image

[SpaceFrog]

donc tout simplement:

Code :

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

document.getELementById('idconteneur').getElementsByTagName('img')[0]

[lerorodu51]

Oui avec firstChild j' y étais arrivé (mais ma méthode était pas très catholique) et le problème, c'est qu'il me retourne 0 comme clientHeight (j'ai essayé innerHeight aussi). Dans l'image je n'ai pas mis de height pour que l'image soit "naturellement" taillée. Du coup de ne pas mettre de hauteur définie, est-ce que cela va me poser un problème pour récupérer cette fameuse hauteur "naturelle" ?

[headmax]

As tu essayé de mettre ta première image en :

Code :

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

visibility:display

choppé la taille avec un clientHeight et ensuite remettre ton image en?

Code :

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

1
2
 
visibility:hidden

C'est mieux de displayer ton img pour chopper une taille pour le

Code :

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

1
2
 
clientHeight

sinon sa te retournera un zero

[SpaceFrog]

offsetHeight ou getComputedStyle.height

[Bovino]

Une balise <img /> possède des propriétés height et naturalHeight faites pour ça :

Code :

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

1
2
IMGElement.height;
IMGElement.naturalHeight;

mais je suis pas sûr que le second soit complètement cross-browser...