Onclick изменить значение, JQuery, как? - PullRequest
0 голосов
/ 31 августа 2010

У меня есть список видео - На каждом видео есть функция onlick - функция onlick должна заменить значение (URL):

 <object width="640" height="385">
    <param name="movie" value="http://www.youtube.com/v/QmOkhayXlYw?fs=1&amp;hl=da_DK"></param>
    <param name="allowFullScreen" value="true"></param>
    <param name="allowscriptaccess" value="always"></param>
    <embed src="http://www.youtube.com/v/QmOkhayXlYw?fs=1&amp;hl=da_DK" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="640" height="385"></embed>
  </object>

Поэтому при нажатии на видео в спискеURL-адрес в значении и src должны быть заменены новым URL-адресом из функции onlick:

 <xsl:variable name="XMLvideoID">
  <xsl:value-of select="id"/>
</xsl:variable>
<xsl:variable name="videoId">
  <xsl:value-of select="substring-after('$XMLvideoID','videos/')"/>
</xsl:variable>
<div class="video" onclick="playYouTubeVideo(http://www.youtube.com/v/{$videoId}?fs=1)">
  <div class="thumb">
    <img src="http://i.ytimg.com/vi/{$videoId}/2.jpg" height="90" width="120" alt="" title="" border="" />        
  </div>
  <div class="info">
    <div class="title">
      <xsl:value-of select="title" disable-output-escaping="yes"/>  
    </div>
  </div>
</div>    

Ответы [ 2 ]

0 голосов
/ 31 августа 2010
function playYouTubeVideo(link){
  var videoHtml = "<object width=\"640\" height=\"385\">" + 
    "<param name=\"movie\" value=\"" + link + "\"><\/param>" + 
    "<param name=\"allowFullScreen\" value=\"true\"><\/param>" + 
    "<param name=\"allowscriptaccess\" value=\"always\"><\/param>" + 
    "<embed src=\"" + link + "\" type=\"application/x-shockwave-flash\" allowscriptaccess=\"always\" allowfullscreen=\"true\" width=\"640\" height=\"385\"><\/embed>" + 
  "<\/object>";

  $('#divcontainingthevid').html(videoHtml);
}

Должно работать, однако было бы лучше использовать API YouTube, как здесь: текст ссылки

0 голосов
/ 31 августа 2010

Вы можете поместить теги объекта в элемент div и восстановить тег всего объекта (используя div.innerHTML) в событии onclick.

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...