|
|
|
|
Pop up
1. Create the player page.
The first step for creating a pop up link is to use the Customizer Tool to generate an HTML page ("myWimpy.html"). Once you've saved the "myWimpy.html" to your PC, upload the file to your web site. The file can be uploaded to any location. The file can also be renamed to anything you want.
After uploading the "myWimpy.html" file to your website, use a web browser and navigate to the page. This will be the page we will "pop up," So copy and paste the URL to this page for future reference, as we'll need the URL in the following steps.
2. Create the pop-up code.
Use the Pop Up Window Maker tool to generate the required code needed to pop up the player page.
Read through the options to determine which method you want to use to pop up the player.
In the "Page to pop up" section, enter the URL to the page you created during step 1 above.
Click the "Get the code!" button to generate the HTML code.
3. Insert the code
The resulting page displays a box that contains HTML code that looks similar to:
<script language="JavaScript" type="text/JavaScript">
<!--
function wimpyPopPlayer(theFile,id,stuff) {
window.open(theFile,id,stuff);
}
//-->
</script>
<a href="javascript:;" onClick="wimpyPopPlayer('http://www.yoursite.com/myWimpy.html','wimpyMP3player','width=481,height=141')">
Launch Jukebox</a>
a. Select the all of the code and "copy" it to your clipboard.
HINT: To copy all of the code, click into the box that contains the code, then with your mouse, right-click and choose "Select All", then right click again and chose "Copy".
b. Open the page you wish to insert the pop up link into with a text editor (or an HTML editor such as Dreamweaver).
c. Paste the code anywhere in between the opening <body> and closing </body> tags of the source HTML code in your existing page.
e. Save the page and re-upload it to your web site.
4. Test
After re-uploading the page you've included the pop up code on, pull the page up in a web browser. You may need to refresh the page in order for your browser to load the updates -- or you may need to empty your browser's cache in order for your browser to recognize the changes you've made on the page.
|
|
|
|
