Форум Сайтостроение Веб-строительство

Скрипт скрытого текста

A
На сайте с 04.11.2010
Offline
23
arber
390

Здравствуйте уважаемый специалисты.

Я делаю форму обратной связи, и мне требуется вставить рядом с полем "закачать файл" ссылку, которая при нажатии, открывает один допустим из 8 скрытых блоков для закачки; при повторном нажатии открывает следующий и так далее.

С самой формой разобрался без проблем, но как сделать эту ссылку со скрытым текстом?

Пример сайта, на котором я видел подобное: http://www.am61.ru/order.php

Заранее спасибо

http://zvukvetra.ru (http://zvukvetra.ru) - Творческое объединение города Тольятти http://krivov.net (http://krivov.net) - Студия дизайна и рекламы Тольятти
Рубака
На сайте с 11.03.2011
Offline
12
Рубака
#1

Попробуйте погуглить на тему "Появление и иcчезновение элементов — JQuery"

A
На сайте с 04.11.2010
Offline
23
arber
#2

пробовал находил много лишнего

Но все таки со своей проблемой разобрался если кому-то нужен будет такой скрипт держите:

<script type="text/javascript">
var maket_i = 2;
var additional_i = 11;

function maket_add_file()
{
if (maket_i >= 10) { return false; };
var obj = document.getElementById('maket_file_'+(maket_i++));
obj.style.display = 'block';
return false;
};

function additional_add_file()
{
if (additional_i >= 20) { return false; };
var obj = document.getElementById('maket_file_'+(additional_i++));
obj.style.display = 'block';
return false;
};
</script>

<tr>
<td align="right">
Макет
</td>
<td>
<input class="input" style="margin: 2px;" name="order_file_1" type="file"> <span style="cursor: pointer;" onClick="maket_add_file()">Еще файл...</span>
<div id="maket_file_2" style="display: none;"><input class="input" style="margin: 2px;" name="order_file_2" type="file"></div>
<div id="maket_file_3" style="display: none;"><input class="input" style="margin: 2px;" name="order_file_3" type="file"></div>
<div id="maket_file_4" style="display: none;"><input class="input" style="margin: 2px;" name="order_file_4" type="file"></div>
<div id="maket_file_5" style="display: none;"><input class="input" style="margin: 2px;" name="order_file_5" type="file"></div>
<div id="maket_file_6" style="display: none;"><input class="input" style="margin: 2px;" name="order_file_6" type="file"></div>
<div id="maket_file_7" style="display: none;"><input class="input" style="margin: 2px;" name="order_file_7" type="file"></div>
<div id="maket_file_8" style="display: none;"><input class="input" style="margin: 2px;" name="order_file_8" type="file"></div>
<div id="maket_file_9" style="display: none;"><input class="input" style="margin: 2px;" name="order_file_9" type="file"></div>

Настройка событий Google Analytics 10 лучших практических решений Четыре скрипта для управления

Авторизуйтесь или зарегистрируйтесь, чтобы оставить комментарий