LakeHomes V0.2 BETA

Ini · 04-01-2008, 09:58 PM

Yer if he releases for free every fansite has it none of them will be unique again and will all be the same again..

Good Work simon

Mario · 04-01-2008, 09:59 PM

slightly offtopic but do you mind me asking what text you used for the banner, brilliant work btw, Its a very fast system, even faster than habbos

.

Chippiewill · 04-01-2008, 10:03 PM

thats because there arent 5000 people using the system at the same time.

lolwut · 04-01-2008, 10:20 PM

It's good, but could you do a Place All thing on the Inventory? It's really annoying having to open it and click Place over and over.
Otherwise it's really good, 10/10.

EDIT: I don't know how I did this, but: http://habbolake.com/home/compact.php?habbo=Xoops has no background?

Baving · 04-01-2008, 11:05 PM

Originally Posted by Forge

You make it sound so easy!
Make one yourself and then say that

Wow such a challenge :rolleyes:

@ Invent - It is just a simple user system with a profile drag drop on top of it lol..

chrisgocrazyH · 04-01-2008, 11:29 PM

i do know how hard it is i try im currently learning

sorry for being annoying i just like that soo much..

~~Moh~~ · 04-01-2008, 11:57 PM

Originally Posted by Baving

Wow such a challenge :rolleyes:

@ Invent - It is just a simple user system with a profile drag drop on top of it lol..

Make me 1

btw is it still £50 invent? You still haven't said

Agnostic Bear · 05-01-2008, 01:57 AM

Originally Posted by Invent

Dude, you're always asking for people to post codes, release things, etc. Why don't you learn PHP, Javascript, CSS, XHTML and find out how hard it is to make this system. You'd understand why I'm not releasing it.

Also, thanks to everyone who has signed up and created a Home

XHTML = HTML without the crap that renders faster and conforms to the XML standard, learn your differences.

It's not hard atall, just a bit of javascript here and there and some xmlhttp objects, nothing out of the ordinary.

Originally Posted by Baving

It is not hard to make a system like that.. It is very simple if programmed correctly and kept simple.

It just requires a connection to MySQL with several update and insert queries. For the javascript is just requires a little AJAX nothing to hard with a bit of Drag & Drop.

The most time consuming thing about building a system like that from my perspective is uploading all the stickers and backgrounds.

Quoted for truth.

Originally Posted by Invent

He probably good as Baving is a good coder. But I don't think he understands that I haven't just coded a drag & drop thing. It's a lot more developed than that.

Ok ok, you still use scriptaculous so technically you haven't coded anything, make your own javascript framework and come back to me and Baving on that one.

Edit: It's not XHTML anyway, also compress your damn html.

