Javascript-форум (https://javascript.ru/forum/)
-   Общие вопросы Javascript (https://javascript.ru/forum/misc/)
-   -   Отступы при удалении элемента формы (https://javascript.ru/forum/misc/42717-otstupy-pri-udalenii-ehlementa-formy.html)

bona 06.11.2013 19:24

Отступы при удалении элемента формы
 
Здравствуйте. Я сделала форму,где данные вводятся пошагово. Она здесь: http://newzveriki.ucoz.com/board/0-0-0-0-1?lCvG3g# Чтобы увидеть,надо ввести логин тест и пароль 111111. Проблема в том,что при переходе на следующий шаг между описанием шага и полем появляется отступ. Он как раз на месте удаленного поля. При возвращении на предыдущий шаг то же самое. Код скрипта,который реализует форму:
<script>
function doStep(stepNumber){
var nextStepNumber=stepNumber+1; 
var prevStepNumber=stepNumber-1; 
var fields=["#bdM55","#bdM34","#bdM3"];
var field=fields[stepNumber-1]; 
var stepDescription=["Шаг 1.Выберите вид зверика!","Шаг 2.Теперь выберите породу!","Шаг 3.Отличный выбор! Теперь придумайте вашему зверику имя!"]
$("form tr").hide();
$("form").before('<span id="description">'+stepDescription[stepNumber-1]+'</span>') ;
$(field).show(); 
if(stepNumber!=1){
$(field).after('<a href="#" class="prev">Вернуться к шагу '+prevStepNumber+'</a><br>')} 
if(stepNumber!=3){
$(field).after('<a href="#" class="next">Перейти к шагу '+nextStepNumber+'</a><br>')} 
if(stepNumber==3){$("#bdM65").show()}
$(".next").click(function(){
$(".next,.prev,#description").remove()
stepNumber++
doStep(stepNumber)});
$(".prev").click(function(){
$(".next,.prev,#description").remove()
stepNumber--
doStep(stepNumber)}); 
}; 
$("#cus2[name=ocat]").attr("checked", true);
$("#bdM61").hide();
$("#bdF13,#bdF1").attr("style","width:170px") 
doStep(1); 
</script>

Подскажите,пожалуйста,как сделать,чтобы этих отступов не было.

Faab 06.11.2013 20:01

Я так понимаю скрывается элемент $("form tr")? А если прописать не hide(), a:
$("form tr").css('dispaly', 'none');

bona 06.11.2013 20:26

Faab,да,скрывается $("form tr"),но ваш код ничего не меняет.

Faab 06.11.2013 20:39

у вас там между вторым и третьим рядом таблицы стоит <br>.. и старайтесь не строить дизайн на таблицах.

bona 07.11.2013 10:20

Faab,спасибо,в этом и была проблема. Я тоже против таблиц,но у ucoz почти все на них.

BETEPAH 07.11.2013 10:36

Цитата:

Сообщение от bona
Я тоже против таблиц,но у ucoz почти все на них.

А что вам мешает переделать или заказать шаблоны с бестабличной версткой, если против?

bona 07.11.2013 13:45

BETEPAH,то, что можно,я в основном переделываю,но к редактированию некоторых шаблонов(например,этой формы) у меня доступа нет.

ruslan_mart 07.11.2013 14:27

Цитата:

Сообщение от bona
Я тоже против таблиц,но у ucoz почти все на них.

Можно вроде всё переделать, кроме таблицы форума.


Часовой пояс GMT +3, время: 17:01.