minibrowser

mini browser vs. 1.01 

warnig!! this script does not work perfectly in a GPC page

name: minibrowser
Example: click here

Script: paste this in the body of an HTML page

<script type="text/javascript">

function mo() {
    this.mover = null;
}

    mo.prototype.geklicked = function() {
        this.mover = new mover;
        document.onmousemove = this.mover.move;
    }

    mo.prototype.losgelaten = function() {
        this.mover = null;
        document.onmousemove = null;
    }

function mover() {

    this.divx = null;
    this.divy = null;

}

    mover.prototype.move = function(e) {

        var posx = 0;
        var posy = 0;
        if (!e) var e = window.event;
        if (e.pageX || e.pageY)
        {
            posx = e.pageX;
            posy = e.pageY;
        }
        else if (e.clientX || e.clientY)
        {
            posx = e.clientX + document.body.scrollLeft;
            posy = e.clientY + document.body.scrollTop;
        }
        
        var floatdiv = document.getElementById("sleep");
       
        if (!this.divx) {
            this.divx = posx - parseInt(floatdiv.style.left);
            this.divy = posy - parseInt(floatdiv.style.top);
        }
       
        //document.getElementById("sleep").style.position = 'absolute';
        floatdiv.style.top = posy - this.divy;
        floatdiv.style.left = posx - this.divx;
       
        document.getElementById("output1").value = posy ;
        document.getElementById("output2").value = posx;
    }
   

    </script>


<div id="sleep" style="width: 200px; height: 200px; top: 100px; left: 100px; position: absolute;">
    <div id="inhoud">
   
    <table id="home" width="200" height="200" border="0" cellpadding="0" cellspacing="0" style="display: block">
    <tr>
        <td><a onclick="
            document.getElementById('home').style.display='none';
            document.getElementById('home').style.display='block'">
            <img src="http://gpcstuff.googlepages.com/mini-browser_01.png" width="38" height="34" alt=""></td>
        <td>
            <a onclick="
            document.getElementById('home').style.display='none';
            document.getElementById('search').style.display='block'">
            <img src="http://gpcstuff.googlepages.com/mini-browser_02.png" width="38" height="34" alt=""></a></td>
        <td><a onclick="
            document.getElementById('home').style.display='none';
            document.getElementById('mail').style.display='block'">
            <img src="http://gpcstuff.googlepages.com/mini-browser_03.png" width="38" height="34" alt=""></a></td>
        <td><a onclick="
            document.getElementById('home').style.display='none';
            document.getElementById('preferences').style.display='block'">
            <img src="http://gpcstuff.googlepages.com/mini-browser_04.png" width="38" height="34" alt=""></td>
        <td><a onclick="
            document.getElementById('home').style.display='none';
            document.getElementById('help').style.display='block'">
            <img src="http://gpcstuff.googlepages.com/mini-browser_05.png" width="38" height="34" alt=""></td>
        <td>
            <img src="http://gpcstuff.googlepages.com/mini-browser_06.png" width="10" height="34" alt=""></td>
    </tr>
    <tr>
        <td colspan="6" width="200" height="166" alt="" bgcolor="B800B2">
        <font face="verdana"> Welcome on the Minibrowser, click on one of the buttons above.<br>
        This script is special made for GPC users click the green button for more information


       
        </td>
    </tr>