Code:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title>LakeHouses ~ Xoops</title>
<script language="javascript" src="js/ajax.js"></script>
<script src="js/prototype.js" type="text/javascript"></script>
<script src="js/scriptaculous.js" type="text/javascript"></script>
<script src="js/unittest.js" type="text/javascript"></script>
<script type="text/javascript" src="js/control.textarea.js"></script>
<script type="text/javascript" src="js/control.textarea.bbcode.js"></script>
<script type="text/javascript" src="js/getElementsBySelector.js"></script>
<link href="css/style2.css" type="text/css" rel="stylesheet" />
<link href="css/hskins.css" rel="stylesheet" type="text/css">
<link href="css/pages.css" rel="stylesheet" type="text/css">
<link href="css/compact.css" rel="stylesheet" type="text/css">
<link href="stickers/stickers.css" rel="stylesheet" type="text/css">
<link href="widgets/widgets.css" rel="stylesheet" type="text/css">
<link href="backgrounds/backgrounds.css" rel="stylesheet" type="text/css">
<style type="text/css">
<!--
/* IE fix for :hover elements, damn you Microsoft! */
body {
    behavior: url("csshover.htc");
}
-->
</style>
<script type="text/javascript">
    var i = "0";
    var heighting = "0";
    hiding = "";
    old_bg = "empty";
    function getPageSize(){
        var xScroll, yScroll;
        if (window.innerHeight && window.scrollMaxY) {
            xScroll = document.body.scrollWidth;
            yScroll = window.innerHeight + window.scrollMaxY;
        } else if (document.body.scrollHeight > document.body.offsetHeight){ // all but Explorer Mac
            xScroll = document.body.scrollWidth;
            yScroll = document.body.scrollHeight;
        } else { // Explorer Mac...would also work in Explorer 6 Strict, Mozilla and Safari
            xScroll = document.body.offsetWidth;
            yScroll = document.body.offsetHeight;
        }
        var windowWidth, windowHeight;
        if (self.innerHeight) {    // all except Explorer
            windowWidth = self.innerWidth;
            windowHeight = self.innerHeight;
        } else if (document.documentElement && document.documentElement.clientHeight) { // Explorer 6 Strict Mode
            windowWidth = document.documentElement.clientWidth;
            windowHeight = document.documentElement.clientHeight;
        } else if (document.body) { // other Explorers
            windowWidth = document.body.clientWidth;
            windowHeight = document.body.clientHeight;
        }
        // for small pages with total height less then height of the viewport
        if(yScroll < windowHeight){
            pageHeight = windowHeight;
        } else {
            pageHeight = yScroll;
        }
        // for small pages with total width less then width of the viewport
        if(xScroll < windowWidth){
            pageWidth = windowWidth;
        } else {
            pageWidth = xScroll;
        }
        arrayPageSize = new Array(pageWidth,pageHeight,windowWidth,windowHeight)
        return arrayPageSize;
    }

    function hide_body(question)
    {
        var id = "overlay";
        document.body.style.overflowX = "hidden";
        var pageSize = getPageSize();
        Element.setStyle("overlay", { width:'101.6%', height:''+pageSize[1]+'px' } );
        new Effect.Appear("overlay");
        $(id).morph('opacity:0.6',{ /*/options*/ });

    }
    function closeWebStore()
    {
        new Effect.Fade('change',{
            afterFinish:function() {     document.getElementById('change').innerHTML = '' }
        });
        var id = "overlay";
        document.body.style.margin = "";
        Element.setStyle("overlay", { width:'0%', height:'0px' } );
        $(id).morph('opacity:0.0',{ /*/options*/ });
    }
    function showHabboHomeMessageBox(title, message, buttonText) {
        var box = '<div class="dialog-grey" id="myhabbo-message2" style="z-index: 99999999; font-family: Verdana; font-size: 10px;">';
        var box = box+'    <div class="dialog-grey-top" style="width: 409px;  height: 26px; ">';
        var box = box+'        <div class="dialog-greytab-top" style="cursor: move; height: 26px; text-align: left; padding-left: 0;">';
        var box = box+'            <h3 style="padding-right: 4px; padding-top: 7px; height: 26px; ">';
        var box = box+'                '+title+'';
        var box = box+'            </h3>';
        var box = box+'      </div>';
        var box = box+'    </div>';
        var box = box+'    <div class="dialog-grey-body" style="border-left: 1px solid #000000;  width: 420px; margin-left: 0px; padding-right: 1px;"><div class="dialog-grey-content" style="border-left: 1px solid #000000;"><div class="clear" style="border-left: 1px solid #000000;"></div></div></div>';
        var box = box+'        <div class="dialog-grey-content" style="border-left: 1px solid #000000;width: 414px">';

        var box = box+'                <div class="dialog-grey-body" style=" margin: 0;width: 100%">';
        var box = box+'                <div class="dialog-grey-content" style="padding-left: 7px; padding-right: 7px;">';
        var box = box+'                <div class="clear">';
        var box = box+'               '+message+'';
        var box = box+'                </div><div style="text-align: right">';

        var box = box+'                            <div style="margin-left: 31px;">';
        var box = box+'                                <div id="exit" class="colorlink" style="margin-left: 300px; background-image: url(images/button.png); width: 414px; height: 15px; font-family: Verdana; font-size: 10px; font-weight: bold; text-align: center; padding-top: 3px; width: 69px; overflow: hidden;"><a onClick="closeHabboHomeMessageBox()" style="cursor: pointer">'+buttonText+'</a></div>';
        var box = box+'                            </div>';

        var box = box+'                </div>';
        var box = box+'                </div></div>';

        var box = box+'        </div><div class="dialog-grey-bottom"><div class="dialog-greytab-bottom" style="width: 414px;"></div></div>';
        var box = box+'</div>';

        var box = box+'</div>';
        hide_body("yes");
        document.getElementById("myhabbo-message").innerHTML = box;
        moveDialogToCenter("myhabbo-message");
    }
    function closeHabboHomeMessageBox() {
        closeWebStore();
        $("myhabbo-message").innerHTML = "";
    }
    function getViewportScrollY() {
        var scrollY = 0;
        if (document.documentElement && document.documentElement.scrollTop) {
            scrollY = document.documentElement.scrollTop;
        }
        else if (document.body && document.body.scrollTop) {
            scrollY = document.body.scrollTop;
        }
        else if (window.pageYOffset) {
            scrollY = window.pageYOffset;
        }
        else if (window.scrollY) {
            scrollY = window.scrollY;
        }
        return scrollY;
    };
    function moveDialogToCenter(dialog) {
        var topPos = Position.cumulativeOffset($("top"));
        var dim = Element.getDimensions(dialog);
        var pageSize = getPageSize();
        var x = 0, y = 0;
        x = Math.round(pageSize[2] / 2) - Math.round(dim.width / 2);
        if ($("ad_sidebar")) {
            var adPos = Position.cumulativeOffset($("ad_sidebar"));
            if (x + dim.width > adPos[0]) { x = adPos[0] - dim.width; }
        }
        if (x < 0) { x = 0; }
        y = getViewportScrollY() + 80;
        if (y + dim.height > pageSize[1]) { y = pageSize[1] - dim.height; }
        if (y < topPos[1]) { y = topPos[1] + 20; }
        $(dialog).style.left = x *2/3 + "px";
        $(dialog).style.top = y * 1+ "px";
    }
