Discussion :

[pierrot10]

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 :

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

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

alert(source_height);

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

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

[Bovino]

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

[gwyohm]

Bonjour,

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

$, ç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

[Bovino]

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

[pierrot10]

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

[pierrot10]

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

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
 
$(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 :

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

$(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"

[pierrot10]

Ben j'avance...

Code :

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

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