• This site uses cookies. By continuing to use this site, you are agreeing to our use of cookies. Learn more.

XF 1.5 Overlay pop-up not working

Itsel

New member
#1
I'm currently putting a seamless player on my website and it stops making my overlay pop-up works. So basically if I click any user, it directly goes to their profile instead of viewing the member card. If I try to login, it will go to the login page directly instead of the login pop-up. Another one is if I Like a post or a comment or a reply, it will redirect me to a page asking if I'm sure that I want to like it. When I remove the code, the overlay pop-up works. What seems to be the problem? I know there's a conflict somewhere but I'm not good with js.

The code below is what I put to run the seamless player. my website is http://forum.raibutolk.net/

Code:
<!-- SCM Music Player http://scmplayer.net -->
<script type="text/javascript" src="http://forum.raibutolk.net/scm-player/script.js"
data-config="{'skin':'skins/simpleBlack/skin.css','volume':11,'autoplay':false,'shuffle':false,'repeat':1,'placement':'bottom','showplaylist':false,'playlist':[{'title':'RaibuTolk Radio! Live!','url':'http://s4.streammonster.com:8564/;stream.mp3'}]}" ></script>
<!-- SCM Music Player script end -->
 
Last edited:

Itsel

New member
#2
What would cause the overlay pop-up not to function properly? on the code below? Where could be the conflict?