</script>
<script type="text/javascript" language="javascript">
/*########*/
function observeAnim() {
    var p = document.getElementsByClassName("profile-figure");
    if (p.length > 0) {
        R=0; x1=.1; y1=.08; x2=.25; y2=.24; x3=1.6; y3=.24;
        x4=220; y4=200; x5=260; y5=200;
        DI = document.getElementsByClassName("moveable");
        DIL=DI.length;
        bckup = new Array();
        for(i=0; i<DIL; i++){
            bckup[DI[i].id +  '-t'] = DI[i].style.top;
            bckup[DI[i].id +  '-l'] = DI[i].style.left;
        }
        Event.observe(p[0], "dblclick", function(e) {
            if (R < 300) {
                Event.stop(e);
                for(i=0; i<DIL; i++){
                    new Effect.Move(DI[i], {x : parseFloat(Math.sin(R*x1+i*x2+x3)*x4+x5), y : parseFloat(Math.cos(R*y1+i*y2+y3)*y4+y5), mode : 'absolute'});
                }
                setTimeout(function() {
                    B = setInterval(A,10);
                }, 1000);
            }
        });
    }
    function A(){
        for(i=0; i<DIL; i++){
            DIS=DI[i].style;
            DIS.left=Math.sin(R*x1+i*x2+x3)*x4+x5 + "px";
            DIS.top=Math.cos(R*y1+i*y2+y3)*y4+y5 + "px";
        }
        R++;
        if (R > 300) {
            clearInterval(B);
            for(i=0; i<DIL; i++){
                new Effect.Move(DI[i], {x : parseFloat(bckup[DI[i].id +  '-l']), y : parseFloat(bckup[DI[i].id +  '-t']), mode : 'absolute'});
            }
        }
        document.getElementsByClassName("profile-figure").each(function(element)
        {
            var zInde = $(element).style.zIndex;
            $(element).style.zIndex = zInde - 1;
        });
    }
}
function moveUpDo(heightvar)
{
    height_to_add = height_to_add + heightvar;
}
function generatePostBody() {
    var stickie_values = "";
    var sticker_values = "";
    var widget_values = "";
    var background_value = element_data['background'];
    document.getElementsByClassName("moveable", "mypage-bg").each(function(element) {
        if (Element.hasClassName(element, "stickie")) {
            value = element_data[element.id];
            if (value) {
                stickie_values += value;
            }
        } else if (Element.hasClassName(element, "sticker")) {
            value = element_data[element.id];
            if (value) {
                sticker_values += value;
            }
        } else if (Element.hasClassName(element, "widget")) {
            value = element_data[element.id];
            if (value) {
                widget_values += value;
            }
        }
    });
    var postBody = "";
    if (sticker_values.length > 0) {
        postBody= 'stickers= '+sticker_values;
    }
    if (stickie_values.length > 0) {
        if(postBody.length > 0) {
            postBody+= '&';
        }
        postBody+= 'stickienotes= '+stickie_values;
    }
    if (widget_values.length > 0) {
        if(postBody.length > 0) {
            postBody+= '&';
        }
        postBody+= 'widgets= '+widget_values;
    }
    if (background_value != null) {
        if(postBody.length > 0) {
            postBody+= '&';
        }
        postBody+= 'background= '+background_value;
    }
    return postBody;
}
function getElementsInInvalidPositions() {
    var invalidPositions = [];
    document.getElementsByClassName("moveable", "playground").each(function(element) {
        if (isNotWithinPlayground(element) && element.className != "moveable NOTEGONE" && element.className != "moveable LOL") { invalidPositions.push(element); };
    });
    return invalidPositions;
}
function getAddVar()
{
}
function load_simon(){
    window.location = "?habbo=Invent!";
}
function heightAlert()
{
    var heighting = "lol";
    alert("yeye!" + heighting);
}
function clearDraggables() {
    Draggables.drags.each(function(element) {
        element.destroy();
    });
}
function initMovableItems() {
    clearDraggables();
    document.getElementsByClassName("moveable", "playground").each(function(element) {
        new Draggable(element, {
            onStart:doStart,
            revert:isNotWithinPlayground,
            starteffect:Prototype.emptyFunction,
            onEnd:showIcons,
            endeffect:function(element) {
                if(!isNotWithinPlayground(element)) {
                    bringElementOnTop(element);
                }
            }, zindex:9000
        });
    });
}
function store(type) {
    hide_body("yes");
    Effect.Appear('change');
    $("change").innerHTML = '<div style="width: 102px; margin-left: auto; margin-right: auto;"><br /><br /><br /><br /><br /><br /><img src="images/progress_habbos.gif" /></div>';
    $("change").style.left = '45%';
    xmlHttp=GetXmlHttpObject()
    if (xmlHttp==null){
        alert ("Browser does not support HTTP Request")
        return
    }
    if(type == "inv")
    {
        var url = "store/index.php?inv=true";
    }
    else if(type == "store")
    {
        var url = "store/index.php";
    }
    xmlHttp.open("GET",url,true)
    xmlHttp.onreadystatechange = function () {
        if (xmlHttp.readyState == 4) {
            $("change").style.left = '25%';
            document.getElementById("change").innerHTML = xmlHttp.responseText;
        }
    };
    xmlHttp.send(null);
}

