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&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> <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&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&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>