Вопрос PHP & JQuery?

Question

Есть ли способ скрыть форму от моих пользователей, пока они не нажмут ссылку, а затем форма упадет для пользователя, чтобы заполнить ее, используя PHP или JQuery, если да, то как? Есть ли учебник, который научит меня, как это сделать?

Answer 1

Да, вы можете сделать это, вы скрываете форму изначально либо с JQuery или CSS и slideDown вниз, как это:

$(function(){ 
    $('a#link_id').click(function(){ 
    $('form-selector').slideDown('slow'); 
    // prevent default action 
    return false; 
    }); 
}); 

и скрыть его обратно, вы можете использовать функцию slideUp:

$(function(){ 
    $('a#link_id_2').click(function(){ 
    $('form-selector').slideUp('slow'); 
    // prevent default action 
    return false; 
    }); 
}); 

I е вы хотите, чтобы показать и скрыть, используя ту же ссылку, используйте slideToggle вместо:

$(function(){ 
    $('a#link_id').click(function(){ 
    $('form-selector').slideToggle('slow'); 
    // prevent default action 
    return false; 
    }); 
}); 

Вот прототип для HTML:

<a id="form_show_hide">Show/Hide Form</a> 

<div id="form_container"> 
    <form> 
    ...form elements... 
    </form> 
</div> 

и JQuery для этого:

$(function(){ 
    $('a#form_show_hide').click(function(){ 
    $('#form_container').slideToggle('slow'); 
    // prevent default action 
    return false; 
    }); 
}); 

and finally here the demo for that

Answer 2

попытка настройки дисплея свойство формы, используя шкурку и шоу:

JQuery:

$('#formId').hide(); 

Answer 3

Да, существует целый ряд способов реализации что-то вроде этого. Ультра Базовая реализация:

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

Вы можете использовать любое количество JQuery плагинов и методов для показа формы, в том числе шоу()/скрыть(), FadeIn()/Затухание(), slideUp(), slideDown () (как указано выше) и т. д. Вы можете использовать что-то вроде FancyBox (или Facybox) для отображения формы в окне типа «всплывающее окно».

Примечание. Для совместимости я бы предложил не использовать jquery в событии onclick.

Answer 4

Простой:
http://docs.jquery.com/Show

с эффектами:
http://jqueryui.com/demos/show/

Answer 5

Вы можете сделать это с помощью JQuery. Вам нужна цель клика, а затем событие, привязанное к цели клика, и контейнер для формы. Что-то вроде:

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