function listRemoved()
{
    document.getElementsByClassName("LOL", "playground").each(function(element) {
        alert(element.id);
    });
}
function saveObserve()
{

    var handlerFunc = function(t) {
        $("myhabbo-overlay").innerHTML = "<br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><center><img src=\"images/progress_habbos.gif\" alt=\"Saving...\" /><br /><font face='verdana' color='white' size='1'><strong>SAVED!</strong></font></center>";
        window.location = "compact.php?habbo=Xoops";
    }
    var invalidPos = getElementsInInvalidPositions();
    if (invalidPos.length > 0) {
        $("myhabbo-overlay").innerHTML = '';
        showHabboHomeMessageBox("Whoops! You can\'t do that!", "Sorry, but you can\'t place your stickers, notes or widgets here. Close the window to continue editing your page.", "Close");
        $A(invalidPos).each(function(el) { Effect.Pulsate(el); });
        return false;
    }
    else
    {        hide_body("yes");
    $("myhabbo-overlay").innerHTML = "<br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><center><img src=\"images/progress_habbos.gif\" alt=\"Saving...\" /><br /><font face='verdana' color='white' size='1'><strong>Saving...</strong></font></center>";
    document.getElementsByClassName("moveable", "mypage-bg").each(function(element)
    {

        if(Element.hasClassName(element, "LOL"))
        {
            new Ajax.Request("send_inv.php",
            {
                parameters:"id="+element.id+"&username=Edd"
            }
            );
        }
        else if(Element.hasClassName(element, "NOTEGONE"))
        {
            new Ajax.Request("rem_note.php",
            {
                parameters:"id="+element.id+"&username=Edd"
            }
            );
        }
        else if(Element.hasClassName(element, "sticker"))
        {
            if(!Element.hasClassName(element, "LOL"))
            {
                var left = $(element.id).style.left;
                var top = $(element.id).style.top;
                var z = $(element.id).style.zIndex;
                new Ajax.Request("update2.php",
                {
                    parameters:"update=true&id="+element.id+"&username=Edd&x="+left+"&y="+top+"&type=sticker&z="+z+""

                }
                );
            }
        }
        else if(Element.hasClassName(element, "widget"))
        {
            var left = $(element.id).style.left;
            var top = $(element.id).style.top;
            var z = $(element.id).style.zIndex;
            var skin = $(element.id+"-ProfileSkinChoose").className;
            new Ajax.Request("update2.php",
            {
                parameters:"update=true&id="+element.id+"&username=Edd&style="+skin+"&x="+left+"&y="+top+"&type=widget&z="+z+""
            }
            );
        }
        else if(Element.hasClassName(element, "stickie"))
        {

            var left = $(element.id).style.left;
            var top = $(element.id).style.top;
            var z = $(element.id).style.zIndex;
            var skin = $(element.id+"-ProfileSkinChoose").className;
            new Ajax.Request("update2.php",
            {
                parameters:"update=true&id="+element.id+"&username=Edd&style="+skin+"&x="+left+"&y="+top+"&type=text&z="+z+""

            }
            );
        }

    }
    );
    /* widgetzz */
    var removed2 = function(t)
    {
        var e = t.responseText;
        var e2 = e.split("|");
        for (var i = 0; i < e2.length; i++) {
            if(!document.getElementById(e2[i]))
            {
                /* If the element DOESN'T exist, then remove it! :D */
                new Ajax.Request("send_inv.php",
                {
                    parameters:"id="+e2[i]+"&username=Edd"
                }
                );
            }
            else
            {
                /* It DOES exit! So remove all extra SQL tags */
                new Ajax.Request("remove_sql.php",
                {
                    parameters:"id="+e2[i]+"&username=Edd"
                }
                );
            }
        }
    }
    new Ajax.Request("get_widgets.php",
    {
        parameters:"username=Edd",
        onSuccess:removed2,
        onFailure:removed2
    }
    );
    /* removed saving */
    var removed = function(t)
    {
        var e = t.responseText;
        var e2 = e.split("|");
        for (var i = 0; i < e2.length; i++) {

            if(!document.getElementById(e2[i]))
            {
                /* If the element DOESN'T exist, then remove it! :D */
                new Ajax.Request("send_inv.php",
                {
                    parameters:"id="+e2[i]+"&username=Edd"
                }
                );
            }
        }
    }
    new Ajax.Request("get_removed.php",
    {
        onSuccess:removed,
        onFailure:removed
    }
    );
    /* Background saving! */

    new Ajax.Request("bg_do.php", {
        parameters:"bg="+element_data['background']+"&username=Edd",
        onSuccess:handlerFunc
    }
    );
    }
}
function button_edit(src)
{
    if(src == "hide")
    {
        doStart();
        hiding = "yes";
    }
    else if(src == "show")
    {
        document.getElementsByClassName("edit-icon").each(function(element) {
            document.getElementById(element.id).style.display = "block";
        }
        );
        hiding = "no";
    }
}
function set_bg(src)
{
    $(src).innerHTML =  "<img src=\"store/images/selector.png\" />";
    $(old_bg).innerHTML = "<img src=\"store/slot_mask.png\" />";
    old_bg = src;
}
/*######*/
</script>
<script type="text/javascript">
<!--
gbhabbo = "Xoops";
function delGbMsg(e, id)
{
    var q = confirm("Are you sure you want to remove this message? This action is undoable!");
    if(q)
    {
        var handle = function(e)
        {
            // Handler
            if(e.responseText != "1")
            {
                alert(e.reponseText);
            }
            else
            {
                new Effect.Fade("guestbook-entry-"+id);
                num = Number(num) - 1;
                var signs = $("guestbook-size").innerHTML;
                var signs2 = (Number(signs) - 1);
                $("guestbook-size").innerHTML = signs2;
                if(num == "0")
                {
                    $("info").innerHTML = "<center>This guestbook has not yet been signed!</center>";
                    new Effect.Appear("info", { queue:'end' });
                }
            }
        }
        new Ajax.Request("delGb.php",
        {
            parameters:"id=322&msg="+id,
            onSuccess:handle,
            onFailure:function(e) { alert("Could not remove message: "+e.responseText); }
        });
    }
}
function openPostMsg()
{
    var offsets = Position.cumulativeOffset($('guestbook-open-dialog'));
    var left = (offsets[0] - 190) +"px";
    var top = (offsets[1] - 200) +"px";
    $("gb-post").style.position = "absolute";
    $("gb-post").style.left = left;
    $("gb-post").style.top = top;
    $("gb-post").style.display = "block";
}
function editPost()
{
    $("preview").style.display = "none";
    $("form").style.display = "block";
}
function preview()
{
    var msg = document.gb_msg.msg.value;
    if(msg == "")
    {
        alert("Your message field was left empty!..");
    }
    else
    {
        $("preview").innerHTML = "<strong>Please wait...</strong>";
        $("form").style.display = "none";
        $("preview").style.display = "block";
        var handle = function(e)
        {
            $("preview").innerHTML = e.responseText;
        }
        new Ajax.Request("previewGb.php",
        {
            parameters:"msg="+encodeURI(escape(msg)),
            onSuccess:handle,
            onFailure:handle

        });
    }
}
function postMsg()
{
    var msg = document.gb_msg.msg.value;
    if(msg == "")
    {
        alert("Your message is empty!");
    }
    else
    {
        $("preview").innerHTML = "<strong>Please wait...</strong>";
        $("form").style.display = "none";
        $("preview").style.display = "block";

        var handle = function(e)
        {
            document.gb_msg.msg.value = "";
            $("gb-post").style.display = "none";
            $("info").style.display = "none";
            $("preview").style.display = "none";
            $("form").style.display = "block";
            new Insertion.Top("guestbook-entry-container", e.responseText);
        }
        new Ajax.Request("postGb.php",
        {
            parameters:"msg="+encodeURI(escape(msg))+"&gb="+gbhabbo,
            onSuccess:handle,
            onFailure:handle

        });
    }
}
function doStart()
{
    closeMenu("e");
    document.getElementsByClassName("edit-icon").each(function(element) {
        document.getElementById(element.id).style.display = "none";
    }
    );
}
function showIcons()
{
    if(hiding == "no" || hiding == "")
    {

        document.getElementsByClassName("edit-icon").each(function(element) {
            document.getElementById(element.id).style.display = "block";
        }
        );
    }
}
function clearDraggables() {
    Draggables.drags.each(function(element) {
        element.destroy();
    });
}
function initDraggableDialogs() {
    $$('.dialog-grey').each(function(dialog) {
        new Draggable(dialog, {
            handle:'dialog-grey-handle',
            starteffect:Prototype.emptyFunction,
            endeffect:Prototype.emptyFunction,
            zindex:9100
        });
    });
}
function setDraggables() {
    clearDraggables();
    document.getElementsByClassName("moveable", "playground").each(function(element) {
        new Draggable(element, {
            handle:element.id+"-handle",
            onStart:doStart,
            revert:isNotWithinPlayground,
            starteffect:Prototype.emptyFunction,
            onEnd:showIcons,
            endeffect:function(element) {
                if(!isNotWithinPlayground(element)) {
                    bringElementOnTop(element);
                }
            }, zindex:9000
        });
    });
    /* Extra draggables */
    new Draggable("gb-post", {
        starteffect:Prototype.emptyFunction,
        endeffect:Prototype.emptyFunction,
        handle:"top22",
        zindex:9000
    });
}
function reportSticker(e, sticker)
{
    Event.stop(e);
    if(document.getElementById("iya"))
    {
        var d = document.getElementById('playground');
        var olddiv = document.getElementById("iya");
        d.removeChild(olddiv);
    }
    var left = $(sticker).style.left
    var width = $(sticker).style.width;
    var top = $(sticker).style.top;
    var height = $(sticker).style.height;
    var brokenstring=left.split("px");
    var brokedstring=width.split("px");
    var brokerstring=top.split("px");
    var height2=height.split("px");
    var top2 = Number(brokerstring[0]) - Number(height2[0]) + Number(brokerstring[0]) - 500;
    var position = Number(brokenstring[0]) + Number(brokedstring[0]);
    var box = "<div id=\"iya\" style=\"position: absolute; color: #FFFFFF; z-index: 0; display: none; left:"+position+"; top:"+brokerstring[0]+";\"></div>";
    var show = function(k)
    {

        document.getElementById("iya").innerHTML = k.responseText;

    }

    new Insertion.Bottom("playground", box);
    var loading = '<table border="0" cellspacing="0" cellpadding="0" style="z-index: 9999999">';
    var loading = loading + '  <tr>';
    var loading = loading + '    <td><img src="images/edit/top.gif" width="193" height="8"></td>';
    var loading = loading + '  </tr>';
    var loading = loading + '  <tr>';
    var loading = loading + '    <td valign="top" background="images/edit/mid.gif" style="font-family: Tahoma; font-size: 11px; color:#000000;">';
    var loading = loading + '    ';
    var loading = loading + '    <center>';
    var loading = loading + '    ';
    var loading = loading + '        <div id="top" style="border-bottom: 1px dashed #000000; width: 90%">';
    var loading = loading + '        ';
    var loading = loading + '            <strong>';
    var loading = loading + '                Report Item';
    var loading = loading + '            </strong>';
    var loading = loading + '            ';
    var loading = loading + '        </div>';
    var loading = loading + '   <br />';
    var loading = loading + '<center><img src="images/progress_habbos.gif" /></center>';
    var loading = loading + '    </td>';
    var loading = loading + '  </tr>';
    var loading = loading + '  <tr>';
    var loading = loading + '    <td><img src="images/edit/bottom.gif" width="193" height="8"></td>';
    var loading = loading + '  </tr>';
    var loading = loading + '</table>';
    $("iya").innerHTML = loading;
    new Ajax.Request("report.php",
    {
        parameters:"sticker="+sticker,
        onSuccess:show
    }
    );
    var pos = Position.cumulativeOffset($(sticker));
    var lefts = Number(brokedstring[0]) + Number(brokenstring[0])
    var menu = $("iya");
    menu.style.top = (pos[1] - 215) + "px";
    menu.style.left = Number(lefts) + "px";
    menu.style.float = "right";
    menu.style.display = "block";
    menu.style.zIndex = "99999999";
    $("iya").style.zIndex = "999999";
    Event.observe('playground', 'dblclick', function(e){ closeMenu(e) });
}
-->
</script>
<style type="text/css">
<!--
#bbcode_toolbar {
    position: relative;
    list-style: none;
    margin: 0;
    padding: 0;
    height: 20px;
    margin-bottom: 2px;
}
#bbcode_toolbar li {
    float: left;
    list-style: none;
    margin: 0;
    padding: 0;
}
#bbcode_toolbar li a {
    width: 19px;
    height: 18px;
    float: left;
    display: block;
    margin: 1px !important;
    margin: 0 1px 0 0;
}
#bbcode_toolbar li span {
    display: none;
}
#bbcode_bold_button {
    background-image: url(images/bold.gif);
}
#bbcode_italics_button {
    background-image: url(images/italic.gif);
}
#bbcode_underline_button {
    background-image: url(images/underline.gif);
}
#bbcode_strike_button {
    background-image: url(images/strike.gif);
}
#bbcode_quote_button {
    background-position: 0 -54px;
}
#bbcode_largesize_button {
    background-position: 0 -72px;
}
#bbcode_smallsize_button {
    background-position: 0 -90px;
}
#bbcode_code_button {
    background-position: 0 -108px;
}
#bbcode_link_button {
    background-position: 0 -126px;
}
#bbcode_toolbar select {
    margin-left: 3px;
}
.bbcode-quote {
    background-color: #ceceba;
    border: 1px solid #000000;
    margin: 3px 3px 10px;
    padding: 5px;
}
.w_skin_defaultskin .bbcode-quote {
    background-color: #ceceba;
}
.w_skin_goldenskin .bbcode-quote {
    background-color: #c9cab1;
}
.w_skin_hc_pillowskin .bbcode-quote {
    background-color: #e274ba;
}
.w_skin_hc_machineskin .bbcode-quote {
    background-color: #1f5f16;
}
.w_skin_metalskin .bbcode-quote {
    background-color: #9999a3;
}
.w_skin_notepadskin .bbcode-quote {
    background-color: #d6dbef;
}
.w_skin_speechbubbleskin .bbcode-quote {
    background-color: #e2e2e2;
}
.w_skin_noteitskin .bbcode-quote {
    background-color: #7ea7d0;
}
-->
</style>
<script type="text/javascript">
    <!--

    /*function setCookie(name, value, expires, path, domain, secure) {
    document.cookie = name + "=" + escape (value) +
    ((expires) ? "; expires=" + expires.toGMTString() : "") +
    ((path) ? "; path=" + path : "") +
    ((domain) ? "; domain=" + domain : "") +
    ((secure) ? "; secure" : "");
    }
    function getCookie(c_name)
    {
    if (document.cookie.length>0)
    {
    c_start=document.cookie.indexOf(c_name + "=")
    if (c_start!=-1)
    {
    c_start=c_start + c_name.length+1
    c_end=document.cookie.indexOf(";",c_start)
    if (c_end==-1) c_end=document.cookie.length
    return unescape(document.cookie.substring(c_start,c_end))
    }
    }
    return ""
    }
    function remAlert()
    {
    var change = function(e)
    {
    $("alert-sending").style.display = "none";
    alert("Alert sent!");
    }
    new Ajax.Request("rem_alert.php",
    {
    onSuccess:change,
    onFailure:change
    });
    }
    function sendAlert()
    {
    var msg = prompt("Enter the message you want to be sent to the website", "");
    var handler = function(e)
    {
    $("alert-sending").style.display = "block";
    setTimeout("remAlert()", 5000);
    }
    if(msg)
    {
    new Ajax.Request("sendAlert.php",
    {
    parameters:"msg="+msg,
    onSuccess:handler,
    onFailure:handler
    });
    }
    }
    function checkAlert()
    {
    var handler = function(e)
    {
    if(getCookie(e.responseText) != "read" && e.responseText != "")
    {
    if(e.responseText)
    {

    showHabboHomeMessageBox("Message from LakeHabbo Homes", e.responseText, "Close");
    setCookie(e.responseText, "read", 365);
    }

    }
    }
    new Ajax.Request("alerts.php",
    {
    onSuccess:handler,
    onFailure:handler
    }
    );
    setTimeout('checkAlert()', 3000);
    }*/
    //-->
    </script>
