Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 21.10.2009, 16:55
Интересующийся
Отправить личное сообщение для bars Посмотреть профиль Найти все сообщения от bars
 
Регистрация: 21.10.2009
Сообщений: 12

смена div при нажатии на ссылку


вот что надо... при щелчке на первую афишу, картинка в левом верхнем углу - меняется на поп, на середину - на рок, на третью, - попса...

вот как выглядет это в хтмл

<!-- 
					**********************************
						Классы для смены картинок
					
						rnb-entry
						pop-entry
						dj-entry
						hiphop-entry
						rnr-entry
						
					**********************************
					-->

					<div class="entry rnr-entry">
					
						<div class="bg-t"><div class="l"></div><div class="r"></div></div>
						<div class="m"><div class="m_i"><div class="m_i"><div class="m_i">
						
							<div class="entry-content">
							
								<div class="afisha-gallery">
								
									<ul class="clearfix">
										<li><div><a href="#"><img src="assets/i/temp/af.jpg" alt="" /></a></div><i></i></li>
										<li class="active"><div><a href="#"><img src="assets/i/temp/af.b.jpg" alt="" /></a></div><i></i></li>
										<li><div><a href="#"><img src="assets/i/temp/af.jpg" alt="" /></a></div><i></i></li>
									</ul>
								
									<div class="buttons">
										<a href="#" class="prev-all"></a>
										<a href="#" class="prev"></a>
										<a href="#" class="next-all"></a>
										<a href="#" class="next"></a>
									</div>
								
								</div>
							
								<div class="afisha-list">
									<div class="clearfix">
										<div class="list-item">
											<div class="item-ttl">АФИША «NR»</div>
											<div class="item-body clearfix">
												<ul>
													<li>
														<a href="#">
															<span class="date"><strong>2</strong> апреля</span>
															<span>Четвег. Твоя ночь в Moulin Rouge</span>
															<span>22:00 [жен. 500 р. / муж. 500 р.]</span>
														</a>
													</li>
													<li>
														<a href="#">
															<span class="date"><strong>2</strong> апреля</span>
															<span>Четвег. Твоя ночь в Moulin Rouge</span>
															<span>22:00 [жен. 500 р. / муж. 500 р.]</span>
														</a>
													</li>
													<li>
														<a href="#">
															<span class="date"><strong>11</strong> апреля</span>
															<span>Четвег. Твоя ночь в Moulin Rouge</span>
															<span>22:00 [жен. 500 р. / муж. 500 р.]</span>
														</a>
													</li>
												</ul>
												<ul>
													<li>
														<a href="#">
															<span class="date"><strong>2</strong> апреля</span>
															<span>Четвег. Твоя ночь в Moulin Rouge</span>
															<span>22:00 [жен. 500 р. / муж. 500 р.]</span>
														</a>
													</li>
													<li>
														<a href="#">
															<span class="date"><strong>22</strong> апреля</span>
															<span>Четвег. Твоя ночь в Moulin Rouge</span>
															<span>22:00 [жен. 500 р. / муж. 500 р.]</span>
														</a>
													</li>
												</ul>
											</div>
										</div>
									</div>
								</div>
							
							</div>
						</div></div></div></div>
						<div class="bg-b"><div class="l"></div><div class="r"></div></div>
						<div class="v"></div>
					</div>
					<!-- /entry -->


вопрос как вообще это можно организовать....
просто сам не шарю вообще
Ответить с цитированием
  #2 (permalink)  
Старый 21.10.2009, 17:28
Аватар для Gozar
Отправить личное сообщение для Gozar Посмотреть профиль Найти все сообщения от Gozar
 
Регистрация: 07.06.2007
Сообщений: 7,504

по событию onclick, менять background-image или className или что там вообще.
document.getElementById('kartinka').style.backgrounImage = 'url(img/pop.jpg)'


как-то так.
Ответить с цитированием
  #3 (permalink)  
Старый 22.10.2009, 06:16
Интересующийся
Отправить личное сообщение для bars Посмотреть профиль Найти все сообщения от bars
 
Регистрация: 21.10.2009
Сообщений: 12

http://neborecords.ru/index.html


там код вида

<script type="text/javasctipt">
					function setClass(classname)
					{
						document.getElementById('div').setAttribute('class', 'entry ' + classname);
					}
					</script>



на картинках так


<li><div><a href="#" onclick="setClass('rnr-entry'); return false;"><img src="assets/i/temp/af.jpg" alt="" /></a></div><i></i></li>
										<li class="active"><div><a href="#" onclick="setClass('pop-entry'); return false;"><img src="assets/i/temp/af.b.jpg" alt="" /></a></div><i></i></li>
										<li><div><a href="#" onclick="setClass('dj-entry'); return false;"><img src="assets/i/temp/af.jpg" alt="" /></a></div><i></i></li>


и все равно 0 эффекта....
может где в коде ошибка?
Ответить с цитированием
  #4 (permalink)  
Старый 22.10.2009, 10:20
Аватар для Gozar
Отправить личное сообщение для Gozar Посмотреть профиль Найти все сообщения от Gozar
 
Регистрация: 07.06.2007
Сообщений: 7,504

У Вас не определен setClass, вынесите <script> в <head></head>
Ответить с цитированием
  #5 (permalink)  
Старый 22.10.2009, 10:33
Интересующийся
Отправить личное сообщение для bars Посмотреть профиль Найти все сообщения от bars
 
Регистрация: 21.10.2009
Сообщений: 12

сделал.. но толку ноль... может нужно привязать как то именно к этому диву.... а то div class у меня много
Ответить с цитированием
  #6 (permalink)  
Старый 22.10.2009, 12:43
Аватар для Gozar
Отправить личное сообщение для Gozar Посмотреть профиль Найти все сообщения от Gozar
 
Регистрация: 07.06.2007
Сообщений: 7,504

Простите не посмотрел Ваш код.
А где у вас:
<div id="div">

?
если Вы делаете:
document.getElementById('div')
, то у Вас должен быть
<div id="div">
Ответить с цитированием
  #7 (permalink)  
Старый 23.10.2009, 04:57
Интересующийся
Отправить личное сообщение для bars Посмотреть профиль Найти все сообщения от bars
 
Регистрация: 21.10.2009
Сообщений: 12

и это я тоже делал... не помогло.... =(((
может есть какой другой способ
Ответить с цитированием
  #8 (permalink)  
Старый 23.10.2009, 09:57
Аватар для Gozar
Отправить личное сообщение для Gozar Посмотреть профиль Найти все сообщения от Gozar
 
Регистрация: 07.06.2007
Сообщений: 7,504

Что Вы там делали?
Я захожу на страницу по ссылке тыкаю мышкой на обложку и мне выдает ошибку:

setClass is not defined


И Вообще:

function setClass(classname)
                    {
                        document.getElementById('div').className = 'entry ' + classname
                    }


а также я проверяю наличие:
id="div"
на странице и я его тоже не вижу, кстати называть id-шники по имени тэгов считаю дурным тоном.

Последний раз редактировалось Gozar, 23.10.2009 в 10:00.
Ответить с цитированием
  #9 (permalink)  
Старый 23.10.2009, 10:09
Аватар для Gozar
Отправить личное сообщение для Gozar Посмотреть профиль Найти все сообщения от Gozar
 
Регистрация: 07.06.2007
Сообщений: 7,504

А еще можно не весь класс менять а только:
document.getElementById('div').style.backgroundImage = 'url(i/backgrounds/rnr.jpg)'
Ответить с цитированием
  #10 (permalink)  
Старый 23.10.2009, 10:35
Интересующийся
Отправить личное сообщение для bars Посмотреть профиль Найти все сообщения от bars
 
Регистрация: 21.10.2009
Сообщений: 12

function setClass(classname)
					{
						document.getElementById('mydiv').setAttribute('class', 'entry ' + classname);
					}


я же его определил.... или надо еще как то по другому?

<div [B]id[/B]="[B]mydiv[/B]" class="entry rnr-entry">


вот и айди

Цитата:
А еще можно не весь класс менять
нужно именно весь... в этом и суть....
Ответить с цитированием
Ответ



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

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


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
смена картинок при нажатии sdff Общие вопросы Javascript 15 08.02.2014 17:08
Смена изображений при нажатии кнопки. Rel60 Общие вопросы Javascript 1 14.09.2009 11:05
Смена картинки при перезагрузке + наведении Мария Элементы интерфейса 2 22.08.2009 14:57
Событие при нажатии на ССЫЛКУ Ivanishin Events/DOM/Window 11 16.06.2009 01:43
Появление текста при наведении курсора на ссылку Александра Элементы интерфейса 1 11.05.2009 00:22