5568 sujets

Sémantique web et HTML

Bonjour,


Je dispose d'un bouton qui fait apparaître un formulaire tout en bas de la page.
J'aimerai donc qu'au clic de ce bouton, la page descende d'elle m'aime tout en bas.

J'ai essayé ceci (ainsi que d'autres) : http://www.alsacreations.com/astuce/lire/5-lien-precis-page-ancre-anchor-diese.html mais jusqu'à maintenant rien ne fonctionne.

Clic du bouton
echo '<td class="imgaction"><a href="modif_PH.php?action=A"><img src="images/ajout.png" border=0 [b]id="accesAjout"[/b]></a></td>' ;

RDV direct en bas de page
// ajout d'un élément
  if ($_GET['action']=="A")
  {
       //formulaire d'ajout d'un élément  
       echo '<form method="POST" action="ph_enr.php" name="saisiePh" onSubmit="return PH()">' ;
	   echo '<h2><u>[b]<a href=#>Ajout d\'un président d\'honneur</a>[/b]</u></h2><br /><br />';
       if (isset($_SESSION['mess']) && ($_SESSION['mess']!=""))
       {
           echo '<p class="erreur">'.$_SESSION['mess'].'</p>';
       } 
       echo '<div class="data">' ;
	   echo '<center>Nom du président d\'honneur:&nbsp;&nbsp;<input type="text" name="ph" id="ph" size=12/><span class="donnee_obligatoire">&nbsp;&nbsp;&nbsp;</span>&nbsp;&nbsp;&nbsp;</center><br /><br />' ;
       echo '<center>Nom de l\'entreprise:&nbsp;&nbsp;<input type="text" name="entreprise" id="entreprise" size=15/><span class="donnee_obligatoire">&nbsp;&nbsp;&nbsp;</span>&nbsp;&nbsp;&nbsp;</center><br /><br />' ;
       echo '<center>Année de début de présidence:&nbsp;&nbsp;<input type="text" name="debp" id="debp" size=15/><span class="donnee_obligatoire">&nbsp;&nbsp;&nbsp;</span></center><br /><br />' ;
       echo '<center>Année de fin de présidence:&nbsp;&nbsp;<input type="text" name="finp" id="finp" size=25/>&nbsp;&nbsp;</center><br /><br />' ;
	   echo '</div>' ;
       echo '<p><center><input type="submit" class="submit"  value="&nbsp;&nbsp;Valider" />' ;
       echo '<input type="reset" class="reset" value="Effacer" /> </center> </p>' ;
	   echo '<p class="droite"><span class="donnee_obligatoire">&nbsp;&nbsp;&nbsp;</span><span class="saisie_ob">saisie obligatoire</span></p>' ;
       echo '</form>' ;

  }


Mais ceci ne fonctionne pas. Ou du moins, quand on clique sur le formulaire ça fonctionne, mais c'est l'inverse que je souhaiterai.

Pouvez-vous m'aider ?

Cordialement,
lizeal
Modifié par lizeal (20 Jan 2014 - 16:08)
bonjour,

en jQuery c'est possible.. .

$(document).ready(function(){
$('ton bouton').click(function(){
var offset = $('ton formulaire:first').offset();
$('html,body').animate({scrollTop: offset.top}, 1000);
return false;
});
}); 


tu devrais regarder sur internet, il y a souvent des réponses toutes faites..
Oui j'en ai trouvé et j'en ai beaucoup essayés.

Mais je recherche quelque chose de simple, en html. Y'a pas moyen ?
Bon après presque une journée de travail, j'ai trouvé. C'est stupide mais quand on s'y connait pas ...
Il fallait juste que je garde la base de mon URL
echo '<td class="imgaction"><a href="modif_PH.php?action=A[b]#ancre_ajout[/b]"><img src="images/ajout.png" border=0 ></a></td>' ;

echo '<h2 [b]id="ancre_ajout"[/b]><u>Ajout d\'un président d\'honneur</u></h2><br /><br />';
Salut,
je pense qu'il faut rajouter le #id dans ton lien, la il n'y est pas ..

<a href="modif_PH.php[b]#id_formulaire[/b]?action=A">


et du coup ensuite il faut ajouter l'identifiant à ton formulaire

<form [b]id="id_formulaire"[/b] method="POST" action="ph_enr.php" name="saisiePh" onSubmit="return PH()">


Voila je ne sais pas si ça marchera, mais dans l'idée ça devrait être ça

Edit : Ah bah j'ai oublié d'envoyer , y a eu des réponses entre temps lol
Modifié par mathieu1004 (20 Jan 2014 - 16:35)