Total members 11889 |It is currently Fri Mar 29, 2024 11:04 am Login / Join Codemiles

Java

C/C++

PHP

C#

HTML

CSS

ASP

Javascript

JQuery

AJAX

XSD

Python

Matlab

R Scripts

Weka





Hi everyone,
I was wondering if anyone could please tell me were to place a return false in this code so that when the pop-up is clicked it does not jump to the top of the page?
Code:
[ <script language="javascript">     
function openYouTube(id){     
       //YouTube Player Parameters     
       var width = 640;     
       var height = 505;     
       var FullScreen = "yes";     
       var AutoPlay = "yes";     
       var HighDef = "yes";
         
           
       //Calculate Page width and height     
       var pageWidth = window.innerWidth;     
       var pageHeight = window.innerHeight;     
       if (typeof pageWidth != "number"){     
       if (document.compatMode == "CSS1Compat"){     
             pageWidth = document.documentElement.clientWidth;     
             pageHeight = document.documentElement.clientHeight;     
       } else {     
             pageWidth = document.body.clientWidth;     
             pageHeight = document.body.clientHeight;     
             }     
       }     
       // Make Background visible...     
       var divbg = document.getElementById('bg');     
       divbg.style.visibility = "visible";     
           
       //Create dynamic Div container for YouTube Popup Div     
       var divobj = document.createElement('div');     
       divobj.setAttribute('id',id); // Set id to YouTube id     
       divobj.className = "popup";     
       divobj.style.visibility = "visible";     
       var divWidth = width + 4;     
       var divHeight = height + 20;     
       divobj.style.width = divWidth + "px";     
       divobj.style.height = divHeight + "px";     
       var divLeft = (pageWidth - divWidth) / 2;     
       var divTop = (pageHeight - divHeight) / 2 - 10;     
       //Set Left and top coordinates for the div tag     
       divobj.style.left = divLeft + "px";     
       divobj.style.top = divTop + "px";     
           
       //Create dynamic Close Button Div     
       var closebutton = document.createElement('div');     
       closebutton.style.visibility = "visible";     
       closebutton.innerHTML = "<span onclick=\"closeYouTube('" + id +"')\" class=\"close_button\">X</span>";     
       //Add Close Button Div to YouTube Popup Div container     
       divobj.appendChild(closebutton);     
     
       //Create dynamic YouTube Div     
       var ytobj = document.createElement('div');     
       ytobj.setAttribute('id', "yt" + id);     
       ytobj.className = "ytcontainer";     
       ytobj.style.width = width + "px";     
       ytobj.style.height = height + "px";     
       if (FullScreen == "yes") FullScreen="&fs=1"; else FullScreen="&fs=0";     
       if (AutoPlay == "yes") AutoPlay="&autoplay=1"; else AutoPlay="&autoplay=0";     
       if (HighDef == "yes") HighDef="&hd=1"; else HighDef="&hd=0";     
       var URL = "http://www.youtube.com/v/" + id + "&hl=en&rel=0&showsearch=0" + FullScreen + AutoPlay + HighDef;     
       var YouTube = "<object width=\"" + width + "\" height=\"" + height + "\">";     
       YouTube += "<param name=\"movie\" value=\"" + URL + "\"></param>";     
       YouTube += "<param  name=\"allowFullScreen\" value=\"true\"></param><param  name=\"allowscriptaccess\" value=\"always\"></param>";     
       YouTube += "<embed src=\"" + URL + "\" type=\"application/x-shockwave-flash\" ";     
       YouTube += "allowscriptaccess=\"always\" allowfullscreen=\"true\" width=\"" + width + "\" height=\"" + height + "\"></embed></object>";     
       ytobj.innerHTML = YouTube;     
       //Add YouTube Div to YouTube Popup Div container     
       divobj.appendChild(ytobj);     
           
       //Add YouTube Popup Div container to HTML BODY     
       document.body.appendChild(divobj);     
}     
function closeYouTube(id){     
       var divbg = document.getElementById('bg');     
       divbg.style.visibility = "hidden";     
       var divobj = document.getElementById(id);     
       var ytobj = document.getElementById("yt" + id);     
       divobj.removeChild(ytobj); //remove YouTube Div     
       document.body.removeChild(divobj); // remove Popup Div     
}     
</script>     
<style type="text/css">     
<!--     
.popup {     
       position: absolute;     
       z-index: 2;     
}     
.popup_bg {     
       position: absolute;     visibility: hidden;     
       height: 100%; width: 100%;     
       filter: alpha(opacity=70); /* for IE */     
       opacity: 0.7; /* CSS3 standard */     
       left: 0px; top: 0px;     
       background-color: #999;     
       z-index: 1;     
}     
.ytcontainer {     
       border: 2px solid #666;     
       clear: both;     
}     
.close_button {     
       font-family: Verdana, Geneva, sans-serif;     
       font-size: small; font-weight: bold;     
       color: #666; text-decoration: none;     
       display: block; float: right;     
       background-color: #FFF;     
       z-index: 3; cursor: default;     
       border: 2px solid #666;     
       margin-bottom: -2px;     
       padding: 0px 3px 0px 3px;     
}     
body { margin: 0px; }     
-->     
</style>
     
<a href="#" onclick="openYouTube('_AJ0SkbPxAk')">Stewie Beats Brian</a><br />   
<a href="#" onclick="openYouTube('EuAVgWJ28Hw')">Stewie Beats Brian Part-2</a><br />     
<a href="#" onclick="openYouTube('aRn5-LQCg2s')">Family Guy - Puke-A-Thon</a><br />     
<a href="#" onclick="openYouTube('5IQ9mpFZz9c')">Family Guy - Electric Man</a><br />       
<div id="bg" class="popup_bg"></div>  ]






Author:

Code:
// here
         
return false;
       if (
typeof pageWidth != "number"){     
       if (
document.compatMode == "CSS1Compat"){     
             
pageWidth document.documentElement.clientWidth;     
             
pageHeight document.documentElement.clientHeight;     
       } else {     
             
pageWidth document.body.clientWidth;     
             
pageHeight document.body.clientHeight;     
             } 
             
       }

 


_________________
M. S. Rakha, Ph.D.
Queen's University
Canada


Author:
Mastermind
User avatar Posts: 2715
Have thanks: 74 time
Post new topic Reply to topic  [ 2 posts ] 

  Related Posts  to : return false; questions
 java interview questions     -  
 Questions: Perl Script. PHP.     -  
 readLine() return value     -  
 Function return more than one value     -  
 Where do I get Oracle Certification Exam Questions?     -  
 Real questions for BlackBerry BCP-211 exam     -  
 Java Important interview questions     -  
 broken latest 1D0-435 test questions     -  
 Return all the keys of an array     -  









Powered by phpBB © 2000, 2002, 2005, 2007 phpBB Group
All copyrights reserved to codemiles.com 2007-2011
mileX v1.0 designed by codemiles team
Codemiles.com is a participant in the Amazon Services LLC Associates Program, an affiliate advertising program designed to provide a means for sites to earn advertising fees by advertising and linking to Amazon.com