Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 01.07.2013, 15:23
Кандидат Javascript-наук
Отправить личное сообщение для wayzer Посмотреть профиль Найти все сообщения от wayzer
 
Регистрация: 28.08.2012
Сообщений: 129

Показ и сокрытие комментариев
Здравствуйте, помогите решить проблему, пожалуйста.
Есть несколько div элементов, которые генерируются сервером, имеют значения: div_1, div_2 и т.д. Находятся соответственно в div_block_1 и div_block_2.
Как сделать так, чтобы при клике на div_$x выдавался определенный код в div_block_$x, а при клике по div_$y, код в div_block_$x менялся/удалялся, а в div_block_$y вставлялся ?

Можно ли это реализовать универсально, один код для всех элементов не зависимо от последнего значения ($x или $y) или нужно генерировать код соответственно элементам ? Для div_$x одна функция, а для $y другая ?

Заранее, спасибо.
Ответить с цитированием
  #2 (permalink)  
Старый 03.07.2013, 13:32
Кандидат Javascript-наук
Отправить личное сообщение для wayzer Посмотреть профиль Найти все сообщения от wayzer
 
Регистрация: 28.08.2012
Сообщений: 129

Актуально (((
Ответить с цитированием
  #3 (permalink)  
Старый 03.07.2013, 13:46
Аватар для рони
Профессор
Отправить личное сообщение для рони Посмотреть профиль Найти все сообщения от рони
 
Регистрация: 27.05.2010
Сообщений: 33,103

wayzer,
не особо понятно - менялся удалялся вставлялся брр))) -макет html сделалибы
Ответить с цитированием
  #4 (permalink)  
Старый 03.07.2013, 13:53
Кандидат Javascript-наук
Отправить личное сообщение для wayzer Посмотреть профиль Найти все сообщения от wayzer
 
Регистрация: 28.08.2012
Сообщений: 129

<div id="1">Комментарии</div>
<div id="block_1"></div>

<div id="2">Комментарии</div>
<div id="block_2"></div>

<div id="3">Комментарии</div>
<div id="block_3"></div>

и т.д. - генерирует сервер.


Помогите реализовать, при клике по id=1, в block_1 вставлялся код, а во всех остальных (block_2, 3 и т.д.) удалялся.
Ответить с цитированием
  #5 (permalink)  
Старый 03.07.2013, 14:58
Аватар для рони
Профессор
Отправить личное сообщение для рони Посмотреть профиль Найти все сообщения от рони
 
Регистрация: 27.05.2010
Сообщений: 33,103

wayzer,

<!DOCTYPE HTML>
<html>
<head>
  <title>Untitled</title>
  <meta charset="utf-8">
  <script src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>
  <script>
$(document).ready(function () {
    var blocks = $('div[id^=block]');
    blocks.each(function (indx, element) {
        $(element).prev().click(function () {
        blocks.html('')
        $(element).html(indx+1)//вставлялся код для примера индекс
    });
    });
    });
</script>
</head>

<body>
<div id="1">Комментарии</div>
<div id="block_1"></div>

<div id="2">Комментарии</div>
<div id="block_2"></div>

<div id="3">Комментарии</div>
<div id="block_3"></div>

</body>

</html>
Ответить с цитированием
  #6 (permalink)  
Старый 03.07.2013, 21:03
Кандидат Javascript-наук
Отправить личное сообщение для wayzer Посмотреть профиль Найти все сообщения от wayzer
 
Регистрация: 28.08.2012
Сообщений: 129

Спасибо, то что нужно )
Посоветуйте, пожалуйста, хорошую справку/сайт по js (которой сами пользуетесь)

Последний раз редактировалось wayzer, 03.07.2013 в 21:07.
Ответить с цитированием
  #7 (permalink)  
Старый 03.07.2013, 21:11
Аватар для рони
Профессор
Отправить личное сообщение для рони Посмотреть профиль Найти все сообщения от рони
 
Регистрация: 27.05.2010
Сообщений: 33,103

Сообщение от wayzer
Посоветуйте, пожалуйста, хорошую справку/сайт по js
здесь на сайте есть Учебник и Поиск
Ответить с цитированием
Ответ



Опции темы Искать в теме
Искать в теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Регулярка для комментариев /* comment */ , опционально закрытых danik.js Общие вопросы Javascript 4 12.01.2013 03:24
Получение количества комментариев из сервиса cackle.ru iskiz Общие вопросы Javascript 6 13.03.2012 18:14
Система Комментариев на yTube JAScript AJAX и COMET 2 03.02.2011 17:28
Показ статус загрузки файла Орёл AJAX и COMET 9 23.07.2010 18:25
Одноразовый показ блока Cubapro Events/DOM/Window 2 10.03.2010 17:57