|
JAVASCRIPT
POPUP SCRIPT
Text highlighted in GREEN can be customized to your
needs.
STEP ONE: Upload .wmv movie onto web directory.
(EXAMPLEMOVIE.wmv)
Ex: I uploaded my movie into the /NYC051927/interview/
folder.
STEP TWO: Create a new HTML document called ShowExample.html.
Embed the movie source code below in ShowExample.html with this
script.
Place the following code into
ShowExample.html
*********************************************************************
<!-- begin embedded WindowsMedia file...
-->
<table border='0' cellpadding='0' align="left" width="177"
style="border-collapse: collapse" bordercolor="#111111"
cellspacing="0">
<tr><td width="285">
<embed
width="285" height="245" src="http://www.tqnyc.org/NYC051927/interview/EXAMPLEMOVIE.wmv"><noembed>Sorry, your browser doesn't support this
format.</noembed></td></tr>
<!-- ...end
embedded WindowsMedia file -->
<!-- begin link to launch external
media player... -->
*********************************************************************
STEP THREE: Create a
new HTML document named MainPage.html.
You will need the following tags and codes in the
document.
*********************************************************************
<html>
<head>
<title>
This is the page where the link is
placed so when clicked, it will open up a new
window.
</title>
<script
language="javascript">
function popUp(URL) {
day = new
Date();
id = day.getTime();
eval("page" + id + " = window.open(URL,
'" + id + "',
'toolbar=0,scrollbars=0,location=0,statusbar=0,menubar=0,resizable=0,width=305,height=300');");
}
</script>
</head>
<body>
<a
href="javascript:popUp('http://www.tqnyc.org/NYC051927/ShowExample.html')">Watch Video
Now</a>
</body>
</html>
*********************************************************************
Conclusion:
When you click the "Watch Video Now" link in the MainPage.html, a
window will popup with the width of 305 and a height of 300. You can
change this number to fit you
needs. |