Supportnet / Forum / Webseiten/HTML
1 klick auf einen Hyperlink soll zwei Frames ändern
Frage
Hi,
ich habe links ein Navigationframe und rechts ein mainFrame.
Auf der linken Seite ist eine Grafik plaziert. In dieser Grafik habe ich Hotspot (Imagesmaps) angelegt.
Nun soll bei einem klick auf den Hotspot (Hyperlink) in dem Navigationframe eine andere Grafik geladen werden und im mainFrame ein Text erscheinen.
Leider lässt Dreamweaver nur einen Hyperlink zu.
Ich habe davon gehört, das man dies mit javascript erreichen könnte. Oder gibt es noch eine andere Lösung?
mfg
thy
Antwort 1 von rfb
geht nur mit JavaScript, Beispiel siehe SelfHTML: Zwei Frames gleichzeitig ändern
Das ist dann die Kombination dreier barrierebehafteter Techniken: Imagemaps, Frames und JavaScript-Navigation. Ich würde ernstlich davon abraten.
Das ist dann die Kombination dreier barrierebehafteter Techniken: Imagemaps, Frames und JavaScript-Navigation. Ich würde ernstlich davon abraten.
Antwort 2 von thy
danke, aber das muss doch auch einfacher gehen.
ich denke, das dieser Weg irgendwie funktionieren muss, aber da ich in der Programmierung Anfänger bin, erkenne ich nicht den Fehler.
<html>
<head>
<title>ZweiFrames - Verweise</title>
<script type="text/javascript">
function FrameAendern (URI, Framename) {
parent[Framename].location.href = URI;
}
</script>
</head>
<a href="navi_Team.htm" target="leftFrame" onclick="FrameAendern(main_Team, ´mainFrame´)"><b>Willkommen</b></a>
Navi_Team.html: Grfik, die bei mir im linken Frame erscheinen soll
main_Team.html: Grafik, die bei mit im MainFrame erscheinen soll
Willkommen soll garnicht geschrieben werden, das ich ja in der Grafik selber einen Hotspot gesetzt habe.
Hat einer eine Idee?
Gruß
thy
ich denke, das dieser Weg irgendwie funktionieren muss, aber da ich in der Programmierung Anfänger bin, erkenne ich nicht den Fehler.
<html>
<head>
<title>ZweiFrames - Verweise</title>
<script type="text/javascript">
function FrameAendern (URI, Framename) {
parent[Framename].location.href = URI;
}
</script>
</head>
<a href="navi_Team.htm" target="leftFrame" onclick="FrameAendern(main_Team, ´mainFrame´)"><b>Willkommen</b></a>
Navi_Team.html: Grfik, die bei mir im linken Frame erscheinen soll
main_Team.html: Grafik, die bei mit im MainFrame erscheinen soll
Willkommen soll garnicht geschrieben werden, das ich ja in der Grafik selber einen Hotspot gesetzt habe.
Hat einer eine Idee?
Gruß
thy
Antwort 3 von rfb
Ich versteh nur Bahnhof!
Was funktioniert nicht, bzw. was soll eigentlich wie funktionieren?
Was funktioniert nicht, bzw. was soll eigentlich wie funktionieren?
Antwort 4 von thy
ok, ich versuche es noch mal:
ich habe links ein Navigationframe und rechts ein mainFrame.
Auf der linken Seite ist eine Grafik plaziert. Diese Grafik hat Texte. Diese Texte habe ich jeweils mit einem Hotspot (Imagesmaps) umhüllt
Jedem Hotspot kann man nun einen Hyperlink zuweisen.
Nun soll bei einem klick auf den Hotspot (Hyperlink) in dem Navigationframe eine andere Grafik geladen werden und im mainFrame ein Text erscheinen. d.h. Die Grafik, auf die ich klicke, ändert sich und der Mainframe ändert sich.
Ich hoffe, ich konnte mich einigermaßen verständlich ausdrücken
thy
ich habe links ein Navigationframe und rechts ein mainFrame.
Auf der linken Seite ist eine Grafik plaziert. Diese Grafik hat Texte. Diese Texte habe ich jeweils mit einem Hotspot (Imagesmaps) umhüllt
Jedem Hotspot kann man nun einen Hyperlink zuweisen.
Nun soll bei einem klick auf den Hotspot (Hyperlink) in dem Navigationframe eine andere Grafik geladen werden und im mainFrame ein Text erscheinen. d.h. Die Grafik, auf die ich klicke, ändert sich und der Mainframe ändert sich.
Ich hoffe, ich konnte mich einigermaßen verständlich ausdrücken
thy
Antwort 5 von rfb
sowohl das Attribut
wäre die Umsetzung o.g. Links in eine Imagemap.
target
als auch onclick
kannst du im area
-tag der Imagemap genauso wie im a
-tag anwenden, also<map name="...">
<area shape="..." coords="...." href="navi_Team.htm" target="leftFrame" onclick="FrameAendern(main_Team, ´mainFrame´)" alt="Willkommen" title="Willkommen">
...
</map>
wäre die Umsetzung o.g. Links in eine Imagemap.
Antwort 6 von thy
@ rfb
danke für deine Mühe. Ja , der linke Frame ist ein Imagemap
Ich habe es folgendermaßen glöst.
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Dokumet Name</title>
<script language="JavaScript">
<!--
function ZweiFrames(URL1,F1,URL2,F2)
{
parent.frames[F1].location.href=URL1;
parent.frames[F2].location.href=URL2;
}
//-->
</script>
</head>
<body>
<img src="img/Über uns - Frame links.jpg" alt="Leistung" width="251" height="450" border="0" usemap="#Map_Leistung" />
<map name="Map_Leistung" id="Map_Leistung">
<area shape="rect" coords="10,275,233,312" href="javascript:ZweiFrames(´navi_Technik.html´,1,´main_Technik.html´,2)" />
Gruß
thy
danke für deine Mühe. Ja , der linke Frame ist ein Imagemap
Ich habe es folgendermaßen glöst.
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Dokumet Name</title>
<script language="JavaScript">
<!--
function ZweiFrames(URL1,F1,URL2,F2)
{
parent.frames[F1].location.href=URL1;
parent.frames[F2].location.href=URL2;
}
//-->
</script>
</head>
<body>
<img src="img/Über uns - Frame links.jpg" alt="Leistung" width="251" height="450" border="0" usemap="#Map_Leistung" />
<map name="Map_Leistung" id="Map_Leistung">
<area shape="rect" coords="10,275,233,312" href="javascript:ZweiFrames(´navi_Technik.html´,1,´main_Technik.html´,2)" />
Gruß
thy
Antwort 7 von rfb
wobei diese Variante den Nachteil hat, dass ohne JavaScript gar nix passiert, in der o.g. Variante ändert sich dann wenigstens noch in einem Frame etwas (siehe auch A1).