Positionnement dans une page

Version imprimable

11/07/2008, 15h25
tissard

Positionnement dans une page

Bonjour à tous,

Je vais essayer de vous exposer mon problème mais j'ai peur de ne pa être très clair !!!!

En fait j'affiche dans une page php le contenue d'une BD mysql.
Les données s'affichent sous forme de tableau.
Donc j'ai un mini tableau par données
Tableau 1
- Première ligne : Thème
- Deuxième ligne: Objet + un bouton "détail"
...
Tableau 19
- Première ligne : Thème
- Deuxième ligne: Objet + un bouton "détail"
...

Le bouton "détail" me permet en cliquant dessus de réafficher la page mais avec des informations supplémentaires au niveau du tableau où il était inséré.

"détail" du "Tableau 2" va afficher les détail du "Tableau 2".

Mon soucis est que j'aimerai pouvoir me positionner directement sur le Tableau2. En effet si j'ai une liste de 20 Tableaux et que je choississent le derniers, je vais être oubligé de jouer avec la roulette de la souris et je je ne voudrai pas la cassée !!!

Si vous avez une idée grâce à ces merveilleuses explications

Merci d'avance
11/07/2008, 15h41
Bisûnûrs

Tu peux mettre une ancre.

Par exemple, le tableau 19 a pour id tableau19 :

Code:

<table id="tableau19">

Dans le bouton détail, au moment de rappeler la page tu rajoutes à la fin de l'URL :

Code:

#tableau19
11/07/2008, 16h00
tissard

J'ai juste oublié de dire que chaque tableau est dans un <FORM></FORM>
11/07/2008, 16h01
Bisûnûrs

Qu'est-ce que ça change ?
11/07/2008, 16h21
laurentibus

Citation:

Envoyé par tissard

Mon soucis est que j'aimerai pouvoir me positionner directement sur le Tableau2. En effet si j'ai une liste de 20 Tableaux et que je choississent le derniers, je vais être oubligé de jouer avec la roulette de la souris et je je ne voudrai pas la cassée !!!

alors moi je me suis retrouver confronté au même problème de disposition que toi mais j ai decider de faire autrement :D

j ai découpé ma page en deux avec une partie supérieur qui avait mon tableau général
et ma partie inférieure qui afficher le tableau dont l utilisateur avait demander les détails
même si le découpage et donc l utilisation de frame n est pas très conseiller .. on peux faire avec 8-)8-)

car le pb dans ta solution c'est que avec plein de données une fois qu on voit les détails d un tableau ben on est au milieu d une page et on doit faire rouler a roulette a fond pour revenir au tableau général .....
tu peux dans ton cas mettre des liens ( lien détails et tableau général ) un peu partout mais après c'est pas mal surchargé .....

enfin a toi de voir :D
++
11/07/2008, 16h25
tissard

Ben en fait mon bouton c'est input et non un <a href ....>

Est ce que le ID fonctionne de la même façon?
11/07/2008, 16h29
laurentibus

ben si tu veux garder ton bouton input en guise de lien .... ( ce qui entre nous est un peu bizarre :D , pourquoi pas un simple lien si il ne doit te servir qu a rediriger ??? ) ......
enfin oui si tu veux garder ton input tu fais un OnClick dans lequel tu modifie l url qui sera en fait la meme avec a la fin #IDDeTonTableau
11/07/2008, 16h38
Bovino

Citation:

Envoyé par Bisûnûrs

Dans le bouton détail, au moment de rappeler la page tu rajoutes à la fin de l'URL :

Code:

#tableau19

Oui, puisque la solution proposée n'implique pas de passer par un href, mais directement par l'url
11/07/2008, 17h35
tissard

Dans mon tableau j'ai:

Citation:

" id=\"tab".$idx."\"

Dans mon INPUT j'ai:

Citation:

"onclick=\"#tab".$idx."\""

Pareil !!!
Fonctionne pas !!!
:(
11/07/2008, 18h43
12monkeys
Bonjour

Tu indiques que chaque tableau est entre des balises <form></form>. Tu places ton ancre dans l'attribut action de ta balise form :
Code:

1 2 3 <form method="post" action="nom_de_ta_page.php#ton_ancre"> ton formulaire </form>

Bon ben je galère encore !!!!!

J'ai essayé de mettre dans mon formulaire

Code:

1
2
3
4
 
<form method="post" action="nom_de_ta_page.php#mon_ancre">
Mon formulaire
</form>

et dans bouton

Code:

1
2
 
onclick=mon_ancre

Mais rien à faire

Voici mon code si vous avez une idée, car il semble que le cerveau d'une Huitre !!!!:oops:

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
 
function openForm($path,$option="") {
	echo "<form METHOD=\"post\" ACTION=\"".$path."\" ".$option.">\n";
}
 
function input_button($name,$option=""){
	echo "<input name=\"submit\" type=\"submit\" value=\"".$name."\" ".$option."
		   style=\"background-color:#3963AD;color:white;border:1px solid white; size:auto; width:auto; height:auto\">\n";
}
 
function listItemDisplayObjet($objet_text,$page,$idx)
{		
	$this->openForm($page."#tab".$idx);
	$this->inputHidden("detail".$idx,"1");
	$this->openTable(" bgcolor=\"".$this->bgColorObjet."\" ");
	$this->openTr();
	$this->openTd("width=\"10%\" align=\"center\" valign=\"middle\" class=\"objet\" ");
	$this->writeText("Objet:");
	$this->closeTd();
	$this->openTd("width=\"60%\" align=\"left\" valign=\"middle\" class=\"objet_text\"");
	$this->writeText($objet_text);
	$this->closeTd();
	$this->openTd("width=\"30%\" align=\"left\" valign=\"middle\" class=\"objet_text\"");
	if($page != "")
	{
		$this->input_button("Détail ...","onclick=\"tab".$idx."\"");
		if($_POST['motCle'] != "") // Cas ou on fait une recherche par mot clé et on veut récupérer la ^m liste
			$this->inputHidden("motCle",$_POST['motCle']);
	}
	$this->closeTd();
	$this->closeTr();
	$this->closeTable();
	$this->closeForm();
}

15/07/2008, 09h43
Bisûnûrs
Tu n'as pas besoin de Javascript pour ça, vu que tu as un formulaire par tableau.
Transforme juste ton bouton button en bouton submit :
Code:

1 2 3 4 5 <form method="post" action="nom_de_ta_page.php#mon_ancre19"> [...] <input type="submit" value="Voir" /> [...] </form>
Au passage, une petite relecture des règles de ce forum te serait nécessaire.
15/07/2008, 10h25
tissard

En fait j'avais oublié à force de faire des tests dans tous les sens de mettre "id=mon_ancre19" dans le tableau et de donner un nom différent à chaque bouton.

Quand je dis que j'ai un cerveau d'huitre !!!!

Donc maintenant ça fonctionne comme il faut.

Pour résumer :

dans mon FORM je fait passer #mon_ancre19 à la suite de l'adresse

mon bouton INPUT a comme option

Code:

"name=\"submit".$idx."\" onclick=\"tab".$idx."\"

mon tableau a comme option

Code:

"id=\"tab".$idx."\"

Et c'est OK.

Merci à tous pour votre aide.
15/07/2008, 10h40
Bisûnûrs

Le onclick est inutile.
15/07/2008, 10h56
tissard

C'est exact !!!

Bon ben maintenant je crois que c'est bon alors.

Re merci à tous, et spécialement à Bisûnûrs.

A+