Hoverschaltfläche-->2 Linkadressen?
lima-city → Forum → Die eigene Homepage → HTML, CSS & Javascript
aufrufen
bestellung
button
code
erledigen
ersetzen
funktion
helfen
inhalt
machen
page
prinzip
problem
richtige frage
richtigen feld
start
target
versand
vorteil
zahl
-
Ich habe in meiner Page Hover-Schaltf?chen, welche bei einer 3-teiligen Framseite den inhaltsteil bilden, oben hab ich noch nen Bannerteil
und den meisten Platz nimmt der Hauptframe ein, in dem Die inhalte dargestellt werden.
kann ich der hoverschaltfl?che mehrere Links zuweisen, dass sie ein neue page im hauptframe und im inhaltsteil liefert?
andinator -
Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!
lima-city: Gratis werbefreier Webspace für deine eigene Homepage
-
soweit ich weis kansnt pro schalfl?chte mit html nur einen link ?ffnen du k?nnste nat?rlich probieren das ?ber java script zu l?sem! LEider kann ich das jetzt net auf die schnelle machen, da ich mit java script grad erst angefangen hab, aber hier gibt es bestimmt welche dei das k?nnen, wenn du mal nen link zu der seite schickst, dann k?nnte ich / andere sich ebsser in das problem denken, weil ich jetzt net 100% weis was du meisnt
-
entweder du machst das ?ber target:
<frame src="verweise.htm" name="Navigation">
<frame src="startseite.htm" name="Hautpframe">
<--------------------------------------------------------------------------->
<a href="irgendeineSeite" target="Hautpframe">Button.....</a>
<a href="irgendeineSeite" target="Navigation">Button.....</a>
oder ?ber JavaScript
<script language="JavaScript">
function aufrufen() { parent.frames[X].location.href="start.html";}
</script>
und dann bei den Buttons folgendes einbauen: onclick="javascript:aufrufen()"
das X musst du ersetzen... kann dir nicht sagen was das bei dir ist. die zahl m?sste zwischen 0 und 2 liegen. einfach durchprobieren
das m?sste gehn... hoffe ich konnte dir weiter helfen -
Verschoben ----> HTML & Javascript
andinator, es kann zu Problemen/Verwarnungen/Bestrafungen bei Mehrfach-Posts kommen!! -
entweder du machst das ?ber target:
...
oder ?ber JavaScript
nahe dran - mit javascript geht das schon
du musst nur eine function schreiben die beides erledigen kann
also
<head>
<script>
function machmal(adresse1,framenr1,adresse2,framenr2){
parent.frames[framenr1].location.href=adresse1;
parent.frames[framenr2].location.href=adresse2;
}
</script>
</head>
<body>
<... onClick="machmal('adresse1','1','adresse2','2');">blabla</...>
</body>
schau dir meinetwegen auch mal den quelltext meines navigationsframes an http://robin.xardas.lima-city.de/hp/ (dies ist nur eine testseite) -
nahe dran - mit javascript geht das schon
du musst nur eine function schreiben die beides erledigen kann
wer lesen kann is halt doch im vorteil... hab das posting net richtig gelesen/verstanden. ich dacht er wollt nur eine sache in den browser laden. hast nat?rlich recht. dein script ist ausserdem komplexer ich m?sste f?r jeden link eine neue funktion schreibn... naja wie dem auch sei, bei mir gehtz ja auch. ^^
function aufrufen() {
parent.frames[X].location.href="start.html";
parent.frames[X].location.href="start2.html";
}
so m?sste meins dann heissen... wie gesacht is im prinzip genaus das gleiche, was der gute mod gemacht hat nur ein bisschen newbie-m?ssig -
das prob ist nur, dass das kein normaler link ist sondern ne hoverschaltfl?che!
geht des bei der auch, wenn ja schaut euch meinen quelltext an und sagt mir wie
andinator -
mit hover hab ich es noch nicht probiert aber teste mal folgendes
<applet code="fphover.class" width="135" height="20">
<param name="color" value="#000080">
<param name="hovercolor" value="#0000FF">
<param name="text" value="HOME">
<param name="textcolor" value="#00FF00">
<param name="effect" value="bevelIn">
<param name="font" value="Courier">
<param name="fontstyle" value="bold">
<param name="url" valuetype="ref" value="javascript:machmal('adresse1','1','adresse2','2');">
<param name="target" value="Hauptframe">
<param name="fontsize" value="18">
</applet>
oder bastle dir was ?hnliches mit ner tabelle und javascript -
ich habs jetz eingef?gt:
<html> <head> <script> function machmal(/shop/shop.htm,2,/shop/shopinhalt.htm,1){ parent.frames[2].location.href=/shop/shop.htm; parent.frames[1].location.href=/shop/shopinhalt.htm;}</script> <meta http-equiv="Content-Language" content="de"> <meta http-equiv="Content-Type" content="text/html; charset=windows-1252"> <meta name="GENERATOR" content="Microsoft FrontPage 5.0"> <meta name="ProgId" content="FrontPage.Editor.Document"> <title>Inhalt</title> <base target="Hauptframe"> </head> <body bgcolor="#FFFF99"> <p> <applet code="fphover.class" width="135" height="20"> <param name="color" value="#000080"> <param name="hovercolor" value="#0000FF"> <param name="text" value="HOME"> <param name="textcolor" value="#00FF00"> <param name="effect" value="bevelIn"> <param name="font" value="Courier"> <param name="fontstyle" value="bold"> <param name="url" valuetype="ref" value="home.htm"> <param name="target" value="Hauptframe"> <param name="fontsize" value="18"> </applet> </p> <p> <applet code="fphover.class" width="135" height="20"> <param name="color" value="#000080"> <param name="hovercolor" value="#0000FF"> <param name="text" value="SHOP"> <param name="textcolor" value="#00FF00"> <param name="effect" value="bevelIn"> <param name="font" value="Courier"> <param name="fontstyle" value="bold"> <param name="fontsize" value="18"> <param name="target" value="Hauptframe"> <param name="url" valuetype="ref" value=="javascript:machmal('/shop/shop.htm','2','/shop/shopinhalt.htm','1');"> </applet> </p> <p> <applet code="fphover.class" width="135" height="20"> <param name="color" value="#000080"> <param name="hovercolor" value="#0000FF"> <param name="text" value="Versand"> <param name="textcolor" value="#00FF00"> <param name="effect" value="bevelIn"> <param name="font" value="Courier"> <param name="fontstyle" value="bold"> <param name="fontsize" value="18"> <param name="url" valuetype="ref" value="versand.htm"> <param name="target" value="Hauptframe"> </applet> </p> <p> <applet code="fphover.class" width="135" height="20"> <param name="color" value="#000080"> <param name="hovercolor" value="#0000FF"> <param name="text" value="Kontakt"> <param name="textcolor" value="#00FF00"> <param name="effect" value="bevelIn"> <param name="font" value="Courier"> <param name="fontstyle" value="bold"> <param name="url" valuetype="ref" value="kontakt.htm"> <param name="target" value="Hauptframe"> <param name="fontsize" value="18"> </applet> </p> <p> <applet code="fphover.class" width="135" height="20"> <param name="color" value="#000080"> <param name="hovercolor" value="#0000FF"> <param name="text" value="Wir ?ber uns"> <param name="textcolor" value="#00FF00"> <param name="effect" value="bevelIn"> <param name="font" value="Courier"> <param name="fontstyle" value="bold"> <param name="url" valuetype="ref" value="aboutus.htm"> <param name="target" value="Hauptframe"> <param name="fontsize" value="16"> </applet> </p> <p> <applet code="fphover.class" width="135" height="20"> <param name="color" value="#000080"> <param name="hovercolor" value="#0000FF"> <param name="textcolor" value="#00FF00"> <param name="effect" value="bevelIn"> <param name="font" value="Courier"> <param name="fontstyle" value="bold"> <param name="target" value="Hauptframe"> <param name="fontsize" value="16"> <param name="text" value="Bestellung"> <param name="url" valuetype="ref" value="bestellung.htm"> </applet></p> <!--start hittracker --> <script language="javascript"> var data, p; var agt=navigator.userAgent.toLowerCase(); var img=escape("g14"); document.cookie='__support_check=1'; p='http'; if((location.href.substr(0,6)=='https:')||(location.href.substr(0,6)=='HTTPS:')) {p='https';} data = '&agt=' + escape(agt) + '&img=' + img + '&r=' + escape(document.referrer) + '&aN=' + escape(navigator.appName) + '&lg=' + escape(navigator.systemLanguage) + '&OS=' + escape(navigator.platform) + '&aV=' + escape(navigator.appVersion); if(navigator.appVersion.substring(0,1)>'3') {data = data + '&cd=' + screen.colorDepth + '&p=' + escape(screen.width+ 'x'+screen.height) + '&je=' + navigator.javaEnabled();}; document.write('<a href="http://www.hittracker.de/template.php?a=1077309665">'); document.write('<img border=0 hspace=0 '+'vspace=0 src="http://www.hittracker.de/counter.php?a=1077309665' + data + '"></a>'); </script> <noscript> <a href="http://www.hittracker.de"><img alt="Counter" border=0 hspace=0 vspace=0 src="http://www.hittracker.de/counter.php?a=1077309665"></a></noscript> <!--end hittracker --> </body> </html>
passt des so, weil jetz macht der gar nix wenn ich drauf dr?cke....
andinator -
ja sorry, wenn das nicht geht f?llt mir auch nichts gescheites mehr ein, au?er du l?sst das mit hoover weg und machst die effekte auch noch selber mit javascript
-
Habe jetzt die Hoverschalter weggetan und daf?r html links eingesetzt.
ich hab die funktion eingebaut, aber wenn ich jetzt auf shop dr?cke, erscheinen(herausgefunden ?ber eigenschaften) im richtigen feld die richtigen frameseiten, aber nur die Fehlermeldung: Die Seite kann nicht angezeigt werden.
Hier zu finden:
www.futuretex.de.vu --> Shop
Hier nochmal der neue Quelltext:
<html>
<head>
<meta http-equiv="Content-Language" content="de">
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
<meta name="GENERATOR" content="Microsoft FrontPage 5.0">
<meta name="ProgId" content="FrontPage.Editor.Document">
<title>Inhalt</title>
<base target="Hauptframe">
<script>
function aufrufen()
{parent.frames[2].location.href="/shop/shop.htm";
parent.frames[1].location.href="/shop/shopinhalt.htm";}
</script>
</head>
<body bgcolor="#FFFF99" link="#00FF00" vlink="#00FF00" alink="#00FF00">
<p>
<b><font size="4" color="#00FF00"><span style="background-color: #000080">
<a target="Hauptframe" href="home.htm" style="text-decoration: none"> Home
</a> </span></font></b>
</p>
<p>
<b><font size="4" color="#00FF00"><span style="background-color: #000080" onclick="javascript:aufrufen()">
Shop </span></font></b>
</p>
<p>
<b><font size="4" color="#00FF00"><span style="background-color: #000080">
<u><a target="Hauptframe" href="versand.htm" style="text-decoration: none">
Versand</a></u> </span></font></b>
</p>
<p>
<font color="#00FF00" size="4">
<span style="font-weight: 700; text-decoration: underline; background-color: #000080">
<a target="Hauptframe" href="kontakt.htm" style="text-decoration: none">
Kontakt </a></span></font>
</p>
<p>
<font color="#00FF00" size="4">
<span style="font-weight: 700; text-decoration: underline; background-color: #000080">
<a target="Hauptframe" href="aboutus.htm" style="text-decoration: none"> Wir ?ber uns
</a></span></font>
</p>
<p align="left">
<font color="#00FF00" size="4">
<span style="font-weight: 700; text-decoration: underline; background-color: #000080">
<a target="Hauptframe" href="bestellung.htm" style="text-decoration: none"> Bestellung
</a></span></font></p>
</body>
</html>
So, hoffe mir kann jemand helfen!
andinator -
parent.frames[2].location.href="shop/shop.htm";
parent.frames[1].location.href="shop/shopinhalt.htm";
lass einfach mal den / (slash) vor shop weg -
Dieses Thema wurde mit folgender Begr?ndung von robin geschlossen:
nun funktioniert es ja - ohne hover
(Dies ist eine automatische Antwort durch das System). -
Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!
lima-city: Gratis werbefreier Webspace für deine eigene Homepage