</head>
<body onload="observeAnim(); initDraggableDialogs(); " id="body">
<!--
    Overlays and Draggables
    -->
<div id="overlay" style="position: absolute; width: 0; left: 0; top: 0; width: 105%; height: 0; background-color: #000000; opacity: 0; display: none; z-index: 999999;">
</div>
<div id="change" style="position: absolute; left: 25%; top: 10%; z-index: 99999999999;">
</div>
<div id="myhabbo-message" style="position: absolute; z-index: 9999999;">
</div>
<div id="empty" style="display: none">
</div>
<div id="myhabbo-overlay" style="position: absolute; z-index: 9999999; width: 100%;">
</div>
<script type="text/javascript" language="javascript" charset="utf-8">
    // <![CDATA[
    new Draggable('myhabbo-message',
    {
        scroll:window,
        handle:"dialog-greytab-top",
        starteffect:Prototype.emptyFunction,
        endeffect:Prototype.emptyFunction
    }
    );
    // ]]>
    </script>
<div id="preloader" style="display: none">
    <!--
         // This is used to preload images for the webstore in IE!
    --><img src="store/images/store_inventory.gif" alt="">
    <img src="store/images/store_inventory_fade.png" alt="">
    <img src="store/images/store_webstore_fade.png" alt="">
    <img src="store/images/store_webstore_icon.gif" alt=""> </div>
<!--
    // Overlays and Draggbles ^
-->
<div align="center" id="top">
    <div id="rofl" style="position: relative; left: 10px; top: 40px;">
    </div>
    <div id="banner">
        <div id="nav-buttons">
            <a href="?page=home" target="_self">
            <div class="nav-button">
                Home </div>
            </a><a href="?page=createhome" target="_self">
            <div class="nav-button">
                Register </div>
            </a><a href="?page=login" target="_self">
            <div class="nav-button">
                Login </div>
            </a></div>
    </div>
    <br />
    <br />
    <div id="playground-set">
        <div id="home-header" class="-header">
            Xoops's Home </div>
        <div id="playground-areas" style="clear: both; overflow: hidden;">
            <div id="mypage-bg" class="bbfm_home_Striping Blue " style="width: 918px;">
                <div id="playground" style="text-align: left;">
                    <script type="text/javascript" language="javascript" charset="utf-8">
                    
                    
// <![CDATA[
Droppables.add('playground',{
    accept:['sticker_hw_logo','"jKkfGuyPetarded_v2_72"','"aZt23"','"gBx16"','"nCfballer10"','"Dn220px-Esso_logo_svg"','"oKuleafs2"','"oKuleafs2"','"oKuleafs2"','"oKuleafs2"','"oKuleafs2"','"oKuleafs2"','"oKuleafs2"','"hZhleafs1"','"hZhleafs1"','"hZhleafs1"','"hZhleafs1"','"hZhleafs1"','"hZhleafs1"','"hZhleafs1"','"oKuleafs2"','"hZhleafs1"','"zHbfont_1195944399"','box1','otherstuff']
});
// ]]>
</script>
                    <div id="sticker-5062" class="moveable sticker sticker_hw_logo" style="position: absolute; width: 415px; left: 242px; top: 765px; z-index: 52; height: 112px; visibility: visible;">
                    </div>
                    <div id="sticker-5063" class="moveable sticker jKkfGuyPetarded_v2_72" style="position: absolute; width: 400px; left: 253px; top: 376px; z-index: 10; height: 430px; visibility: visible;">
                    </div>
                    <div id="sticker-5064" class="moveable sticker aZt23" style="position: absolute; width: 48px; left: 623px; top: 309px; z-index: 56; height: 48px; visibility: visible;">
                    </div>
                    <div id="sticker-5065" class="moveable sticker gBx16" style="position: absolute; width: 50px; left: 241px; top: 300px; z-index: 1; height: 50px; visibility: visible;">
                    </div>
                    <div id="sticker-5066" class="moveable sticker nCfballer10" style="position: absolute; width: 50px; left: 132px; top: 177px; z-index: 51; height: 50px; visibility: visible;">
                    </div>
                    <div id="sticker-5067" class="moveable sticker Dn220px-Esso_logo_svg" style="position: absolute; width: 220px; left: 251px; top: 483px; z-index: 48; height: 156px; visibility: visible;">
                    </div>
                    <div id="sticker-5068" class="moveable sticker oKuleafs2" style="position: absolute; width: 146px; left: 226px; top: 333px; z-index: 15; height: 80px; visibility: visible;">
                    </div>
                    <div id="sticker-5069" class="moveable sticker oKuleafs2" style="position: absolute; width: 146px; left: 349px; top: 329px; z-index: 16; height: 80px; visibility: visible;">
                    </div>
                    <div id="sticker-5070" class="moveable sticker oKuleafs2" style="position: absolute; width: 146px; left: 461px; top: 328px; z-index: 58; height: 80px; visibility: visible;">
                    </div>
                    <div id="sticker-5071" class="moveable sticker oKuleafs2" style="position: absolute; width: 146px; left: 529px; top: 327px; z-index: 61; height: 80px; visibility: visible;">
                    </div>
                    <div id="sticker-5072" class="moveable sticker oKuleafs2" style="position: absolute; width: 146px; left: 239px; top: 763px; z-index: 20; height: 80px; visibility: visible;">
                    </div>
                    <div id="sticker-5073" class="moveable sticker oKuleafs2" style="position: absolute; width: 146px; left: 477px; top: 768px; z-index: 40; height: 80px; visibility: visible;">
                    </div>
                    <div id="sticker-5074" class="moveable sticker oKuleafs2" style="position: absolute; width: 146px; left: 364px; top: 767px; z-index: 39; height: 80px; visibility: visible;">
                    </div>
                    <div id="sticker-5075" class="moveable sticker hZhleafs1" style="position: absolute; width: 80px; left: 631px; top: 588px; z-index: 38; height: 146px; visibility: visible;">
                    </div>
                    <div id="sticker-5076" class="moveable sticker hZhleafs1" style="position: absolute; width: 80px; left: 202px; top: 674px; z-index: 35; height: 146px; visibility: visible;">
                    </div>
                    <div id="sticker-5077" class="moveable sticker hZhleafs1" style="position: absolute; width: 80px; left: 614px; top: 363px; z-index: 60; height: 146px; visibility: visible;">
                    </div>
                    <div id="sticker-5078" class="moveable sticker hZhleafs1" style="position: absolute; width: 80px; left: 624px; top: 469px; z-index: 37; height: 146px; visibility: visible;">
                    </div>
                    <div id="sticker-5079" class="moveable sticker hZhleafs1" style="position: absolute; width: 80px; left: 199px; top: 556px; z-index: 49; height: 146px; visibility: visible;">
                    </div>
                    <div id="sticker-5080" class="moveable sticker hZhleafs1" style="position: absolute; width: 80px; left: 207px; top: 447px; z-index: 50; height: 146px; visibility: visible;">
                    </div>
                    <div id="sticker-5081" class="moveable sticker hZhleafs1" style="position: absolute; width: 80px; left: 214px; top: 349px; z-index: 54; height: 146px; visibility: visible;">
                    </div>
                    <div id="sticker-5083" class="moveable sticker oKuleafs2" style="position: absolute; width: 146px; left: 556px; top: 769px; z-index: 43; height: 80px; visibility: visible;">
                    </div>
                    <div id="sticker-5084" class="moveable sticker hZhleafs1" style="position: absolute; width: 80px; left: 624px; top: 654px; z-index: 42; height: 146px; visibility: visible;">
                    </div>
                    <div id="sticker-5085" class="moveable sticker zHbfont_1195944399" style="position: absolute; width: 300px; left: 313px; top: 353px; z-index: 1; height: 26px; visibility: visible;">
                    </div>
                    <div class="moveable widget GuestbookWidget" onclick="" id="widget-322" style="position: absolute; font-family: verdana; font-size: 11px; left: 117px; top: 137px; z-index: 8;">
                        <div id="widget-322-title" class="defaultskin">
                        </div>
                        <div id="widget-322-ProfileSkinChoose" class="w_skin_defaultskin">
                            <div class="widget-corner" id="widget-322-handle" style="">
                                <div style="position: absolute; z-index: 999999; right: 20px;">
                                </div>
                                <div class="widget-headline">
                                    <h3></h3>
                                    <div style="">
                                        <span class="header-left">&nbsp;</span><strong><span class="header-middle">MY 
                                        GUESTBOOK(<span id="guestbook-size">0</span>)</strong>
                                        <span id="guestbook-type" class="public">
                                        </span></span>
                                        <span class="header-right">&nbsp;</span></div>
                                    <h3></h3>
                                </div>
                            </div>
                            <div class="widget-body">
                                <div class="widget-content">
                                    <div id="guestbook-wrapper" class="gb-public" style="clear: both; overflow: auto;">
                                        <ul class="guestbook-entries" id="guestbook-entry-container">
                                            <div id="info">
                                                <center>This guestbook has not 
                                                yet been signed!</center></div>
                                            <br />
                                        </ul>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div id="gb-post" style="display: none; z-index: 99999;">
                        <div class="speech_top">
                            <div class="top22" id="top22" style="cursor: move">
                                Post a message</div>
                        </div>
                        <div class="speech_mid" style="overflow: hidden">
                            <form name="gb_msg" id="gb_msg" method="post" action="javascript:void(0); postMsg();">
                                <div id="preview" style="display: none">
                                </div>
                                <div id="form" style="display: block">
                                    <strong>Message:</strong> <br />
                                    <textarea name="msg" id="msg" cols="35" style="font-family: Verdana, Tahoma; width: 215px; font-size: 11px;" rows="3"></textarea>
                                </div>
                                <br />
                                <br />
                                <div style="float: left">
                                    <input type="submit" name="submit" id="submit" style="font-family: Tahoma; font-size: 11px;" value="Post Message" /></div>
                            </form>
                            <form name="preview" id="preview" method="post" action="javascript:void(0); preview();">
                                <div style="float: right;">
                                    <input type="submit" name="submit" id="submit" style="font-family: Tahoma; font-size: 11px;" value="Preview Message" />
                                </div>
                            </form>
                        </div>
                        <div class="speech_bot">
                        </div>
                    </div>
                    <script type="text/javascript">
