【问题标题】:How to link to a javascript popup如何链接到 javascript 弹出窗口
【发布时间】:2014-11-22 06:37:43
【问题描述】:

我有一个带有媒体框的网站,它是一个 javascript,可以弹出元素并将它们发送到例如 Youtube 链接。现在我想链接到那个弹出窗口,这可能吗?

我想链接到我网站上的弹出窗口,以便他们可以观看我链接到的电影...

您好,

【问题讨论】:

标签: javascript url joomla hyperlink


【解决方案1】:

您可以使用 url 参数来做到这一点。例如,指向您网站的链接类似于:www.mysite.com/something?video_url=<some youtube link>。然后,在您的页面上,您可以拥有事件处理程序 ($(document).ready(function(){...})),它将检查 url 中是否存在“video_url”参数,以及是否只是显示加载了<some youtube link> 的弹出窗口。 例如(getParameterByName(name)发现here):

// a function that gets the value of query parameter
function getParameterByName(name) {
    name = name.replace(/[\[]/, "\\[").replace(/[\]]/, "\\]");
    var regex = new RegExp("[\\?&]" + name + "=([^&#]*)"),
    results = regex.exec(location.search);
    return results == null ? "" : decodeURIComponent(results[1].replace(/\+/g, " "));
}

// jquery used, but not really needed
$(document).ready(function() {
    var video_url = getParameterByName("video_url");
    // your function that shows the popup
    showPopup(video_url);
});

【讨论】:

  • 我怎样才能看到这个链接?因为我无法复制它,因为它只是链接到视频的 Youtube 页面。
  • 我添加了一个示例,请查看编辑后的答案并让我知道它是否有效。
  • 我认为我的问题表述错误...我只想获取我网站的 URL 并将其设置给其他人,但会自动打开其中包含所述 youtube 电影的媒体框...跨度>
【解决方案2】:

您希望在 Mediabox 中打开的任何对象,只需在标签中添加 rel="mediabox[width height]"。简单!

  <a href="http://www.youtube.com/view_play_list?p=63F0C78739B09958" rel="lightbox[social]" 
title="www.youtube.com playlist::hover over the window to see everything in the play queue">
    YouTube Playlist »</a>

For reference

OFficial website

【讨论】:

  • 我想我把问题表述错了。我想要一个 URL 以便我可以将其发送给我的同事,例如:website.com/?rel=mediabox[640480]'youtube.com/?=movieid'我知道这行不通,但是这只是一个例子......
  • 查看此站点:dmnnetwork.com 右侧的图片后面有一部 youtube 电影。单击图像并出现一个弹出窗口。我想链接它,以便您打开 dmnnetwork.com 页面,其中包含电影的弹出窗口...
  • 是的,这就是电影。我希望它在我网站上的 Mediabox 中打开。不在 Youtube 网站上。
  • 检查我更新的答案。检查我的官方网站链接提供答案。然后去社交视频,然后去 youtube 播放列表。
  • 这仍然不是我想要的。我想通过电子邮件发送 URL 或将其保存在我的手机上。请告诉我这是否可能就像我想发送youtube.com 或向人们发送 URL 一样。就是这样,与编码或任何东西无关。只是媒体框自动激活的 URL... 我以为我已经很好地制定了答案,但我似乎错了。
猜你喜欢
  • 2011-05-21
  • 1970-01-01
  • 1970-01-01
  • 2011-02-15
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
相关资源
最近更新 更多