|
| udskiftning af <div> med forsinkelse Fra : Tobias Nielsen |
Dato : 03-06-03 10:00 |
|
Hejsa
Jeg står og skal løse en mindre grafisk opgave.
Jeg har X antal div kasser i forskellige niveauer. Disse skal udskiftes ved
tryk eller onmouse over.
eksempelvis:
function nykasse() {
document.getElementById("kasse1").style.visibility = hidden; // gemmer
grundkasse
document.getElementById("kasse2").style.visibility = "visible"; //skal
vises i x antal sek
document.getElementById("kasse2").style.visibility = "hidden"; //gemmes
igen
document.getElementById("kasse3").style.visibility = "visible"; //skal
vises i x antal sek
}
Er det muligt at indsætte en eller anden form for timer, så de forskellige
mellemled kan ses?
Hilsen Tobias
| |
Johan Holst Nielsen (03-06-2003)
| Kommentar Fra : Johan Holst Nielsen |
Dato : 03-06-03 18:12 |
|
> Jeg står og skal løse en mindre grafisk opgave.
>
> Jeg har X antal div kasser i forskellige niveauer. Disse skal udskiftes ved
> tryk eller onmouse over.
>
> eksempelvis:
>
> function nykasse() {
> document.getElementById("kasse1").style.visibility = hidden; // gemmer
> grundkasse
> document.getElementById("kasse2").style.visibility = "visible"; //skal
> vises i x antal sek
> document.getElementById("kasse2").style.visibility = "hidden"; //gemmes
> igen
> document.getElementById("kasse3").style.visibility = "visible"; //skal
> vises i x antal sek
>
> }
>
>
> Er det muligt at indsætte en eller anden form for timer, så de forskellige
> mellemled kan ses?
Kig på setTimeOut();
noget ala
function nykasse(kasse,visi) {
eval("document.getElementById('"+kasse+"').style.visibility='"+visi+"'");
}
function skiftkasser() {
setTimeOut("nykasse('kasse1','hidden')", 3000); //3 sek
setTimeOut("nykasse('kasse2','visible')", 3000);
setTimeOut("nykasse('kasse2','hidden')", 3000);
setTimeOut("nykasse('kasse3','visible')", 3000);
}
onLoad = skiftkasser();
mvh
johan
| |
Johan Holst Nielsen (03-06-2003)
| Kommentar Fra : Johan Holst Nielsen |
Dato : 03-06-03 18:13 |
|
Johan Holst Nielsen wrote:
>> Jeg står og skal løse en mindre grafisk opgave.
>>
>> Jeg har X antal div kasser i forskellige niveauer. Disse skal
>> udskiftes ved
>> tryk eller onmouse over.
>>
>> eksempelvis:
>>
>> function nykasse() {
>> document.getElementById("kasse1").style.visibility = hidden; //
>> gemmer
>> grundkasse
>> document.getElementById("kasse2").style.visibility = "visible";
>> //skal
>> vises i x antal sek
>> document.getElementById("kasse2").style.visibility = "hidden";
>> //gemmes
>> igen
>> document.getElementById("kasse3").style.visibility = "visible";
>> //skal
>> vises i x antal sek
>>
>> }
>>
>>
>> Er det muligt at indsætte en eller anden form for timer, så de
>> forskellige
>> mellemled kan ses?
>
>
> Kig på setTimeOut();
>
> noget ala
>
> function nykasse(kasse,visi) {
> eval("document.getElementById('"+kasse+"').style.visibility='"+visi+"'");
> }
>
> function skiftkasser() {
> setTimeOut("nykasse('kasse1','hidden')", 3000); //3 sek
> setTimeOut("nykasse('kasse2','visible')", 3000);
> setTimeOut("nykasse('kasse2','hidden')", 3000);
> setTimeOut("nykasse('kasse3','visible')", 3000);
> }
> onLoad = skiftkasser();
Iøvrigt kunne der også leges med setInterval() og så eventuelt et array ;)
mvh
johan
| |
|
|