"Weiterleitungsseite" Problem

Bananajoe

Cadet 4th Year
⚽Weltmeister ’10
Registriert
Juni 2008
Beiträge
84
Liebe Computerbaseler!

Für die Schule müssen wir eine Weiterleitungsseite mit folgenden Funktionen machen: Weiterleitung, Weiterleitung in 5 Sek, Züruck, Vor.
Realisiert wird dies mit einem Frameset, das horizontal geteilt ist: oben eingabe, unten die Seite auf die man geleitet wird. Nun das Problem: wenn ich auf den Button mit dem selbst definierten Bild drücke, dann kommt er zwar in die methode, die setTimeout(funcWeiterleiten(), 5000) macht, aber nicht in funcWeiterleiten.
Zu Testzwecken habe ich nun einen input type="button" gemacht, halt ohne bild und siehe da, es funktioniert. Aber ich will eigene Buttons haben:mad: bitte helft mir ich weiss echt nicht mehr weiter.

frameset.htm:
HTML:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
		<title>Weiterleitung</title>
	</head>
	<frameset rows="215,*">
		<frame src="eingabe.htm" name="eingabe" noresize="noresize" />
		<frame src="leer.htm" name="leer" noresize="noresize" />
		<noframes>
			Ihr Browser unterst&uuml;tzt leider keine Frames!
			Besorgen Sie sich einen neueren Browser!
		</noframes>
	</frameset>
</html>

leer.htm is nur ne leere seite
eingabe.htm:
HTML:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
	<head>
    	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
        <script type="text/javascript" language="javascript" src="script.js"></script>
        <link rel="stylesheet" href="style.css" type="text/css" />
    	<title>Eingabe</title>
    </head>
    <body>
    	<div id="container">
          	<form method="post" name="f1" enctype="multipart/form-data" action="">
          		<input type="text" id="url" value="" size="35" maxlength="35" />
                <button id="weiterleitung" onclick="funcWeiterleitung()"><img src="images/weiterleitung.jpg" alt="weiterleitung" /></button>
                <button id="fivesek" onclick="funcFivesek()"><img src="images/fivesek.jpg" alt="fivesek" /></button>
              	<input type="button" value="in 5 Sekunden Weiterleiten" onclick="funcFivesek()" />
                <button id="zuruck" onclick="funcZuruck()"><img src="images/zuruck.jpg" alt="zuruck" /></button>
                <button id="vor" onclick="funcVor()"><img src="images/vor.jpg" alt="vor" /></button>
       	  </form>
     	</div>
    </body>
</html>

script.js:
Code:
function funcWeiterleitung(){
	var adresse = document.f1.url.value;
	top.leer.location.href=adresse;
}

function funcFivesek(){
	setTimeout("funcWeiterleitung()", 1);
}

function funcZuruck(){
	history.back();
}

function funcVor(){
	history.forward();
}

style.css:
Code:
#container{
	background-color:#000;
	height:200px;
}
#url{
	position:absolute;
	left:400px;
	top:82px;
}

#weiterleitung{
	position:absolute;
	left:700px;
	top:80px;
}

#fivesek{
	position:absolute;
	left:900px;
	top:80px;
}

#zuruck{
	position:absolute;
	left:700px;
	top:110px;
}

#vor{
	position:absolute;
	left:900px;
	top:110px;
}

Danke für eure Hilfe im Vorraus
hoffe jemand kann mir helfen

mfg Bananajoe
 
Abend...

Was mir direkt: warum nutzt du den XHTML "transitional" DOCTYPE, wenn du doch aber ein Frameset nutzt?!

In der Regel nutzt man für Framesets, z.B.
HTML:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Frameset//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd">

Ist das zu Testzwecken?!...und/oder aus Editor übernommen?!



Gruß,
Zerko
 
Moin

Mit Doctypes kenn ich mich net wirklich aus ich nehm immer das was Dreamweaver als Standard macht, aber das ist doch für mein Problem ziemlich egal oder?
btw Was ist anders wenn ich transitional statt frameset benutz?

Gruß
Bananajoe
 
Zurück
Oben