"Przeładowywanie stron."
strona 1
<script language="JavaScript">
<!--
var isNav4=(document.layers)?1:0;
var isIE4=(document.all)?1:0;
var PID;
function load(source) {
if (isNav4) document.tekstNav.src = source
else if(isIE4) parent.tekstIE.document.location = source
}
function shiftTo(obj,x,y) {
if(isNav4) {
document.layers[obj].moveTo(x,y);
} else if(isIE4) {
document.all[obj].style.pixelLeft = x;
document.all[obj].style.pixelTop = y;
}
}
function shiftBy(obj,x,y) {
if(isNav4) {
document.layers[obj].moveBy(x,y);
} else if(isIE4) {
document.all[obj].style.pixelLeft += x;
document.all[obj].style.pixelTop += y;
}
}
function showTekst() {
if(PID) clearInterval(PID);
if (isIE4)
var objName = "tekst"
else if(isNav4)
var objName = "tekstNav";
shiftTo(objName, availWidth, 80)
PID = eval("setInterval(\"moveTekst('" + objName + "')\", 1)");
return true;
}
function moveTekst(obj) {
shiftBy(obj,-30,0)
if(isNav4) var objLeft = document.layers[obj].left
else if(isIE4) var objLeft = document.all[obj].style.pixelLeft;
if (objLeft <= (availWidth/2) - 150) {
clearInterval(PID)
}
}
function key_press(e)
{
key=(isNav4) ? e.which : window.event.keyCode;
switch(key)
{
case 49: load('1.html'); showTekst();
break;
case 50: load('2.html'); showTekst();
break;
case 51: load('3.html'); showTekst();
break;
}
}
function init() {
if (isIE4)
availWidth = document.body.scrollWidth
else if(isNav4)
{
availWidth = window.innerWidth
document.captureEvents(Event.KEYPRESS)
}
document.onkeypress=key_press;
}
onload = init;
//-->
</script>
<style type="text/css">
#tekst {position:absolute; left:-400; top:50; width:300; height;200; clip:rect(0,200,200,0);}
</style>
</head>
<body bgcolor="#FFFFFF" scroll=no>
<form>
<input type="button" value="Strona 1" OnClick="javascript:load('1.html'); showTekst(); this.blur()"><br><br>
<input type="button" value="Strona 2" OnClick="javascript:load('2.html'); showTekst(); this.blur()"><br><br>
<input type="button" value="Strona 3" OnClick="javascript:load('3.html'); showTekst(); this.blur()">
</form>
<p>
<strong>Możesz też używać klawiszy: 1, 2 lub 3!</strong>
</p>
<layer name="tekstNav" src="1.html" left=-400 top=50 width=200 height=200 clip="0,0,200,200"></layer>
<div id="tekst">
<iframe src="1.html" name="tekstIE" scrolling="yes" width="200" height="200" marginwidth=0 marginheight=0 frameborder="no"></iframe>
</div>
Zobacz