IdentifiantMot de passe
Loading...
Mot de passe oublié ?Je m'inscris ! (gratuit)
Navigation

Inscrivez-vous gratuitement
pour pouvoir participer, suivre les réponses en temps réel, voter pour les messages, poser vos propres questions et recevoir la newsletter

HTML Discussion :

Positionnement dans une page


Sujet :

HTML

Vue hybride

Message précédent Message précédent   Message suivant Message suivant
  1. #1
    Membre confirmé
    Inscrit en
    Février 2005
    Messages
    127
    Détails du profil
    Informations forums :
    Inscription : Février 2005
    Messages : 127
    Par défaut 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

  2. #2
    Modérateur
    Avatar de Bisûnûrs
    Profil pro
    Développeur Web
    Inscrit en
    Janvier 2004
    Messages
    9 931
    Détails du profil
    Informations personnelles :
    Âge : 42
    Localisation : France, Rhône (Rhône Alpes)

    Informations professionnelles :
    Activité : Développeur Web

    Informations forums :
    Inscription : Janvier 2004
    Messages : 9 931
    Par défaut
    Tu peux mettre une ancre.

    Par exemple, le tableau 19 a pour id tableau19 :
    Dans le bouton détail, au moment de rappeler la page tu rajoutes à la fin de l'URL :

  3. #3
    Membre confirmé
    Inscrit en
    Février 2005
    Messages
    127
    Détails du profil
    Informations forums :
    Inscription : Février 2005
    Messages : 127
    Par défaut
    J'ai juste oublié de dire que chaque tableau est dans un <FORM></FORM>

  4. #4
    Modérateur
    Avatar de Bisûnûrs
    Profil pro
    Développeur Web
    Inscrit en
    Janvier 2004
    Messages
    9 931
    Détails du profil
    Informations personnelles :
    Âge : 42
    Localisation : France, Rhône (Rhône Alpes)

    Informations professionnelles :
    Activité : Développeur Web

    Informations forums :
    Inscription : Janvier 2004
    Messages : 9 931
    Par défaut
    Qu'est-ce que ça change ?

  5. #5
    Membre émérite Avatar de laurentibus
    Inscrit en
    Mars 2008
    Messages
    875
    Détails du profil
    Informations personnelles :
    Âge : 40

    Informations forums :
    Inscription : Mars 2008
    Messages : 875
    Par défaut
    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

    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

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

  6. #6
    Membre confirmé
    Inscrit en
    Février 2005
    Messages
    127
    Détails du profil
    Informations forums :
    Inscription : Février 2005
    Messages : 127
    Par défaut
    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?

  7. #7
    Membre émérite Avatar de laurentibus
    Inscrit en
    Mars 2008
    Messages
    875
    Détails du profil
    Informations personnelles :
    Âge : 40

    Informations forums :
    Inscription : Mars 2008
    Messages : 875
    Par défaut
    ben si tu veux garder ton bouton input en guise de lien .... ( ce qui entre nous est un peu bizarre , 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

  8. #8
    Rédacteur

    Avatar de Bovino
    Homme Profil pro
    Développeur Web
    Inscrit en
    Juin 2008
    Messages
    23 647
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 54
    Localisation : France, Gironde (Aquitaine)

    Informations professionnelles :
    Activité : Développeur Web
    Secteur : High Tech - Éditeur de logiciels

    Informations forums :
    Inscription : Juin 2008
    Messages : 23 647
    Billets dans le blog
    20
    Par défaut
    Citation Envoyé par Bisûnûrs Voir le message
    Dans le bouton détail, au moment de rappeler la page tu rajoutes à la fin de l'URL :
    Oui, puisque la solution proposée n'implique pas de passer par un href, mais directement par l'url
    Pas de question technique par MP !
    Tout le monde peut participer à developpez.com, vous avez une idée, contactez-moi !
    Mes formations video2brain : La formation complète sur JavaScriptJavaScript et le DOM par la pratiquePHP 5 et MySQL : les fondamentaux
    Mon livre sur jQuery
    Module Firefox / Chrome d'intégration de JSFiddle et CodePen sur le forum

  9. #9
    Membre confirmé
    Inscrit en
    Février 2005
    Messages
    127
    Détails du profil
    Informations forums :
    Inscription : Février 2005
    Messages : 127
    Par défaut
    Dans mon tableau j'ai:
    " id=\"tab".$idx."\"
    Dans mon INPUT j'ai:
    "onclick=\"#tab".$idx."\""
    Pareil !!!
    Fonctionne pas !!!

  10. #10
    Expert confirmé
    Avatar de 12monkeys
    Homme Profil pro
    Webmaster
    Inscrit en
    Novembre 2006
    Messages
    4 093
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 48
    Localisation : France, Puy de Dôme (Auvergne)

    Informations professionnelles :
    Activité : Webmaster
    Secteur : Service public

    Informations forums :
    Inscription : Novembre 2006
    Messages : 4 093
    Par défaut
    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 : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    	<form method="post" action="nom_de_ta_page.php#ton_ancre">
    ton formulaire
    	</form>

  11. #11
    Membre confirmé
    Inscrit en
    Février 2005
    Messages
    127
    Détails du profil
    Informations forums :
    Inscription : Février 2005
    Messages : 127
    Par défaut
    Bon ben je galère encore !!!!!

    J'ai essayé de mettre dans mon formulaire
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
     
    <form method="post" action="nom_de_ta_page.php#mon_ancre">
    Mon formulaire
    </form>
    et dans bouton
    Mais rien à faire

    Voici mon code si vous avez une idée, car il semble que le cerveau d'une Huitre !!!!
    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
    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();
    }

+ Répondre à la discussion
Cette discussion est résolue.

Discussions similaires

  1. Réponses: 1
    Dernier message: 12/01/2015, 11h08
  2. Détection du positionnement dans une page
    Par SPACHFR dans le forum Général JavaScript
    Réponses: 2
    Dernier message: 19/03/2014, 11h36
  3. pop up positionne dans une page
    Par vallees4 dans le forum Général JavaScript
    Réponses: 1
    Dernier message: 05/04/2010, 12h37
  4. Positionnements dans une page
    Par jmde dans le forum Mise en page CSS
    Réponses: 6
    Dernier message: 27/04/2009, 20h41
  5. [HTML] Positionnement dans une page web
    Par pasqwal dans le forum Balisage (X)HTML et validation W3C
    Réponses: 3
    Dernier message: 26/10/2006, 15h53

Partager

Partager
  • Envoyer la discussion sur Viadeo
  • Envoyer la discussion sur Twitter
  • Envoyer la discussion sur Google
  • Envoyer la discussion sur Facebook
  • Envoyer la discussion sur Digg
  • Envoyer la discussion sur Delicious
  • Envoyer la discussion sur MySpace
  • Envoyer la discussion sur Yahoo