# Need help converting this html A HREF command into action script

**URL:** <https://forum.kirupa.com/t/need-help-converting-this-html-a-href-command-into-action-script/223675>\
**Category:** flash\
**Created:** [April 24, 2007, 8:42pm UTC](https://forum.kirupa.com/t/need-help-converting-this-html-a-href-command-into-action-script/223675 "2007-04-24T20:42:44Z")\
**Posts on this page:** 1\
**Page:** 1

<div class="post-metadata">

**Author:** ![Havoc1](https://avatars.discourse-cdn.com/v4/letter/h/aeb1de/32.png) [@Havoc1](https://forum.kirupa.com/u/Havoc1)\
**Post date:** [April 24, 2007, 8:42pm UTC](https://forum.kirupa.com/t/need-help-converting-this-html-a-href-command-into-action-script/223675/1 "2007-04-24T20:42:44Z")

</div>

I am currently following [this tutorial (scroll down to “How-to make a DHTML pop-up” section) with good results. You can see that I got it working pretty well at [URL=“http://www.null-clothing.com/media.html”]my website](http://www.hunlock.com/blogs/Everything_You_Ever_Needed_To_Know_About_Video_Embedding), you should see the hyperlink in the upper-left hand corner labeled “Porkchop Sandwiches!!”.

This is all well and good, but now I would like to convert that hyperlink into actionscript format and link it to the pic on the box via Flash 8. The hyperlink code is pasted below.

\*\* \<a href=“[http://www.youtube.com/v/5OEqXAzx6zk](http://www.youtube.com/v/5OEqXAzx6zk)” onclick=‘return popVideo(“vid1”,true)’\>Porkchop Sandwiches!!\</a\>\*\*

This bit of code calls on the script I have pasted at the end of this thread. I’ve been at this for 2 days, trying to get this to work in actionscript. I know how to make buttons and all that, so don’t worry. I’m at the point where I now need to configure the button with the appropriate actionscript. I think I’m on the right trail, so far I have this.

\*\*on (release’return popVideo(“vid1”,true)’) {

```
//Goto Webpage Behavior
getURL("http://www.youtube.com/v/5OEqXAzx6zk");
//End Behavior

```

}

\*\*I’m trying to alter the code in actionscript so that it calls on the script. The error output on publishing the file reads as follows…

\*\ ***Error** Symbol=Symbol 1, layer=Layer 4, frame=33:Line 1: ‘,’ expected  
on (release’return popVideo(“vid1”,true)’) {

**Error** Symbol=Symbol 1, layer=Layer 4, frame=33:Line 4: Statement must appear within on handler  
getURL(“[http://www.youtube.com/v/5OEqXAzx6zk](http://www.youtube.com/v/5OEqXAzx6zk)”);

**Error** Symbol=Symbol 1, layer=Layer 4, frame=33:Line 6: Unexpected ‘}’ encountered  
}

Total ActionScript Errors: 3 Reported Errors: 3\*\*

I will post the script work that the link is trying to call on in the HTML file below for reference, top portion is HTML, the script portion is Java. Wall of text incoming…

\<div id=‘vid1’ class=‘video’ style=‘position: absolute; display: none;  
padding: 10px; background-color: #800000; border: 3px solid black’\>  
\<a href="#" onclick=‘return popVideo(“close”)’ style=‘float: left; color: white;’\>Close\</a\>\<BR\>  
\<object width=“425” height=“350”\>  
\<param name=“movie” value=“[http://www.youtube.com/v/5OEqXAzx6zk](http://www.youtube.com/v/5OEqXAzx6zk)”\>\</param\>  
\<param name=“wmode” value=“transparent”\>\</param\>  
\<embed src=“[http://www.youtube.com/v/5OEqXAzx6zk](http://www.youtube.com/v/5OEqXAzx6zk)” type=“application/x-shockwave-flash”  
wmode=“transparent” width=“425” height=“350”\>  
\</embed\>  
\</object\>  
\</div\>

\<script type=“text/javascript”\>  
function getElementsByClass (searchClass) {  
// This function returns an array of all HTML objects with the  
// specified className. Tag is optional  
var returnArray = [];  
var els = document.getElementsByTagName(’_’);  
var pattern = new RegExp(’(^|\s)’+searchClass+’(\s|$)’);  
for (var i = 0; i \< els.length; i++) {  
if ( pattern.test(els_.className) ) { returnArray.push(els\*); }  
}  
return returnArray;  
}

function popVideo(vid, darken) {  
// This function accepts a division ID (vid), either a string or the actual  
// object itself. vid is mandatory. darken is optional, if it’s true  
// the page will be greyed out under the video.  
var videos = getElementsByClass(‘video’); // Get all the videos on the page.  
var isplaying=null;  
for(i=0; i\<videos.length; i++) { // Loop through all the videos  
if (videos\*.style.display==‘block’) { // This video is playing  
isplaying=videos\*.id; // remember its name  
var tmp=videos\*.innerHTML; // Get the division contents  
videos\*.innerHTML=’’; // destroy the contents  
videos\*.style.display=‘none’; // Terminate the video.  
videos\*.innerHTML=tmp; // rebuild the contents.  
}  
}  
// This handles the darkening of the background while a video is playing.  
// First we see if the dark layer exists.  
var dark=document.getElementById(‘darkenScreenObject’);  
if (!dark) {  
// The dark layer doesn’t exist, it’s never been created. So we’ll  
// create it here and apply some basic styles.  
var tbody = document.getElementsByTagName(“body”)[0];  
var tnode = document.createElement(‘div’); // Create the layer.  
tnode.style.backgroundColor=‘rgb(0, 0, 0)’; // Make it black.  
tnode.style.opacity=‘0.7’; // Set the opacity (firefox/Opera)  
tnode.style.MozOpacity=‘0.70’; // Firefox 1.5  
tnode.style.filter=‘alpha(opacity=70)’; // IE.  
tnode.style.zIndex=‘1’; // Zindex of 50 so it “floats”  
tnode.style.position=‘absolute’; // Position absolutely  
tnode.style.top=‘0px’; // In the top  
tnode.style.left=‘0px’; // Left corner of the page  
tnode.style.overflow=‘hidden’; // Try to avoid making scroll bars  
tnode.style.display=‘none’; // Start out Hidden  
tnode.id=‘darkenScreenObject’; // Name it so we can find it later  
tbody.appendChild(tnode); // Add it to the web page  
dark=document.getElementById(‘darkenScreenObject’); // Get the object.  
}  
dark.style.display=‘none’;  
if ((isplaying==vid)||(/^close$/i.test(vid))) { return false; }  
if (typeof(vid)==“string”) { vid=document.getElementById(vid); }  
if (vid&&typeof(vid)==“object”) {  
if (darken) {  
// Calculate the page width and height  
if( window.innerHeight && window.scrollMaxY ) {  
var pageWidth = window.innerWidth + window.scrollMaxX;  
var pageHeight = window.innerHeight + window.scrollMaxY;  
} else if( document.body.scrollHeight \> document.body.offsetHeight ) {  
var pageWidth = document.body.scrollWidth;  
var pageHeight = document.body.scrollHeight;  
} else {  
var pageWidth = document.body.offsetWidth + document.body.offsetLeft;  
var pageHeight = document.body.offsetHeight + document.body.offsetTop;  
}  
//set the shader to cover the entire page and make it visible.  
dark.style.width= pageWidth+‘px’;  
dark.style.height= pageHeight+‘px’;  
dark.style.display=‘block’;  
}  
// Make the video visible and set the zindex so its on top of everything else  
vid.style.zIndex=‘100’;  
vid.style.display=‘block’;  
var scrollTop = 0;  
if (document.documentElement && document.documentElement.scrollTop)  
scrollTop = document.documentElement.scrollTop;  
else if (document.body)  
scrollTop = document.body.scrollTop;

```
// set the starting x and y position of the video
vid.style.top=scrollTop+Math.floor((document.documentElement.clientHeight/2)-(vid.offsetHeight/2))+'px';
vid.style.left=Math.floor((document.documentElement.clientWidth/2)-(vid.offsetWidth/2))+'px';

```

}  
return false;  
}  
\</script\>

\<a href=“[http://www.youtube.com/v/5OEqXAzx6zk](http://www.youtube.com/v/5OEqXAzx6zk)” onclick=‘return popVideo(“vid1”,true)’\>Porkchop Sandwiches!!\</a\>

Anyone able to help me out on this one? I know I’m missing something very small and simple here…