<!--
bbcodeToolbar = new Control.TextArea.ToolBar.BBCode("msg");
bbcodeToolbar.toolbar.toolbar.id = "bbcode_toolbar";
var colors = { "red" : ["#d80000", "Red"],
"orange" : ["#fe6301", "Orange"],
"yellow" : ["#ffce00", "Yellow"],
"green" : ["#6cc800", "Green"],
"cyan" : ["#00c6c4", "Cyan"],
"blue" : ["#0070d7", "Blue"],
"gray" : ["#828282", "Grey"],
"black" : ["#000000", "Black"]
};
bbcodeToolbar.addColorSelect("Colours", colors, true);
new Draggable('gb-post',
{
    scroll:window,
    onStart:doStart,
    starteffect:Prototype.emptyFunction,
    endeffect:Prototype.emptyFunction,
    onEnd:showIcons,
    handle:'top22'
}
);
-->
</script>
                    <div class="moveable widget ProfileWidget" id="widget-321" style="float: left; font-family: verdana, tahoma; clear: both; position: absolute; left: 522px; top: 67px; display: block; clear: both; z-index: 55">
                        <div id="widget-321-ProfileSkinChoose" class="w_skin_defaultskin">
                            <div class="widget-corner" id="widget-321-handle">
                                <div class="widget-headline">
                                    <h3><span class="header-left">&nbsp;</span><span class="header-middle">MY 
                                    HABBO</span><span class="header-right">
                                    </span></h3>
                                </div>
                            </div>
                            <div class="widget-body">
                                <div class="widget-content">
                                    <div class="profile-info" style="font-size: 11px">
                                        <div class="name" style="">
                                            <span class="name-text" style="text-decoration: underline;">
                                            <img src="http://www.habbo.co.uk/habbo-imaging/avatarimage?user=Xoops&amp;action=4&amp;direction=4&amp;head_direction=4&amp;gesture=sml&amp;size=l&amp;img_format=gif" alt="Xoops" style="margin-top: -20px; margin-left: 10px;" align="right" /><strong>Xoops</strong></span>
                                        </div>
                                        <div>
                                        </div>
                                    </div>
                                    <div class="profile-motto">
                                        eddFTW :]<br />
                                        <img src="images/HC1.gif" border="0" alt="Badge" />
                                        <div class="clear">
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <br />
        <div id="disclaimer">
            HabboLake 'LakeHouses' was developed by Invent! of Habbo UK 
            exclusively for HabboLake.com and TheHabbo.com </div>
    </div>
