Javascript/Iframe въпрос

[Alex131]

Значи имам проблем със javascript. Искам когато страницата ми се зарежда да има нещо като javascript от този сорт http://aleksxxx.hit.bg/index.html или iframe, който при зареждане на страницата да се разтварят, обаче вместо няколко лентички да бъдат 2 със 100% width и 50% height като да са затворени при зареждане на страницата и да се отварят. А при натискане върху някой линк от страницата да се връщат на обратно т.е. да се затварят и по-този начин до известна степен става интересно .... Търсех доста скриптове, които могат да ми послужат, тъй като много не съм на ти с javascript, обаче не успях да намери нищо което да ми помогне :? . Надявам се някой да ми предостави решение на въпроса, а като се замисля ако успее да стане работата с 2 iframe или с javascript (с javascript малко ме съмнява, тъй като искам аз да сложа изображение там а не да бъде един монотонен фон и само да се отварят и затварят ...), които да са 50% width и 100% height или 100% width и 50% height, няма значение как ще се отварят, на мен ми трябва примерен код, обаче да е свързан с това, което се мъча да направя и съответно колкото трябва аз ще го "дочовъркам" ... А за тези, които не се сещат за какво говоря искам да стане нещо като влизането във меню battle.net на warcraft 3 tft.

 

[emcuemnecu]

м.. че защо не си го преправиш скрипта така както ти искаш ?

 

[Alex131]

тъй като много не съм на ти с javascript

 

[Alex131]

След второ обстойно преглеждане на материалите за javascript намерих скрипт, който ще ми помогне, обаче единственият проблем е че той движи съдържабието на div-a, обаче аз искам освен да го движи нагоре или надолу, да му задам съответен пиксел и съответно преминавайки през тази граница от пиксели съдържанието да става невидимо и съответно да не се показват скролери за надолу и надясно, ето го и кода

<html>
<head>
<title>Image Mover</title>
<style>
DIV.movable { position:absolute; }
</style>
<script language="javascript">
var x = 0; //Starting Location - left
var dest_x = 1024; //Ending Location - left
var interval = 10; //Move 10px every initialization

function moveImage() {
//Keep on moving the image till the target is achieved
if(x<dest_x) x = x + interval;

//Move the image to the new location
document.getElementById("ufo").style.left = x+'px';

if (x+interval < dest_x) {
//Keep on calling this function every 100 microsecond
// till the target location is reached
window.setTimeout('moveImage()',100);
}
}
</script>
</head>
<body onload="moveImage()">
<div id="ufo" class="movable">
<img src="ufo.gif"/>
</div>

</body>
</html>

това е за местене на дясно

<html>
<head>
<title>Image Mover</title>
<style>
DIV.movable { position:absolute; }
</style>
<script language="javascript">
var y = 0; //Starting Location - left
var dest_y = 1024; //Ending Location - left
var interval = 10; //Move 10px every initialization

function moveImage() {
//Keep on moving the image till the target is achieved
if(y<dest_y) y = y + interval;

//Move the image to the new location
document.getElementById("ufo").style.top = y+'px';

if (y+interval < dest_y) {
//Keep on calling this function every 100 microsecond
// till the target location is reached
window.setTimeout('moveImage()',100);
}
}
</script>
</head>
<body onload="moveImage()">
<div id="ufo" class="movable">
<img src="ufo.gif"/>
</div>

</body>
</html>

а това за местене надолу


Този, който ми даде адекватен и съответно работещ код получава 1 точка от мен :?: