PHP.SU

Программирование на PHP, MySQL и другие веб-технологии

PHP.SU Портал

Главная

Помощь

Поиск

Поиск Яндекс Вакансии

Пользователи

Здравствуйте, Гость

( Вход · Регистрация · Правила форума )

Забыли пароль?

инкремент класса или id

Форумы портала PHP.SU » Клиентская разработка » JavaScript & VBScript (Модератор: armancho7777777)

Страниц (1): [1]

Описание: Помогите добавить инкремент к классу CSS или id

Поиск в теме | Версия для печати

Evgeniux	Отправлено: 04 Октября, 2012 - 22:08:27
Новичок Покинул форум Сообщений всего: 50 Дата рег-ции: Март 2009 Помог: 0 раз(а)	Добрый вечер. есть вот такой код CODE (htmlphp): скопировать код в буфер обмена <script type="text/javascript"> jQuery (function() { jQuery('.button').click(function() { jQuery('#blok1').slideUp(1000); jQuery('#blok2').slideDown(1000); }); }); </script> Который показывает или скрывает блок по клику кнопки. Проблема в том, что блоки берутся из базы в цикле, у всех блоков id разный (1, 2 и т.д.), а вот как сделать инкремент блока на jQuery? Читал, что как вариант, применяем регулярное выражение, которое ищет заданные одинаковые блоки и делает инкремент их id. Но это громоздко, уверен, что есть решение куда проще, но пока не нашел его, если кто подскажет буду очень благодарен.

armancho7777777	Отправлено: 04 Октября, 2012 - 22:10:47
Активный участник Покинул форум Сообщений всего: 4526 Дата рег-ции: Февр. 2011 Откуда: Москва Помог: 221 раз(а)	Evgeniux пишет: как сделать инкремент блока на jQuery Вы это о чём?

Evgeniux	Отправлено: 04 Октября, 2012 - 22:30:58
Новичок Покинул форум Сообщений всего: 50 Дата рег-ции: Март 2009 Помог: 0 раз(а)	есть функция (см выше) которая показывает или скрывает блок. с определенным id. Если таких блоков будет много (они выводятся из базы, кол-во не фиксировано). У всех будут разные id. Как можно переделать функцию, чтобы она работала для каждого такого блока отдельно, А то если у всех блоков одинаковый id, то при нажатии кнопки все блоки показываются, а должен показываться, только блок у которого нажали кнопку.

Bio man	Отправлено: 04 Октября, 2012 - 22:37:15
Постоянный участник Покинул форум Сообщений всего: 2751 Дата рег-ции: Июль 2010 Откуда: Даугавпилс, Латвия Помог: 52 раз(а)	как вариант http://javascript[dot]ru/String/replace

armancho7777777	Отправлено: 04 Октября, 2012 - 22:44:19
Активный участник Покинул форум Сообщений всего: 4526 Дата рег-ции: Февр. 2011 Откуда: Москва Помог: 221 раз(а)	Evgeniux пишет: А то если у всех блоков одинаковый id В корне у Вас уже не верно. Не должно быть несколько элементов с одинаковым ID. Задайте им всем одинаковый класс и оберните все эти блоки в один. Где находится кнопка с классом button ? Примерную разметку покажите, что ли ...

Evgeniux	Отправлено: 04 Октября, 2012 - 22:58:03
Новичок Покинул форум Сообщений всего: 50 Дата рег-ции: Март 2009 Помог: 0 раз(а)	armancho7777777 пишет: Evgeniux пишет: А то если у всех блоков одинаковый id В корне у Вас уже не верно. Не должно быть несколько элементов с одинаковым ID. Задайте им всем одинаковый класс и оберните все эти блоки в один. Где находится кнопка с классом button ? Примерную разметку покажите, что ли ... вот, я о том же, это уже сделал: id при выводе из базы у всех блоков разный. что-то типа: CODE (htmlphp): скопировать код в буфер обмена <div id="cont_mess"> <div id="cont_them"> {$them1} </div> <div id="cont_auth"> {$author1} </div> <div class="cont_read"> <a href="#" id="readmore{$i}"> Читать сообщение</a> // переменная i увеличивается каждый раз на 1 </div> <div id="cont_text"> {$text1} </div> <div id="cont_option"> <div id="cont_date"> {$date1} </div> <div id="cont_opt"> <a href='drop_post.php?id={$id1}'><img src="../images/delete.png" alt="Удалить"/></a> </div> </div> </div>

