Y at-il un moyen de cacher un formulaire à mes utilisateurs jusqu'à ce qu'ils cliquent sur un lien, puis le formulaire tombe à l'utilisateur à remplir, en utilisant PHP ou JQuery si oui comment? Y at-il un tutoriel qui va m'apprendre comment faire cela?PHP et JQuery Question?
Répondre
Oui, vous pouvez le faire, vous cachez la forme initialement soit avec jquery ou css et le slideDown
vers le bas comme ceci:
$(function(){
$('a#link_id').click(function(){
$('form-selector').slideDown('slow');
// prevent default action
return false;
});
});
et de le cacher en arrière, vous pouvez utiliser la fonction slideUp
:
$(function(){
$('a#link_id_2').click(function(){
$('form-selector').slideUp('slow');
// prevent default action
return false;
});
});
I f vous voulez afficher et masquer en utilisant un même lien, utilisez le slideToggle
à la place:
$(function(){
$('a#link_id').click(function(){
$('form-selector').slideToggle('slow');
// prevent default action
return false;
});
});
Voici le prototype de votre code html:
<a id="form_show_hide">Show/Hide Form</a>
<div id="form_container">
<form>
...form elements...
</form>
</div>
et jquery pour que:
$(function(){
$('a#form_show_hide').click(function(){
$('#form_container').slideToggle('slow');
// prevent default action
return false;
});
});
essayez de régler la propriété d'affichage de la forme en utilisant cache show:
jQuery:
$('#formId').hide();
Oui, il y a un certain nombre de façons de mettre en œuvre quelque chose comme ça. Ultra mise en œuvre de base:
<form action="" method="post" id="login_form" style="display: none;">
<label for="username">Username</label> <input type="text" name="username" /><br />
<label for="password">Password</label> <input type="password" name="password" />
</form>
<a href="javascript: void(0)" onclick="$('#login_form').slideToggle();">Show Form</a>
Vous pouvez utiliser un certain nombre de plugins jquery et méthodes pour montrer la forme, y compris show()/hide(), fadeIn()/fadeOut(), slideUp(), slideDown () (comme ci-dessus) etc. Vous pouvez utiliser quelque chose comme FancyBox (ou Facybox) pour afficher le formulaire dans une fenêtre de type 'popup'.
Remarque - Pour des raisons de compatibilité, je suggère de ne pas utiliser jquery dans l'événement onclick.
simple:
http://docs.jquery.com/Show
Avec effets:
http://jqueryui.com/demos/show/
Vous pouvez le faire avec jQuery. Vous avez besoin d'une cible de clic, puis d'un événement lié à la cible de clic et d'un conteneur pour le formulaire. Quelque chose comme:
<span id="ClickTarget">Click Me!</span>
<div id="FormContainer"> <!-- fill in the form here --> </div>
<script type=text/javascript language=javascript>
$('#ClickTarget').click(function() {
$('#FormContainer').show();
});
</script>
- 1. PHP et JQuery Question
- 2. PHP & JQuery question
- 3. MySql et PHP Question?
- 4. JQuery et RadioButtons question
- 5. jQuery et question mouseover
- 6. JQuery Menu Tab Nav et PHP Forms question?
- 7. PHP ob_start et session_start question?
- 8. Flex et php newbie question
- 9. XML et PHP Simple Question
- 10. et ou opérateur php question?
- 11. Jquery cliquez et toggleClass question
- 12. Noob jquery .hide et .cliquez la question
- 13. Question d'ancrage PHP
- 14. Question PHP Regex simple
- 15. relations jquery et php
- 16. JQuery Treeview et PHP
- 17. PHP, JSON, et JQUERY
- 18. Fonction Jquery et PHP
- 19. JQuery: Ajax. Question de la question
- 20. Cron emplois et script php question
- 21. PHP déroulant et la question de session
- 22. Question relative à 404 et PHP
- 23. Question d'avertissement PHP et MySQL Aide?
- 24. jquery mouseover question
- 25. jQuery/CSS PAS sélecteur et stop() question
- 26. Question de base sur jquery et .NET
- 27. Javascript - Jquery .load() et setInterval() question
- 28. Question sur Javascript (Jquery) et GET
- 29. Question jQuery facile, sélecteurs imbriqués et parent
- 30. jQuery Glisser et déposer Question de vérification