Форум PHP программистов > jQuery в JS, конвертация

[ Поиск ] - [ Пользователи ] - [ Календарь ]

dizent

31.08.2012 - 20:12

$('.video-play').click(function(){
  $('.video-play').css('display', 'none');
  $('#video-placeholder').attr('src', 'http://www.youtube.com/embed/wOH4aGows40?rel=0&controls=1&showinfo=0&theme=light&autoplay=1')
});

Помогите конвертировать данный код в чистый JS
Заранее спасибо! :rolleyes:

Спустя 9 минут, 20 секунд (31.08.2012 - 19:21) Игорь_Vasinsky написал(а):

document.getElementByclassName('video-play').onclick(
    function()
   {
       document.getElementByClassName('video-play').style.dysplay = 'none';
       document.getElementById('video-placeholder').src = 'http://www.youtube.com/embed/wOH4aGows40?rel=0&controls=1&showinfo=0&theme=light&autoplay=1';
   }
);

не проверял.

Спустя 7 минут, 33 секунды (31.08.2012 - 19:29) dizent написал(а):

игнорит... т.е. не пашет.. хм

<iframe id="video-placeholder" src="" frameborder="0" allowfullscreen=""></iframe>
<div class="video-play">
  <img src="http://www.phonegap.com/css/images/video_thumb.jpg" alt="">
</div>

Спустя 4 минуты, 36 секунд (31.08.2012 - 19:33) Игорь_Vasinsky написал(а):

ну я вот в этом варианте не уверен


.onclick(
    function()

пиво пью)

задача при клике по

document.getElementByclassName('video-play')

выполнить

       document.getElementByClassName('video-play').style.dysplay = 'none';
       document.getElementById('video-placeholder').src = 'http://www.youtube.com/embed/wOH4aGows40?rel=0&controls=1&showinfo=0&theme=light&autoplay=1';

Спустя 3 часа, 40 минут, 40 секунд (31.08.2012 - 23:14) redreem написал(а):

как бэ типа так:

doc = document;
elsVP = doc.getElementsByClassName('video-play');

for (var i in elsVP) {
	
	elsVP[i].onclick = function() {
		
		for (var j in elsVP) {
			
			elsVP[j].style.display = 'none';
			
		}
		
		var elVPH = doc.getElementById('video-placeholder');
		elVPH.src = 'http://www.youtube.com/embed/wOH4aGows40?rel=0&controls=1&showinfo=0&theme=light&autoplay=1';
		
	}
	
}

но getElementsByClassName - не кроссбраузерно. например в IE точно не работает.

Спустя 12 минут, 23 секунды (31.08.2012 - 23:26) dizent написал(а):

Чет мне подсказывает что легче использовать JQ, а то кроссбраузерность уже надоедает в JS

Быстрый ответ:

Здесь расположена полная версия этой страницы.