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

[pierrot10]

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

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
 
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

[Bovino]

Code :

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

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

[pierrot10]

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

Code :

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

$('#'+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 :

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

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

[Bovino]

Code :

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

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 :

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

$(document.ready());

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

[pierrot10]

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