[R63B] Overlaying DIV ON Swf

JayC

Well-Known Member
Aug 8, 2013
5,505
1,401
Hey Guys,

Why the hell is this not working properly.
Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
        "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en" xmlns:og="http://opengraphprotocol.org/schema/" xmlns:fb="http://www.facebook.com/2008/fbml">
<head>
    <meta http-equiv="content-type" content="text/html; charset=utf-8" />
    <title>HabFluxRP - Client</title>

<script type="text/javascript">
var andSoItBegins = (new Date()).getTime();
</script>
<link rel="shortcut icon" href="http://beta.website/fluxweb/v2/images/favicon.ico" type="image/vnd.microsoft.icon" />
<meta name="csrf-token" content="a68e16da32"/>
<!--<script type="text/javascript" src="http://beta.website/fluxweb/js/snow.js"></script>-->
<link rel="stylesheet" href="http://beta.website/fluxweb/static/styles/common.css" type="text/css" />
<script src="http://beta.website/fluxweb/static/js/libs2.js" type="text/javascript"></script>
<script src="http://beta.website/fluxweb/static/js/visual.js" type="text/javascript"></script>
<script src="http://beta.website/fluxweb/static/js/libs.js" type="text/javascript"></script>
<script src="http://beta.website/fluxweb/static/js/common.js" type="text/javascript"></script>

<link rel="stylesheet" type="text/css" href="https://t4t5.github.io/sweetalert/dist/sweetalert.css">
<script src="https://t4t5.github.io/sweetalert/dist/sweetalert.min.js"></script>

<link href='//fonts.googleapis.com/css?family=Ubuntu:400,700,400italic,700italic|Ubuntu+Medium' rel='stylesheet' type='text/css'>



<script type="text/javascript">
document.habboLoggedIn = true;
var habboName = "Nath";
var habboId = 2;
var facebookUser = false;
var habboReqPath = "";
var habboStaticFilePath = "http://beta.website/web-gallery";
var habboImagerUrl = "http://beta.website/habbo-imaging/";
var habboPartner = "";
var habboDefaultClientPopupUrl = "http://beta.website/client";
window.name = "13574bb849eaa68aba57af6b14a5477d5cbffc9c";
if (typeof HabboClient != "undefined") {
    HabboClient.windowName = "13574bb849eaa68aba57af6b14a5477d5cbffc9c";
    HabboClient.maximizeWindow = true;
}


</script>


<meta name="SKYPE_TOOLBAR" content="SKYPE_TOOLBAR_PARSER_COMPATIBLE" />

<noscript>
    <meta http-equiv="refresh" content="0;url=/me/nojs" />
</noscript>
<meta http-equiv="Pragma" content="no-cache" />
<meta http-equiv="Expires" content="-1" />
<meta http-equiv="Cache-Control" content="no-cache, no-store" />
<meta name="google" content="notranslate" />

<link rel="stylesheet" href="http://beta.website/fluxweb/static/styles/habboflashclient.css" type="text/css" />
<script src="http://beta.website/fluxweb/static/js/habboflashclient.js" type="text/javascript"></script>