</table>
   
    <table id="search"  border="0" cellpadding="0" cellspacing="0" style="display: none">
    <tr>
        <td><a onclick="
            document.getElementById('search').style.display='none';
            document.getElementById('home').style.display='block'">
            <img src="http://gpcstuff.googlepages.com/mini-browser_01.png" width="38" height="34" alt=""></td>
        <td>
            <a onclick="
            document.getElementById('search').style.display='none';
            document.getElementById('search').style.display='block'">
            <img src="http://gpcstuff.googlepages.com/mini-browser_02.png" width="38" height="34" alt=""></a></td>
        <td><a onclick="
            document.getElementById('search').style.display='none';
            document.getElementById('mail').style.display='block'">
            <img src="http://gpcstuff.googlepages.com/mini-browser_03.png" width="38" height="34" alt=""></a></td>
        <td><a onclick="
            document.getElementById('search').style.display='none';
            document.getElementById('preferences').style.display='block'">
            <img src="http://gpcstuff.googlepages.com/mini-browser_04.png" width="38" height="34" alt=""></td>
        <td><a onclick="
            document.getElementById('search').style.display='none';
            document.getElementById('help').style.display='block'">
            <img src="http://gpcstuff.googlepages.com/mini-browser_05.png" width="38" height="34" alt=""></td>
        <td>
            <img src="http://gpcstuff.googlepages.com/mini-browser_06.png" width="10" height="34" alt=""></td>
    </tr>
    <tr>
        <td colspan="6" width="200" height="166" alt="" bgcolor="red">
       
        <!-- Search Google -->
<center>
<FORM method=GET action=http://www.google.com/custom>
<TABLE bgcolor="red" cellspacing=0 border=0>
<tr valign=top><td>
<A HREF=http://www.google.com/search>

</td>
<td>
<INPUT TYPE=text name=q size=20 maxlength=255 value=""><br><br>
<INPUT type=submit name=sa VALUE="Google Search">
<input type=hidden name=domains value="googlepages.com"><br><font face="verdana" size="1"><input type=radio name=sitesearch value=""> Search WWW<br> <input type=radio name=sitesearch value="googlepages.com" checked> Search googlepages.com
</td></tr></TABLE>
</FORM>
</center>
<!-- Search Google -->
       
        </td>
    </tr>
</table>
    <table id="mail"  border="0" cellpadding="0" cellspacing="0" style="display: none">
    <tr>
        <td><a onclick="
            document.getElementById('mail').style.display='none';
            document.getElementById('home').style.display='block'">
            <img src="http://gpcstuff.googlepages.com/mini-browser_01.png" width="38" height="34" alt=""></td>
        <td>
            <a onclick="
            document.getElementById('mail').style.display='none';
            document.getElementById('search').style.display='block'">
            <img src="http://gpcstuff.googlepages.com/mini-browser_02.png" width="38" height="34" alt=""></a></td>
        <td><a onclick="
            document.getElementById('mail').style.display='none';
            document.getElementById('mail').style.display='block'">
            <img src="http://gpcstuff.googlepages.com/mini-browser_03.png" width="38" height="34" alt=""></a></td>
        <td><a onclick="
            document.getElementById('mail').style.display='none';
            document.getElementById('preferences').style.display='block'">
            <img src="http://gpcstuff.googlepages.com/mini-browser_04.png" width="38" height="34" alt=""></td>
        <td><a onclick="
            document.getElementById('mail').style.display='none';
            document.getElementById('help').style.display='block'">
            <img src="http://gpcstuff.googlepages.com/mini-browser_05.png" width="38" height="34" alt=""></td>
        <td>
            <img src="http://gpcstuff.googlepages.com/mini-browser_06.png" width="10" height="34" alt=""></td>
    </tr>
    <tr>
        <td colspan="6" width="200" height="166" alt="" bgcolor="yellow">
       