armancho7777777	Отправлено: 04 Октября, 2012 - 23:02:57
Активный участник Покинул форум Сообщений всего: 4526 Дата рег-ции: Февр. 2011 Откуда: Москва Помог: 221 раз(а)	Вы можете своими словами объяснить что Вы хотите реализовать ? Лично я Вас не пойму. armancho7777777 пишет: Где находится кнопка с классом button ?

Okula	Отправлено: 04 Октября, 2012 - 23:03:25
Участник Покинул форум Сообщений всего: 1389 Дата рег-ции: Окт. 2010 Помог: 42 раз(а)	CODE (javascript): скопировать код в буфер обмена function showBlock(id) { $(id).slideToggle("slow"); } Код кнопки: PHP: скопировать код в буфер обмена <input type="button" onclick="showBlock(<?PHP echo $id; ?>)" value="Показать">

armancho7777777	Отправлено: 04 Октября, 2012 - 23:07:40
Активный участник Покинул форум Сообщений всего: 4526 Дата рег-ции: Февр. 2011 Откуда: Москва Помог: 221 раз(а)	http://jsfiddle[dot]net/Nkf5Y/1/ (Отредактировано автором: 04 Октября, 2012 - 23:08:50)

DelphinPRO	Отправлено: 04 Октября, 2012 - 23:12:40
Активный участник Покинул форум Сообщений всего: 7187 Дата рег-ции: Февр. 2012 Помог: 353 раз(а)	Я правиьно понимаю что у вас много кнопок и много блоков которые должны открываться по клику на свою кнопку? Могу подсказать два решения. 1. Если каждая кнопка и открываемый блок находятся в одном контейнере. CODE (html): скопировать код в буфер обмена <div class="cont"> <a href="#" class="button">Кнопка 1</a> <!-- ... --> <div class="slide"> Открывающийся блок 1 </div> </div> <div class="cont"> <a href="#" class="button">Кнопка 2</a> <!-- ... --> <div class="slide"> Открывающийся блок 2 </div> </div> CODE (javascript): скопировать код в буфер обмена $('.button').click(function(){ $('.slide').slideUp(); // Закрываем все открытые блоки $(this).closest('.cont').find('.slide').slideDown(); // Открываем нужный }); 2. Более универсальный вариант идентификаторы блоков передаёте в хеше ссылки CODE (html): скопировать код в буфер обмена <a href="#block1" class="button">Кнопка 1</a> <a href="#block2" class="button">Кнопка 2</a> сами блоки: CODE (html): скопировать код в буфер обмена <div class="slide" id="block1">Открывающийся блок 1</div> <div class="slide" id="block2">Открывающийся блок 2</div> CODE (javascript): скопировать код в буфер обмена $('.button').click(function(){ $('.slide').slideUp(); // Закрываем все открытые блоки $(this.hash).slideDown(); // Открываем нужный }); ----- Чем больше узнаю, тем больше я не знаю.

armancho7777777	Отправлено: 04 Октября, 2012 - 23:15:06
Активный участник Покинул форум Сообщений всего: 4526 Дата рег-ции: Февр. 2011 Откуда: Москва Помог: 221 раз(а)	DelphinPRO пишет: CODE (javascript): скопировать код в буфер обмена $('.slide').slideUp(); // Закрываем все открытые блоки CODE (javascript): скопировать код в буфер обмена $('.slide:visible').slideUp(); (Добавление) DelphinPRO пишет: 2. Более универсальный вариант идентификаторы блоков передаёте в хеше ссылки +1

Evgeniux	Отправлено: 04 Октября, 2012 - 23:21:16
Новичок Покинул форум Сообщений всего: 50 Дата рег-ции: Март 2009 Помог: 0 раз(а)	спасибо буду пробовать.

Evgeniux	Отправлено: 06 Октября, 2012 - 21:18:12
Новичок Покинул форум Сообщений всего: 50 Дата рег-ции: Март 2009 Помог: 0 раз(а)	Всем спасибо за помощь. Помогло.

Поиск в теме | Версия для печати

Страниц (1): [1]

Сейчас эту тему просматривают: 0 (гостей: 0, зарегистрированных: 0)

« JavaScript & VBScript »

Все гости форума могут просматривать этот раздел.
Только зарегистрированные пользователи могут создавать новые темы в этом разделе.
Только зарегистрированные пользователи могут отвечать на сообщения в этом разделе.