www.webdeveloper.com
Results 1 to 3 of 3

Thread: There is an error in Popup JavaScript, I couldn't find

Hybrid View

  1. #1
    Join Date
    Oct 2012
    Location
    istanbul
    Posts
    64

    There is an error in Popup JavaScript, I couldn't find

    Hello,

    Firefox setting "Using Adobe Acrobat (in firefox)".


    There is an error in Popup JavaScript, I couldn't find.

    Pdf didn't load on first viewing with ths JavaScript popup. But no problem when viewing pdf again after closing popup.

    I wonder, where is the error?

    PHP Code:
    var popupNo=0

    function iframePopup(iUrl,name,width,height){

        
    // Popup
        
        
    if(width<80){width=80}
        
        
    popup=document.createElement("div")
        
        if (
    width=='full' && height=='full'){full=1}else{full=0}
        if (
    width=='full'){width=getBrowserWindowSize().width-25}
        if (
    height=='full'){height=getBrowserWindowSize().height-40}
        
        
    popup.style.width=(width)+"px"
        
        
    popup.className="popup"
        
        
    if(navigator.appName=="Microsoft Internet Explorer"){
            
    popup.style.position="absolute"
            
            
    tWidth="98.5%"
            
    iWidth="100%"
            
        
    }else{
            
    popup.style.position="fixed"
            
            
    tWidth=(width-12)+"px";
            
    iWidth=(width-4)+"px"
            
    }
            

        
        if (
    full==1){
            
    popup.style.left="0px"
            
    popup.style.top="0px"
        
    }else{
            
    popup.style.left=((getBrowserWindowSize().width-width)/2)+"px"
            
    popup.style.top=((getBrowserWindowSize().height-height)/2-20)+"px"
            
    }
        
        
    CloseIcon$="http://cdn1.iconfinder.com/data/icons/freeapplication/png/24x24/Close.png"
        
        
    popup.innerHTML="<div class='popupTitle' style='width:"+tWidth+"'>"+name+"<span style='position:absolute; right:1px; top:1px;'><img id='CloseIcon"+popupNo+"' height='23' src='"+CloseIcon$+"'></span></div><iframe src='"+iUrl+"' marginwidth='1' marginheight='1' border='0' frameborder='1' style='height:"+height+"px; width:"+iWidth+"' class='popupIframe'></iframe>"   
        
        
    document.getElementsByTagName("body")[0].appendChild(popup)
        
        
    document.getElementById(("CloseIcon")+popupNo).onclick=function(){
            
    popup$=this.parentNode.parentNode.parentNode
            popup
    $.parentNode.removeChild(popup$)
            }
        
    popupNo++
        }

    function 
    getBrowserWindowSize(){
        var 
    myWidth 0myHeight 0;
        if( 
    typeofwindow.innerWidth ) == 'number' ){
            
    //İnternet explorer değilse
            
    myWidth window.innerWidth;
            
    myHeight window.innerHeight;
        }else if( 
    document.documentElement && ( document.documentElement.clientWidth || document.documentElement.clientHeight ) ){
            
    //internet Explorer 6+ 
            
    myWidth document.documentElement.clientWidth;
            
    myHeight document.documentElement.clientHeight;
            }
        else if( 
    document.body && ( document.body.clientWidth || document.body.clientHeight ) ){
            
    //internet Explorer 4 compatible
            
    myWidth document.body.clientWidth;
            
    myHeight document.body.clientHeight;
            }

        return {
    width:myWidthheight:myHeight};
        } 
    Thanks in advance
    Last edited by Adem; 05-12-2013 at 02:20 PM.

  2. #2
    Join Date
    Oct 2012
    Location
    istanbul
    Posts
    64
    OR CSS

    PHP Code:
    .popup{
        
    padding:2px;
        
    background:#ECE9D8;
        
    border:1px solid black;
        
    position:fixed;

        
    box-shadow:7px 7px 7px #888888;
        
    text-align=:center;
        }

    .
    popup,.popupIframe,.popupTitle{
        
    border-radius:5px
        -
    moz-border-radius5px;   
        -
    khtml-border-radius5px;   
        -
    webkit-border-radius5px;
        }

    .
    popupTitle{
        
    background:-moz-linear-gradientcenter top#0000CC 5%, #0080FF 100% );
        
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#0000CC'endColorstr='#0080FF');
        
    background-color:#0000CC;
        
    color:#FFFFFF;
        
    position:absolute;
        
    width:100%;
        
    border:1px solid black;
        
    font-weight:bold;
        
    padding:5px;
        
    text-shadow2px 2px 2px#000000;
        
    font-family:arial;
        
    font-size:14px;
        
        
    text-align:left;
        }

    .
    popupIframe{
        
    background:white;
        
    margin-top:30px;
        
    border:0px solid 1px;
        
    text-align:center;
        } 

  3. #3
    Join Date
    Oct 2012
    Location
    istanbul
    Posts
    64

Thread Information

Users Browsing this Thread

There are currently 1 users browsing this thread. (0 members and 1 guests)

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •  
HTML5 Development Center



Recent Articles