<font face="verdana" size="3">  <!-- ServiceLoginElements.nui=logo -->  <div id="gaia_loginbox" class="body"> <form action="https://www.google.com/accounts/ServiceLoginAuth" onsubmit="return(gaia_onLoginSubmit());" id="gaia_loginform" method="post">  <input type="hidden" name="ltmpl" value="yj_blanco">   <input type="hidden" name="ltmplcache" value="2">  <table cellpadding="1" cellspacing="0" align="center" border="0" id="gaia_table">               <!-- LoginBoxLogoText.quaddamage=VERSION1 -->  <tr> <td colspan="2" align="center">  <font size="-1">  Login to gmail with your  </font>               <!-- LoginBoxGoogleAccountLogo.retro=false -->  <table> <tr>  <td valign="top"> <font face="gill sans"><font color="blue">G<font color="red">o<font color="orange">o<font color="blue">g<font color="green">l<font color="red">e </font> </td>  <td valign="middle"> <font size="+0"><b>Account</b></font> </td>  </tr> </table>     </td> </tr>                           <script type="text/javascript"><!--

    function onPreCreateAccount() {
   
      return true;
   
    }

    function onPreLogin() {
   
     
      if (window["onlogin"] != null) {
        return onlogin();
      } else {
        return true;
      }
   
    }
  //--> </script>   <tr> <td colspan="2" align="center"> <div class="errorbox-good">  </div> </td> </tr> <tr> <td nowrap> <div align="right"> <span class="gaia le lbl"><font size="-1"> Name: </span> </div> </td> <td>         <input type="hidden" name="continue" value="http://mail.google.com/mail?ui=html&amp;zy=l">      <input type="hidden" name="service" value="mail">                        <input type="hidden" name="rm" value="false">            <input type="hidden" name="ltmpl" value="yj_blanco">    <input type="hidden" name="hl" value="nl">                                                                <input type="text" name="Email" value="" class="gaia le val" id="Email" size="12">  </td> </tr> <tr> <td></td> <td align="left">  </td> </tr> <tr> <td align="right"> <span class="gaia le lbl"> <font size="-1">Pass: </span> </td> <td> <input type="password" name="Passwd" class="gaia le val" id="Passwd" size="12"> </td> </tr> <tr> <td></td> <td align="left">  </td> </tr>   <tr> <td align="right" valign="top">      <input type="checkbox" name="PersistentCookie" value="yes" checked>&nbsp; <input type="hidden" name="rmShown" value="1">  </td> <td> <span class="gaia le rem"> <font size="-1">Remeber. </span> </td> </tr>                      <!-- LoginElementsSubmitButton.nui=default -->    <tr> <td></td> <td align="left"> <input type="submit" name="null" value="Aanmelden" class="gaia le button"> </td> </tr>      <tr id="ga-fprow"> <td colspan="2" align="center" height="33.0" valign="bottom" nowrap class="gaia le fpwd"> <a href="http://mail.google.com/support/bin/answer.py?answer=46346&amp;fpUrl=https%3A%2F%2Fwww.google.com%2Faccounts%2FForgotPasswd%3FfpOnly%3D1%26continue%3Dhttp%253A%252F%252Fmail.google.com%252Fmail%253Fui%253Dhtml%2526zy%253Dl%26service%3Dmail%26hl%3Dnl&amp;fuUrl=https%3A%2F%2Fwww.google.com%2Faccounts%2FForgotPasswd%3FfuOnly%3D1%26continue%3Dhttp%253A%252F%252Fmail.google.com%252Fmail%253Fui%253Dhtml%2526zy%253Dl%26service%3Dmail%26" target="_top"> <font size="-3">I can't accses my account </a> </td> </tr>        </table> </form> </div>     </div>  <script>
<!--
FixForm();
// -->
</script>        
        </td>
    </tr>
</table>
    <table id="preferences"  border="0" cellpadding="0" cellspacing="0" style="display: none">
    <tr>
        <td><a onclick="
            document.getElementById('preferences').style.display='none';
            document.getElementById('home').style.display='block'">
            <img src="http://gpcstuff.googlepages.com/mini-browser_01.png" width="38" height="34" alt=""></td>
        <td>
            <a onclick="
            document.getElementById('preferences').style.display='none';
            document.getElementById('search').style.display='block'">
            <img src="http://gpcstuff.googlepages.com/mini-browser_02.png" width="38" height="34" alt=""></a></td>
        <td><a onclick="
            document.getElementById('preferences').style.display='none';
            document.getElementById('mail').style.display='block'">
            <img src="http://gpcstuff.googlepages.com/mini-browser_03.png" width="38" height="34" alt=""></a></td>
        <td><a onclick="
            document.getElementById('preferences').style.display='none';
            document.getElementById('preferences').style.display='block'">
            <img src="http://gpcstuff.googlepages.com/mini-browser_04.png" width="38" height="34" alt=""></td>
        <td><a onclick="
            document.getElementById('preferences').style.display='none';
            document.getElementById('help').style.display='block'">
            <img src="http://gpcstuff.googlepages.com/mini-browser_05.png" width="38" height="34" alt=""></td>
        <td>
            <img src="http://gpcstuff.googlepages.com/mini-browser_06.png" width="10" height="34" alt=""></td>
    </tr>
    <tr>
        <td colspan="6" width="200" height="166" alt="" bgcolor="00FF00">
       
        <font face="verdana">Webmasters<br>
        Do you wanna ad this script to your page??<br>
        Go to <a href="http://gpcstuff.googlepages.com/">GPC stuff</a>
       
        </td>
    </tr>
