[java script] Pagina omdraaien met button click - Softwareontwikkeling

woensdag 23 juni 2004 12:04

Acties:

Topicstarter

Hoi,
Ik ben bezig met mijn site met wat informatie over mezelf. Nou wou ik er ook wat informatie opzetten over Australie. Daar bij leek het me leuk om een button met de tekst "Go down under" er op te zetten zo dat de pagina even omdraait.

Nou is alleen het probleem dat het niet werkt en nog lastiger ik zie niet wat verkeerd is. Als ik op de button druk komt in de statusbalk van IE de melding fout op pagina. Voor de rest gebeurt er niks. Ik heb de volgende code:

code:

<script LANGAUGE="Javascript">
function flipVertical() 
{       
    if(document.all) {
        document.all.mainbody.style.filter="flipV()";
        var timer=setTimeout("flipRestore()",3000);
}
}

function flipRestore() 
{       
        history.go(0);
}

</script>

Dit script wordt aangeroepen met een html button:
<form>
<p><INPUT TYPE="button" VALUE="Go down under" onClick="flipVertical()"></p>
</form>

Ziet iemand wat er mis is met deze code want ik kan het niet vinden. Alvast bedankt.

[ Voor 9% gewijzigd door dhrppfrijlink op 23-06-2004 12:11 ]

Only the dead have seen the end of war (Plato)

woensdag 23 juni 2004 12:06

Acties:

marko77

wat is de foutmelding die IE geeft?

Mijn rig

woensdag 23 juni 2004 12:07

Acties:

TwoR

Gekleurde stippen

if(document.all) {
deze heeft geen afsluiten de } tag.

bij mij wordt de foutmelding dan document.all.mainbody.style is leeg of geen object

[ Voor 44% gewijzigd door TwoR op 23-06-2004 12:11 ]

woensdag 23 juni 2004 12:18

Acties:

dhrppfrijlink

Topicstarter

Was } tag vergeten. Maar lost het probleem niet op.

marko77 schreef op 23 juni 2004 @ 12:06:
wat is de foutmelding die IE geeft?

IE melding is document.all.mainbody.style is leeg of geen object.

Only the dead have seen the end of war (Plato)

woensdag 23 juni 2004 12:22

Acties:

TwoR

Gekleurde stippen

code:

<html>
 <head>
<script LANGAUGE="Javascript">
function flipVertical() 
{        
    if(document.all) {
        document.body.style.filter="flipV()";
        var timer=setTimeout("flipRestore()",3000);
}
}

function flipRestore() 
{        
        history.go(0);
}

</script>

</head>
<body>

<INPUT TYPE="button" VALUE="Go down under" onClick="flipVertical()">
</body>
</html>

op deze manier werkt het wel deze regel heb ik veranderd:

code:

1	document.body.style.filter="flipV()";

mainbody in body veranderd(maar dat is alleen de naam maar) en .all weggelaten.

Moet je er wel voor zorgen dat je pagina ook body heet de jouwe hete mainbody dus daar moet je wel even opletten anders werkt het zometeen nog niet.

[ Voor 44% gewijzigd door TwoR op 23-06-2004 12:24 ]

woensdag 23 juni 2004 12:25

Acties:

dhrppfrijlink

Topicstarter

Ja dat is de oplossing. Bedankt voor de hulp $_/-\o_$

Only the dead have seen the end of war (Plato)

woensdag 23 juni 2004 12:34

Acties:

Tarin

Just plain weird.

Bedenk wel dat de functie flipV() (alsmede flipH()) alleen in IE werkt, Mozilla/Opera/whatever-gebruikers hebben dus pech.

[ Voor 8% gewijzigd door Tarin op 23-06-2004 12:34 ]

Ik fiets op de accu van m'n iPod :) | Specs | Pics | Elektro: NL / EN

woensdag 23 juni 2004 12:37

Acties:

Bosmonster

*zucht*

hij checkt op document.all, dus dat zou de meeste browsers (op de wannabe-IE's als Opera na) moeten uitsluiten.

Magoed.. met een browser die zich identificeert als IE, maar dat niet is zullen die gebruikers wel vaker tegen foutmeldingen aanlopen

[ Voor 39% gewijzigd door Bosmonster op 23-06-2004 12:38 ]

woensdag 23 juni 2004 13:32

Acties:

dhrppfrijlink

Topicstarter

Is er dan ook functie voor het omdraaien die werkt in alle(meerdere) browsers?

Only the dead have seen the end of war (Plato)

zaterdag 26 juni 2004 20:37

Acties:

eghie

Spoken words!

De andere browsers hebben die functie niet, dit omdat het geen standaard is. Het is niet W3C goedgekeurd. Dus ik denk niet dat dit met andere browsers gaat werken.

zaterdag 26 juni 2004 22:40

Acties:

Johnny

ondergewaardeerde internetguru

Bij flipRestore() wordt de pagina opnieuw geladen, je kunt ook gewoon het style filter op none zetten.*

_{* tenzij er weer een vreemde MSIE bug is waarbij het niet werkt}

Aan de inhoud van de bovenstaande tekst kunnen geen rechten worden ontleend, tenzij dit expliciet in dit bericht is verwoord.