Code:
(function(){
    var hasFrame = window.parent!=window,
        scripts = document.getElementsByTagName('script'),
        current = scripts[scripts.length-1],
        config = current.getAttribute('data-config'),
        head = document.getElementsByTagName("head")[0],
        dest = location.href.replace(/scmplayer\=true/g, 'scmplayer=false'),
        destHost = dest.substr(0,dest.indexOf('/',10)),
        scm = current.getAttribute('src').replace(/script\.js.*/g,'scm.html?03022013')+'#'+dest,
        scmHost = scm.substr(0,scm.indexOf('/',10)),
        isOutside = !hasFrame || location.href.indexOf("scmplayer=true")>0,
        postMessage = function(msg){
            return window.top.document.getElementById('scmframe')
                .contentWindow.postMessage(msg,scmHost);
        },
        postFactory = function(obj,keys){
            var keys = keys.split(','),
                post = function(key){
                    return function(arg){
                        var argStr = '';
                        if(typeof(arg)!='undefined')
                            argStr = (key.match(/(play|queue)/) ? 'new Song(':'(') +
                                JSON.stringify(arg)+')';
                        postMessage('SCM.'+key+'('+argStr+')');
                    }
                };
            for(var i=0;i<keys.length;i++){
                var key = keys[i];
                obj[key] = post(key);
            }
        },
        postConfig = function(config){
            if(!isOutside)
            postMessage('SCM.config('+config+')');
        },

        addEvent = function(elm, evType, fn) {
            if(elm.addEventListener)
                elm.addEventListener(evType, fn);
            else if (elm.attachEvent)
                elm.attachEvent('on' + evType, fn);
            else
                elm['on' + evType] = fn;
        },
        isIE = (function(){
            var undef,v = 3,div = document.createElement('div'),
            all = div.getElementsByTagName('i');
            while (
                div.innerHTML = '<!--[if gt IE ' + (++v) + ']><i></i><![endif]-->',
                all[0] );
            return v > 4 ? v : undef;
        })(),
        isMobile = navigator.userAgent.match(/iPad|iPhone|Android|Blackberry/i),

        init = function(){
            if(!document.body){
                setTimeout(init,10);
                return;
            }
            if(isOutside) outside(); else inside();
        },

        outside = function(){
            var css = 'html,body{overflow:hidden;} body{margin:0;padding:0;border:0;} img,a,embed,object,div,address,table,iframe,p,span,form,header,section,footer{ display:none;border:0;margin:0;padding:0; } #tumblr_controls{display:none;} #scmframe{display:block; background-color:transparent; position:fixed; top:0px; left:0px; width:100%; height:100%; z-index:1667;} ';
            var style = document.createElement('style');
            style.type = 'text/css';
            style.id = 'scmcss';

            if(style.styleSheet) style.styleSheet.cssText = css;
            else style.appendChild(document.createTextNode(css));

            head.appendChild(style);
            /*
            while(head.firstChild.id!="scmcss")
                head.removeChild(head.firstChild);
            */
            
            var scmframe = document.createElement('iframe');
            scmframe.frameBorder = 0;
            scmframe.id = "scmframe";
            scmframe.allowTransparency = true;
            scmframe.src = scm;
            
            document.body.insertBefore(scmframe,document.body.firstChild);

            addEvent(window,'load',function() {
                setTimeout(function(){
                    while(document.body.firstChild!=scmframe)
                        document.body.removeChild(document.body.firstChild);
                    while(document.body.lastChild!=scmframe)
                        document.body.removeChild(document.body.lastChild);
                },0);
            });

            //fix frame height in IE
            addEvent(window,'resize',function(){
                scmframe.style.height = (function(){
                    if( typeof( window.innerHeight ) == 'number' )
                        return window.innerHeight;
                    else if( document.documentElement && document.documentElement.clientHeight )
                        return document.documentElement.clientHeight;
                    else if( document.body && document.body.clientHeight )
                        return document.body.clientHeight;
                })();
            });
            //pushState and hash change detection
            var getPath = function(){
                    return location.href.replace(/#.*/,'');
                },
                path = getPath(),
                hash = location.hash;
            setInterval(function(){
                if(getPath()!=path){
                    path = getPath();
                    window.scminside.location.replace(path);
                }
                if(location.hash != hash){
                    hash = location.hash;
                    window.scminside.location.hash = hash;
                }
            },100);
        },
        inside = function(){
            //change title
            window.top.document.title = document.title;
            //fix links
            var filter = function(host){
                    host = host.replace(/blogspot.[a-z.]*/i,'blogspot.com');
                    host = host.replace(/^(http(s)?:\/\/)?(www.)?/i,'');
                    return host;
                };
            addEvent(document.body,'click',function(e){
                var tar = e.target;
                var ext = (tar.target == '_blank');
                while(!tar.tagName.match(/^(a|area)$/i) && tar!=document.body)
                    tar = tar.parentNode;
                if(tar.tagName.match(/^(a|area)$/i) &&
                    !tar.href.match(/.(jpg|png)$/i) && //ignore picture link
                    !tar.href.match(/^javascript:/) //ignore javascript link
                ){
                    if(tar.href.indexOf('#')==0){
                        //hash
                        if(tar.href != "#"){
                            window.top.scminside = window;
                            window.top.location.hash = location.hash;
                            e.preventDefault();
                        }
                    }else if(tar.title.match(/^(SCM:|\[SCM\])/i)){
                        //SCM Play link
                        var title = tar.title.replace(/^(SCM:|\[SCM\])( )?/i,'');
                        var url = tar.href;
                        SCM.play({title:title,url:url});
                        e.preventDefault();
                    }else if(tar.href.match(/\.css$/)){
                        //auto add skin
                        window.open('http://scmplayer.net/#skin='+tar.href,'_blank');
                        window.focus();
                        e.preventDefault();
                    }else if(ext || filter(tar.href).indexOf(filter(location.host))==-1 ){
                        if(tar.href.match(/^http(s)?/)){
                            //external links
                            window.open(tar.href,'_blank');
                            window.focus();
                            e.preventDefault();
                        }
                    }else if(history.pushState){
                        //internal link & has pushState
                        //change address bar href
                        var url = filter(tar.href).replace(filter(destHost),'');
                        window.top.scminside = window;
                        window.top.history.pushState(null,null,url);
                        e.preventDefault();
                    }
                }
            });

            addEvent(window,'load',function() {
            });

        };

    //SCM interface
    var SCM = {};

    postFactory(SCM,
        'queue,play,pause,next,previous,volume,skin,placement,'+
        'loadPlaylist,repeatMode,isShuffle,showPlaylist,'+
        'togglePlaylist,toggleShuffle,changeRepeatMode');

    if(window.SCM && window.SCMMusicPlayer) return;

    if(!isMobile) init();

    //send config
    if(config) postConfig(config);
    SCM.init = postConfig;

    window.SCMMusicPlayer = window.SCMMusicPlayer || SCM;
    window.SCM = window.SCM || SCM;
})();