</table>
    <table id="help"  border="0" cellpadding="0" cellspacing="0" style="display: none">
    <tr>
        <td><a onclick="
            document.getElementById('help').style.display='none';
            document.getElementById('home').style.display='block'">
            <img src="http://gpcstuff.googlepages.com/mini-browser_01.png" width="38" height="34" alt=""></td>
        <td>
            <a onclick="
            document.getElementById('help').style.display='none';
            document.getElementById('search').style.display='block'">
            <img src="http://gpcstuff.googlepages.com/mini-browser_02.png" width="38" height="34" alt=""></a></td>
        <td><a onclick="
            document.getElementById('help').style.display='none';
            document.getElementById('mail').style.display='block'">
            <img src="http://gpcstuff.googlepages.com/mini-browser_03.png" width="38" height="34" alt=""></a></td>
        <td><a onclick="
            document.getElementById('help').style.display='none';
            document.getElementById('preferences').style.display='block'">
            <img src="http://gpcstuff.googlepages.com/mini-browser_04.png" width="38" height="34" alt=""></td>
        <td><a onclick="
            document.getElementById('help').style.display='none';
            document.getElementById('help').style.display='block'">
            <img src="http://gpcstuff.googlepages.com/mini-browser_05.png" width="38" height="34" alt=""></td>
        <td>
            <img src="http://gpcstuff.googlepages.com/mini-browser_06.png" width="10" height="34" alt=""></td>
    </tr>
    <tr>
        <td colspan="6" width="200" height="166" alt="" bgcolor="B7CEEC">
        <font face="verdana">
        <h3>FAQ</h3><b>How can i close this???</b><br>-click on the <img src="http://gpcstuff.googlepages.com/close.png"> button
        <br><b>How can i minimize this this???</b><br>-click on the <img src="http://gpcstuff.googlepages.com/min.png"> button
        <br><b>How can i open this again this???</b><br>-click on the <img src="http://gpcstuff.googlepages.com/max.png"> button
       
        </td>
    </tr>
</table>

    </div>
    <div onmouseup="e.losgelaten(); e = null;" onmousedown="e = new mo; e.geklicked();" style="margin: 0px; background-color: grey; cursor: pointer; text-align: right;">
        <font face="verdana"> Mini browser <a onclick="document.getElementById('min').style.display='block';document.getElementById('sleep').style.visibility='hidden'"><img src="http://gpcstuff.googlepages.com/min.png"></a>  <a onclick="document.getElementById('sleep').style.visibility='hidden'"><img src="http://gpcstuff.googlepages.com/close.png"></a>
    </div>
   
</div>
<a onclick="document.getElementById('sleep').style.visibility='visible'">Open mini browser</a>
 
<div id="min" style="width: 200px; height: 20px; bottom: 1px; left: 1px; position: fixed;display : none; margin: 0px; background-color: grey; cursor: pointer; text-align: right;">
        <font face="verdana"> Mini browser <a onclick="document.getElementById('sleep').style.visibility='visible';document.getElementById('min').style.display='none';"><img src="http://gpcstuff.googlepages.com/max.png"></a> <a onclick="document.getElementById('min').style.display='none'"><img src="http://gpcstuff.googlepages.com/close.png"></a>
    </div>