通行證值對話框模態

我使用多個按鈕（動態），打開一個單個的div：

通行證值對話框模態

<div class="dialog" title="Player"> 
    <p>YouTube Player here</p> 
</div>

，並在標頭我使用：

<script> 
    $(function() { 
     $(".dialog").dialog({ 
      autoOpen: false, 
      show: { 
       effect: "blind", 
       duration: 1000 
      }, 
      hide: { 
       effect: "blind", 
       duration: 1000 
      } 
     }); 

     $(".opener").click(function() { 
      $(".dialog").dialog("open"); 
     }); 
    }); 
</script>

我得到的按鈕像這樣使用：

foreach ($ytObject->RKT_requestResult->entry as $video) { 
    return = $ytObject->parseVideoRow($video); 
    $delimiter = "**"; 
    $VideoContent = explode($delimiter, $return); 
    if ($count % 2 == 0) { 
     echo "<div class=\"ResultEven\">"; 
     echo "<button class=\"opener btn\" class=\"btn\">Play</button>&nbsp;"; 
     echo "<a href = \"" . $VideoContent['0'] . "\" class=\"btn\">Download</a>&nbsp;"; 
     echo $VideoContent['6']; 
     echo "</div>"; 
    } else { 
     echo "<div class=\"ResultOdd\">"; 
     echo "<button class=\"opener btn\" class=\"btn\">Play</button>&nbsp;"; 
     echo "<a href = \"" . $VideoContent['0'] . "\" class=\"btn\">Download</a>&nbsp;"; 
     echo $VideoContent['6']; 
     echo "</div>"; 
    } 
    $count++; 
}

我希望得到儘可能的<div class="dialog" title="player">所以彈出內容，我可以直接把YouTube的視頻模態的$VideoContent['0']值。

來源

2013-07-09 programmer

您是否嘗試過使用嵌入標記而不是標記。我認爲$ VideoContent ['0']有視頻的URL，可以應用於嵌入標籤 –

@Ante Omnio，這個鏈接可能會讓你有一些想法，看看 http://stackoverflow.com/questions/3694693/how-to-jqueryui-dialog-box-dynamic-load-content –

@Chirag是的。 '$ VideoContent ['0']'包含URL。但是我怎樣才能將它嵌入按鈕並使用它？我是JQuery的新手。這就是爲什麼我不確定在哪裏以及如何嵌入它。 – programmer

使用下面的代碼來獲取值：

$(".opener").click(function() { 
    var video = $(this).siblings("a").attr("href"); 
    alert(video); //here video will have the value of $VideoContent['0'] 
    $(".dialog").dialog("open"); 
});

來源

2013-07-09 12:03:11

謝謝你的哥們。我已經完成了^ _ ^ – programmer

我都做到了。我所使用的功能是：

<script> 
    $(function() { 
     $(".dialog").dialog({ 
      width: 450, 
      autoOpen: false, 
      show: { 
       effect: "blind", 
       duration: 1000 
      }, 
      hide: { 
       effect: "blind", 
       duration: 1000 
      } 
     }); 
     $(".opener").click(function() { 
      var video = $(this).siblings("a").attr("href"); 
      var VideoId = video.replace('http://www.youtube.com/watch?v=', ''); 
      var VideoId = VideoId.replace('&feature=youtube_gdata', ''); 
      var youtube = "<embed width=\"420\" height=\"345\" src=\"http://www.youtube.com/v/" + VideoId + "\" type=\"application/x-shockwave-flash\"> </embed>"; 
      $(".dialog").dialog("open").html(youtube); 
     }); 
    }); 
</script>

和鏈接/按鈕來打開它

<button class="opener btn" class="btn"><img src="img/Play-icon.png" alt="play" />&nbsp;Play</button> 

echo "<a href = \"" . $VideoContent['0'] . "\" class=\"\"></a>&nbsp;";

可能有點傻或棘手的：P但是正常工作！^_^

其實按鈕進入循環。所以，我已經使用按鈕來顯示模式和空白的href來獲取值。而已。 :)

來源

2013-07-19 10:27:59 programmer

通行證值對話框模態

回答

相關問題