<script type="text/javascript">
            var BaseUrl = "http://website/swfs/gordon/PRODUCTION-201510261212-858675875";
            var flashvars = {
                    "client.allow.cross.domain" : "0",
                    "client.notify.cross.domain" : "1",
                    "connection.info.host" : "IP",
                    "connection.info.port" : "PORT",
                    "site.url" : "http://beta.website",
                    "url.prefix" : "http://beta.website",
                    "client.reload.url" : "http://beta.website/client",
                    "client.fatal.error.url" : "http://beta.website/client",
                    "client.connection.failed.url" : "http://beta.website/client",
                    "logout.url" : "http://beta.website/me",
                    "logout.disconnect.url" : "http://beta.website/client",
                    "external.variables.txt" : "http://website/swfs/gamedata/external_variables.txt",
                    "external.texts.txt" : "http://website/swfs/gamedata/external_flash_texts.txt",
                    "external.figurepartlist.txt" : "http://website/swfs/gamedata/figuredata.xml",
                    "productdata.load.url" : "http://website/swfs/gamedata/productdata.txt",
                    "furnidata.load.url" : "http://website/swfs/gamedata/furnidata.xml",
                    "sso.ticket" : "{sso}",
                    "processlog.enabled" : "1",
                    "account_id" : "2",
                    "client.starting.revolving" : "",
                    "flash.client.url" : "http://website/swfs/gordon/PRODUCTION-201510261212-858675875/",
                    "user.hash" : "df2cd7104536553afde9f7d66133d578eccb4606",
                    "has.identity" : "1",
                    "flash.client.origin" : "popup",
                    "nux.lobbies.enabled" : "false",
                    "country_code" : ""
                  };
            var params =
            {
                "base" : BaseUrl + "/",
                "allowScriptAccess" : "always",
                "menu" : "false",
                "wmode" : "opaque"
            };
            swfobject.embedSWF("http://website/swfs/gordon/PRODUCTION-201510261212-858675875/Habbo_new1.swf", "client", "100%", "100%", "10.0.0", "http://website/swfs/gordon/expressInstall.swf", flashvars, params, null);
        </script>
</head>
<style>
#client{
    position: relative !important;
    z-index: 1 !important;
}
#overlay{
    position: absolute !important;
    z-index: 3 !important;
    top: 5px;
    left: 5px;
}
</style>
<body id="client" class="flashclient">



<div id="client-ui" >
    <div id="flash-wrapper">
        <div id="flash-container">
            <div id="content" style="width: 400px; margin: 20px auto 0 auto; display: none">
    <div class="cbb clearfix red">
        <h2 class="newtitle">Please update your Flash Player to the latest version.</h2>
        <div class="box-content">
                <p>You can install and download Adobe Flash Player here: <a href="http://get.adobe.com/flashplayer/">Install flash player</a>. More instructions for installation can be found here: <a href="http://www.adobe.com/products/flashplayer/productinfo/instructions/">More information</a>
    If you're on an iPad, iPhone or an Android device, you can get <a href="#">SkyRP for iOS</a> on the App Store or <a href="#" target="_blank">AnxRP for Android</a> on Google Play.</p>
                <p><a href="http://www.adobe.com/go/getflashplayer"><img src="http://beta.website/fluxweb/v2/images/get_flash_player.gif" alt="Get Adobe Flash player" /></a></p>
        </div>
    </div>
            </div>


</script>

<div id="overlay">
<?php
include_once('clientbnew.php');
?>
</div>

</body>
</html>


<?php
include_once('clientbnew.php');
?>
Shows up in the client source -- Does not show up on the page. Am I missing something to get it to go above the SWF?
 

Synt4x

Member
Jan 13, 2016
77
59
It wasn't as simple as z-index as swfobject replaces the innerHTML of the body if id="client" is an active attribute of the tag. For anybody wanting to stop this from happening (i.e. if they're adding a radio to the client and it doesn't seem to work, do the following:

Replace:
HTML:
<body id="client" class="flashclient">
With:
HTML:
<body>

If there is already
HTML:
<div id="client"></div>
present within your client file, then you do not need to add the code above. If it doesn't exist, then add it.

Has your client gone weird and not fully expanding? Add the following just above </head>:
Code:
<style type="text/css">
body, html,
#client {
   width: 100%;
   height: 100%;
}
</style>
 

Brought

更加努力
Jan 14, 2013
593
203
It wasn't as simple as z-index as swfobject replaces the innerHTML of the body if id="client" is an active attribute of the tag. For anybody wanting to stop this from happening (i.e. if they're adding a radio to the client and it doesn't seem to work, do the following:

Replace:
HTML:
<body id="client" class="flashclient">
With:
HTML:
<body>

If there is already
HTML:
<div id="client"></div>
present within your client file, then you do not need to add the code above. If it doesn't exist, then add it.

Has your client gone weird and not fully expanding? Add the following just above </head>:
Code:
<style type="text/css">
body, html,
#client {
   width: 100%;
   height: 100%;
}
</style>
Thanks for actually posting the fix so others that may face the same issue can figure it out as well. Not many people think to do this.
 

Users who are viewing this thread

Top