Supportnet / Forum / Webseiten/HTML
Klick-Button und Frame
Frage
Hallo,
wie kann ich es anstellen, dass Klickbutton in einem anderen Frame-Fenster geöffnet werden.
Ich habe die Button in dem Frame MENUE, möchte aber dass der Link in dem Frame RECHTS geöffnet wird.
Bei meinem Code öffnet sich die verlinkte Seite aber in dem Frame MENUE!!
Anbei mein Code (habe es schon mit target versucht, klappt aber nicht!!!)
<form action="button.htm">
<div>
<button name="Impressum" type="button"
value="Impressum"
onClick="self.location.href=´impressum.html´">
<p>
<img src="klick.gif" width="106" height="109"
border="0" alt="">
<br>
<b>Impressum</b>
</p>
</button>
</div>
</form>
Danke schonmal für Antworten ....
Gruss
Petra
Antwort 1 von rfb
onClick="self.location.href=´impressum.html´"
self ist dasselbe Fenster
anderes Fenster:
parent.frames["RECHTS"]
(an Stelle von self einsetzen)
Zu empfehlen ist deine Lösung aber wirklich nicht, da ohne JavaScript deine Navigation nicht funktioniert.
self ist dasselbe Fenster
anderes Fenster:
parent.frames["RECHTS"]
(an Stelle von self einsetzen)
Zu empfehlen ist deine Lösung aber wirklich nicht, da ohne JavaScript deine Navigation nicht funktioniert.
Antwort 2 von rfb
Dies sollte den gleichen Zweck erfüllen und ähnlich aussehen, funktioniert aber ohne JavaScript.
statt "thin" kannst du auch "thick" oder eine Angabe wie "3px" einsetzen, statt white als Rahmenfarbe natürlich auch ne andere Farbe
im head-Bereich
im body (statt des buttons)
Evtl. solltest du die Bezeichnung "RECHTS" in was logischeres wie "Inhalt" ändern, in Browsern ohne Frames wird nämlich manchmal der Name angezeigt und RECHTS sagt nix über den Frameinhalt aus sondern nur übers Layout. Außerdem könntest du ja beim nächsten Layoutwechsel RECHTS auf die linke Seite legen wollen...
statt "thin" kannst du auch "thick" oder eine Angabe wie "3px" einsetzen, statt white als Rahmenfarbe natürlich auch ne andere Farbe
im head-Bereich
<style type="text/css">
<--
a.knopf {display:block; width:auto; height:auto; color:black; background-color:white }
a.knopf:link { border:thin outset white; }
a.knopf:active { border:thin inset white; }
a.knopf:visited { border:thin outset white; }
a.knopf:hover { border:thin inset white; text-decoration:none;}
a.knopf img { border:0 none}
//-->
</style>
im body (statt des buttons)
<a class="knopf" href="impressum.htm" target="RECHTS"><img src="klick.gif" width="106" height="109" border="0" alt="Impressum"><br>Impressum</a>
Evtl. solltest du die Bezeichnung "RECHTS" in was logischeres wie "Inhalt" ändern, in Browsern ohne Frames wird nämlich manchmal der Name angezeigt und RECHTS sagt nix über den Frameinhalt aus sondern nur übers Layout. Außerdem könntest du ja beim nächsten Layoutwechsel RECHTS auf die linke Seite legen wollen...
Antwort 3 von rfb
Die Vorlage von Petra65 ist offensichtlich dieses Beispiel aus SelfHTML: http://de.selfhtml.org/html/formulare/klickbuttons.htm#modern, zur reinen Navigation wegen JavaScript eher ungeeignet und auch nicht barrierefrei. Das SelfHTML-Beispiel lässt sich durch einen normalen Link und etwas CSS nachbauen ohne form, button und JavaScript:
(Mein Bsp. in A2 war noch nicht auf Einsatzfähigkeit getestet)
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=ISO-8859-1">
<title>Navi-Buttons definieren (noch moderner)</title>
<style type="text/css">
<--
a {color:inherit; background-color:inherit; }
a.knopf {display:block; width:160px; height:150px; color:black; background-color:silver; font-weight:bold; text-align:center; }
a.knopf:link { border:thin outset gray; }
a.knopf:active { border:thin inset gray; }
a.knopf:visited { border:thin outset gray; }
a.knopf:hover { color:blue; border:thin inset gray; }
a.knopf img { border:0 none}
//-->
</style>
</head>
<body>
<div>
<h1>Verweise einmal anders</h1>
<a class="knopf" href="http://aktuell.de.selfhtml.org/" ><img src="selfhtml.gif" width="106" height="109" border="0" alt="SELFHTML Logo"><br>SELFHTML Portalseite</a>
<p><a href="../klickbuttons.htm#modern">zurück</a></p>
</div>
</body>
</html>(Mein Bsp. in A2 war noch nicht auf Einsatzfähigkeit getestet)