ajax/jquery - Script that open simple popup window

Question

I need script that opens a popup window, like lightbox. but not with image

It must load video player code, from html file, and send video file ID to this code

Player code in html:

<iframe src="http://site.com/embed/video file ID" style="width: 800px; height: 450px; border: none; background-color: #000;" frameborder="0"></iframe>

So i need script to open popup window with code above.

Thanks!

Do you need a script or do you need help writing a script?

Blender
– Blender

2013-01-19 12:55:29 +00:00
Commented Jan 19, 2013 at 12:55 — Blender
– Blender, Commented Jan 19, 2013 at 12:55

Paul Fleming · Accepted Answer · 2013-01-19 13:01:52Z

2

Fancybox does this really well. Version one is free to use.

Html:

<a class="forpopup" href="http://www.example?iframe">This goes to iframe</a>

JS:

$('a.forpopup').fancybox();

answered Jan 19, 2013 at 13:01

Paul Fleming

24.6k8 gold badges79 silver badges113 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

user1983902 · Accepted Answer · 2013-01-19 13:08:33Z

2

See in jQuery ColorBox, in Demos Page find the Other Content Types section for outside HTML content via AJAX, Flash and video examples.

A brief example of usage:

// Format:
$(selector).colorbox({key:value, key:value, key:value});

// Examples:
// Image links displayed as a group
$('a.gallery').colorbox({rel:'gal'});

// Ajax
$('a#login').colorbox();

// Called directly, without assignment to an element:
$.colorbox({href:"thankyou.html"});

// Called directly with HTML
$.colorbox({html:"<h1>Welcome</h1>"});

// ColorBox can accept a function in place of a static value:
$("a.gallery").colorbox({rel: 'gal', title: function(){
    var url = $(this).attr('href');
    return '<a href="' + url + '" target="_blank">Open In New Window</a>';
}});

edited Jan 19, 2013 at 13:08

answered Jan 19, 2013 at 13:02

user1983902

4344 silver badges3 bronze badges

Collectives™ on Stack Overflow

ajax/jquery - Script that open simple popup window

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related