Débutant. Comment récupérer une hauteur pour positionner un élément

Bonjour,
J'essaye de faire un truc pas trop compliqué, mais sans succès.

J'aimerai faire en sorte qu'un élément soit placé à la même hauteur qu'un autre, qui se trouve tous les deux, dans deux colonne différente d'un tableau.

J'ai donc fait ceci

Code:

---

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

align_to('id_1','id_2'); function align_to(source,target){ // source est l'id d'un h2 ou d'un div ou de n'importe quel élément // target est l'id d'un autre élément devant se trouver à la meme auteur   alert(source+'-'+target); //Ceci m'affiche bien les deux id // Si je ne me trompe pas, ceci va voir si l'id_1 existe if($(source).length>=1){ source_height=$(source).offset().top; alert(source_height); } else {alert('erreur, id existe pas')} };

---

1) Mon problèe, c'est

Citation:

---

alert(source_height);

---

n'est pas exécuté. Soit la condition

Citation:

---

if($(source).length>=1){

---

n'est pas respectée.

2) Comment puis-je position le deuxième élément, après avoir récupéré la hauteur du premier?

Milles mercis

$, ça vient de quelle bibliothèque ? (A vue de nez, je dirais Prototype...)

Bonjour,

Citation:

---

Envoyé par pierrot10

1) Mon problèe, c'est n'est pas exécuté. Soit la condition n'est pas respectée.

---

Ou bien, une erreur survient entre temps

Citation:

---

Envoyé par Bovino

$, ça vient de quelle bibliothèque ? (A vue de nez, je dirais Prototype...)

---

Si c'est bien prototype, la méthode offset n'existe pas ; au choix cumulativeOffset, viewportOffset ou positionedOffset. Tu choisiras le bon en fonction du style absolute ou relative de target et source

Oui, en fait, ce serait plutôt jQuery... :oops:
Ceci dit, dans un cas comme dans l'autre, $() n'a pas à priori de propriété length ;)

Ben en fait je me suis inspiré d'un autre code qui utilise jQuery.
Si je dois utiliser une librairire c'est celle-là que je souhaite utiliser et que j'utilise déjà, d'ailleur

Je me suis inspiré de ce code (qui fonctionne)

Code:

---

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

$(document).ready(function(){ $('a[href^=#]').click(function(){ cible=$(this).attr('href'); if($(cible).length>=1){ hauteur=$(cible).offset().top; } else{ hauteur=$("a[name="+cible.substr(1,cible.length-1)+"]").offset().top; } $('html,body').animate({scrollTop:hauteur},1000) return false;   }); });

---

et j'aimerais l'adapter pour récupérer la hauteur d'un id pour l'utiliser afin de position un autre :?

je ne sais pas si j'ai bien fait d'emlever le

Code:

---

$(document).ready(function(){...

---

car en fait j'ai pas besoin "de rester à l'écoute" d'une intervention, comme un click, puisque le deuximeme élément devra etre placé au chargement de la page, ou lorsque la qu'une fonction est "appelée"

Ben j'avance...

Code:

---

1 2 3 4 5 6 7 8 9 10

function align_to(source,target){ if($('#'+source).length>=1){ source_height=$('#'+source).offset().top; alert(source_height); } else { } };

---

J'arrive à afficher la hauteur d'un id.
Je n'ai pas trop compris j'ai du mettre un "#".

Aussi, quel fonction, pourrais-je utiliser pour positionner la hauteur, cette fois un autre id

Bonjour à tous,
J'ai toujours mon probleme,
Je n'arrive pas a positionner mon élément qui a l'id "info_2"

Code:

---

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18

function align_to(source,target){ if($('#'+source).length>=1){ source_height=$('#'+source).offset().top; source_height=source_height.toFixed(0); alert(target);     $('#'+traget).css("background-color","red");   //$("#"+target).css("position","absolute"); //$("#"+target).css("top",source_height); } else {   } };

---

Auriez-vous une idée pourquoi?

Mercis

le alert(target) affiche bien "info_2", mais par contre, je n'ai pas la couleur

Code:

---

1 2	alert(target); $('#'+traget).css("background-color","red");

---

oui, dans mon code j'ai écris correctement.

Code:

---

$('#'+target).css("background-color","red");

---

Mais ca ne marche pour autant pas.
C'est en écrivant mon post que j'ai fais cette faute. Je suis désolé pour la mauvaise information

Aussi l'élément que j'éssaye de controler est un div

Code:

---

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

<script language="javascript"> <!-- align_to('objet_autre_tarif','info_2'); --> </script> <div id="info_2"> <h3>Explication</h3> <ul> <li>Si v........</li> </ul> </div>

---

sachant que target est égal à info_2

Code:

---

1 2 3 4 5 6

<script language="javascript"> <!-- align_to('objet_autre_tarif','info_2'); --> </script> <div id="info_2">

---

Au moment où tu appelles ta fonction, la div 'info_2' n'existe pas puisqu'elle est déclarée après !
Regarde du coté de

Code:

---

$(document.ready());

---

c'est-à-dire la base de jQuery...

Ok, j'ai compris mon erreur. Grrrr.
Merci pour ton aide :ccool: