Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 21.10.2014, 09:24
Профессор
Отправить личное сообщение для espltd Посмотреть профиль Найти все сообщения от espltd
 
Регистрация: 10.10.2012
Сообщений: 201

onmouseover 2 события на одну функцию
Добрый день! Профессионалы! Кто нибудь может подсказать, как привязать 2 события к одной функции.

У меня при наведении на опр. div меняется картинка. Это работает. Мне нужно сделать, чтобы помимо смены картинки вылетел еще и доп. div с ссылками. Не могу раскурить как это сделать. Одно действие работает, а как 2 привязать не пойму. onmouseover не может же сразу 2 функции вызывать? Жаль...

Вот кусок кода

Сама функция для смены картинки

function changeDiv(){
document.getElementById("item_1").style.background Image="url('../images/reel_home_bg_1_1.jpg')";
document.getElementById("item_1").style.background Size = "100% 580px";
document.getElementById("item_1").style.background Repeat="no-repeat";
}

Вот нарыл в инете. А как объеденить не пойму

function openBlock(el) {
var kids = el.parentNode.childNodes;
for (var k = 0; k < kids.length; k++) {
var child = kids[k];
if (child && child.className == "this_block_is_hidden") {
if (child.style.display != 'block') {
child.style.display = 'block';
} else {
child.style.display = 'none';
}
}
}
}

Всем спасибо за советы, критику и т.д)
Ответить с цитированием
  #2 (permalink)  
Старый 21.10.2014, 09:35
Аватар для рони
Профессор
Отправить личное сообщение для рони Посмотреть профиль Найти все сообщения от рони
 
Регистрация: 27.05.2010
Сообщений: 33,120

espltd,
html и Пожалуйста, отформатируйте свой код!

Для этого его можно заключить в специальные теги: js/css/html и т.п., например:
[js]
... ваш код...
[/js]


О том, как вставить в сообщение исполняемый javascript и html-код, а также о дополнительных возможностях форматирования - читайте http://javascript.ru/formatting.
Ответить с цитированием
  #3 (permalink)  
Старый 21.10.2014, 09:51
Профессор
Отправить личное сообщение для espltd Посмотреть профиль Найти все сообщения от espltd
 
Регистрация: 10.10.2012
Сообщений: 201

<div class="slider1">

<div class="sliderContent">
<div class="item">
<img src="<?php echo Yii::app()->request->baseUrl; ?>/images/reel_home_bg_0_1.jpg" width="100%" height="580px" />


<div id="item_1" class="ekran"></div>



<div id="real_car">

<div id="real_car_1" class="real_car_1" onmouseover="changeDiv()" onmouseout="defaultDiv()"></div>

</div>



</div>
</div>
Ответить с цитированием
  #4 (permalink)  
Старый 21.10.2014, 09:53
Профессор
Отправить личное сообщение для espltd Посмотреть профиль Найти все сообщения от espltd
 
Регистрация: 10.10.2012
Сообщений: 201

function changeDiv(){
  document.getElementById("item_1").style.backgroundImage="url('../images/reel_home_bg_1_1.jpg')"; 
  document.getElementById("item_1").style.backgroundSize = "100% 580px";
  document.getElementById("item_1").style.backgroundRepeat="no-repeat"; 
}

function openBlock(el) {
	var kids = el.parentNode.childNodes;
	for (var k = 0; k < kids.length; k++) {
		var child = kids[k];
		if (child && child.className == "this_block_is_hidden") {
			if (child.style.display != 'block') {
				child.style.display = 'block';
			} else {
				child.style.display = 'none';
			}
		}
	}
}



Вот как мне сделать, чтобы при наведении на опр. div, вызывалось либо сразу 2 функции либо как то объединить. Есть в html 5 картинок, над каждой в position: absolute висит див, т.е. 5 дивов горизонтально. При наведении на любой див, картинка меняется. Это я сделал. работает. А как добавить, чтобы при смене картинки ещё и div дополнительный с ссылками выезжал. Спасибо.
Ответить с цитированием
  #5 (permalink)  
Старый 21.10.2014, 10:21
Аватар для hfts_rider
Профессор
Отправить личное сообщение для hfts_rider Посмотреть профиль Найти все сообщения от hfts_rider
 
Регистрация: 26.01.2014
Сообщений: 181

Зачем тебе это?
Просто повесь событие на блок и в этом событии пропиши все что тебе нужно.
Пример
Ответить с цитированием
  #6 (permalink)  
Старый 21.10.2014, 10:29
Аватар для рони
Профессор
Отправить личное сообщение для рони Посмотреть профиль Найти все сообщения от рони
 
Регистрация: 27.05.2010
Сообщений: 33,120

espltd,
может без скриптов ...
<!DOCTYPE HTML>

<html>

<head>
  <title>Untitled</title>
  <meta charset="utf-8">
  <style type="text/css">
  .slider .item{
     width: 100px;
     height: 100px;
      background: url(http://javascript.ru/forum/images/smilies/write.gif)
  }
  .slider:hover .item{
     background: url(http://javascript.ru/forum/images/smilies/victory.gif)
  }
 .slider .real_car{
    width: 100px;
    height: 0px;
    background: rgba(0, 255, 0, 1);
    transition: all 1s ease-in-out;
  }
 .slider:hover .real_car{
    height: 100px;
  }
  </style>
</head>

<body>
<div class="slider">
 <div class="sliderContent">
 <div class="item"></div>
 <div class="real_car"></div>
 </div>
 </div>

</body>
</html>
Ответить с цитированием
  #7 (permalink)  
Старый 21.10.2014, 10:35
Профессор
Отправить личное сообщение для espltd Посмотреть профиль Найти все сообщения от espltd
 
Регистрация: 10.10.2012
Сообщений: 201

Ребят, спасибо всем. Сейчас попробую и тот и тот метод, посмотрю какой лучше подойдет.
Ответить с цитированием
Ответ



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

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


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Функция для перевода размера из байтов в понятный для человека формат Антон Крамолов Ваши сайты и скрипты 4 05.04.2013 16:42
checkbox включен запускаем одну функцию выключен другую Sadist_dead Элементы интерфейса 11 27.09.2011 10:46
Помогите вынести обработчик события в функцию. prowoke Events/DOM/Window 3 25.03.2011 00:55
Как на два события назначить одну функцию shaltay jQuery 2 28.02.2011 15:50
Подскажите как сделать (события onmouseover и onclick) House M.D. Я не знаю javascript 2 04.06.2009 09:50