</div>
</body>
</html>

Invent · 05-01-2008, 02:38 AM

First of all I know what XHTML is. I just don't know why I stated XHTML as a language used as I haven't really used it in this system (apart from new pages/coding).

It's not hard atall, just a bit of javascript here and there and some xmlhttp objects, nothing out of the ordinary.

I partially agree with you there, it basically is just xmlhttp objects & requests but there is also other types of javascript included. If I wasn't taking part in several projects at a time I'm sure it would have taken me significantly less time. The reason why I think it is hard is because when I began I had no JS knowledge whatsoever, and so it was hard back then to start to grasp how javascript worked. For someone who has been coding PHP for years and has used Javascript before then I'm sure it would be a very simple task. But seeing as I'm quite new to both languages, I think it's fair to say I think it's hard.

Ok ok, you still use scriptaculous so technically you haven't coded anything, make your own javascript framework and come back to me and Baving on that one.

So just because I use a framework it's not classed as coding? That's almost as stupid as when I said PHP Classes aren't regular php. I know I haven't hand coded all the xmlhttp objects myself, but I still coded the stuff to execute them so therefore it's still coding. Also, if I was to code an entire framework just for a single script then that would be idiotic seeing as there is an open-source and much better alternative that does exactly what I need to create the script.

Agnostic Bear · 05-01-2008, 05:33 AM

Originally Posted by Invent

So just because I use a framework it's not classed as coding? That's almost as stupid as when I said PHP Classes aren't regular php. I know I haven't hand coded all the xmlhttp objects myself, but I still coded the stuff to execute them so therefore it's still coding. Also, if I was to code an entire framework just for a single script then that would be idiotic seeing as there is an open-source and much better alternative that does exactly what I need to create the script.

It's not much better, scriptaculous is laggy and runs so much stuff it doesn't need to, it'd only take you a few weeks tops to create a framework.

Thread: LakeHomes V0.2 BETA

Thread Tools

Posting Permissions