Autor |
Nachricht |
largo6666
Threadersteller
Dabei seit: 27.01.2009
Ort: -
Alter: -
Geschlecht: -
|
Verfasst Mi 28.01.2009 00:11
Titel PS Linkmenue mit Dreamweaver umsetzen |
|
|
Statusbeschreibung:
Ich hab ein PS Homepage Layout mit Navigation.
Die Navi hab ich seperat in Dreamweaver ins Layout eingebunden da ich sie als
Bilder-Navigationsleiste haben wollte mit over/up/down funktion so das ich drei verschiedene bilder habe.
Das hat auch alles soweit funktioniert.
Des weiteren hab ich einen Bereich ich sag jetzt mal den inhalt der einzelnen verlinkten seiten.
Den hab ich mit einem background image versehen was sich automatisch dubliziert wenn der inhalt über den normalen Bereich geht.
Die einzelnen verlintken html seiten werden nun wenn man auf den jeweiligen link klickt per include befehl in dem
von mir definierten inhaltsbereich angezeigt.
So weit meine Statusbeschreibung.
Fehlerbeschreibung:
Klicke ich auf einen Link wird das down Bild nur eine millisekunde angezeigt und verschwindet dann wieder
und es erscheint das up Bild was standartmäßig zu sehen ist.
Das down Bild sollte aber so lange angezeigt werden bis ich auf einen anderen link klicke.
Kann es sein das der browser die Seite immer komplett neu läd?
Das sollte er ja eigentlich nicht machen da ja alle inhalte nur includet werden (dachte ich zumindest bis heute...).
Gibt es da irgendwelche Lösungsvorschläge wie man das besser machen kann
bzw weiss wer wo drann das liegen kann?
Hab mir schon XML angeguckt aber das ist mir viel zu aufwendig und ich weiss nicht genau wies geht.
Also wer was weiss bitte melden.
|
|
|
|
|
itac
Dabei seit: 15.04.2004
Ort: -
Alter: 48
Geschlecht: -
|
Verfasst Do 29.01.2009 18:30
Titel
|
|
|
Zitat: | Klicke ich auf einen Link wird das down Bild nur eine millisekunde angezeigt und verschwindet dann wieder
und es erscheint das up Bild was standartmäßig zu sehen ist.
Das down Bild sollte aber so lange angezeigt werden bis ich auf einen anderen link klicke. |
Du möchtest einen aktiv-Button machen, keinen down. geht entweder per css:active oder JavaScript oder (wenn es eine Seite ist) fest verdrahtet - so kann man das z.B. per php dynamisch machen.
Zitat: | Die einzelnen verlintken html seiten werden nun wenn man auf den jeweiligen link klickt per include befehl in dem
von mir definierten inhaltsbereich angezeigt. |
was meinst Du mit include ? php ?
Zitat: | Kann es sein das der browser die Seite immer komplett neu läd?
Das sollte er ja eigentlich nicht machen da ja alle inhalte nur includet werden (dachte ich zumindest bis heute...). |
include php? dann verhält er sich richtig, da der include auf dem Server und nicht im Client gemacht wird.
In HTML gibt es kein include. Wenn es ein steuerbefeht in DW ist, macht DW am ende bestimmt reine HTML-Dateien draus?
Zitat: | Gibt es da irgendwelche Lösungsvorschläge |
Frames *duck*, JavaScript/DHTML
salü
|
|
|
|
|
Anzeige
|
|
|
Kash
Dabei seit: 07.11.2002
Ort: Schopfheim
Alter: 41
Geschlecht:
|
Verfasst Fr 30.01.2009 10:20
Titel
|
|
|
dein "down-bild" hast du wie definiert?
|
|
|
|
|
largo6666
Threadersteller
Dabei seit: 27.01.2009
Ort: -
Alter: -
Geschlecht: -
|
Verfasst Fr 30.01.2009 18:23
Titel
|
|
|
also erstmal arbeite ich mit dem include befehl der seiten in andere seiten läd
<?php include ("test.php"); ?>
Dachte das wäre allseits bekannt. Nunja anscheinend nicht.
Ich mach ne steuerungsdatei mit php und die lad ich dann in den Hauptable.
So werden alle seiten die ich damit verlinke im Hauptable angezeigt.
Das es Java DHTML usw. gibt weiss ich auch. Ich wollte mehr nen code oder nen ratschlag wie ich das machen
kann und keine Programmiersprache.
@ kash
Was meinste mit definiert?
In DW 4 gibts ne option in der ich nur Bilder angeben muss und der erzeugt mir dann den passenden code.
Dieser funktioniert aber nicht.
Deswegen will ich wissen obs an meinem include befehl liegt (wegen Seiten neu laden...) oder nicht
und ob jemand n bessere variante hat bzw. kennt
|
|
|
|
|
itac
Dabei seit: 15.04.2004
Ort: -
Alter: 48
Geschlecht: -
|
Verfasst Fr 30.01.2009 20:15
Titel
|
|
|
Hallo,
Ich dacht da gäbe es evtl. noch spezielle Funktionalität in Dreamweaver - das Prog kenn ich nicht(mehr).
Zitat: | Kann es sein das der browser die Seite immer komplett neu läd? |
also wenn du in php inkludiert ist es normal das die Seite neu geladen wird - sie wird ja auf dem Server inkludiert und dann erst zu Deinem Browser rübergebeamt.
Also wenn Du möchtest das die Buttons aktiv zu jeweiligen Seite sin, muss php irgendwie wissen welche Seite aktiv ist, z.B. über ne Variabel oder Auswertung des (include)Linkes.
Dann könnte man bei jeden Button ne if abfrage machen:
php:
Code: |
$includeurl=$_GET['include'];//Wert holen
if($includeurl=='link1')
echo '<img src="bildbutt1aktiv.gif">'; //HTML-Code für Button aktiv
else
echo '<a href="basis.php?include=link1"><img src="bildbutt1.gif"></a>';//HTML-Code für Button inaktiv
if($includeurl=='link2')
echo '<img src="bildbutt2aktiv.gif">'; //HTML-Code für Button aktiv
else
echo '<a href="basis.php?include=link1"><img src="bildbutt2.gif"></a>';//HTML-Code für Button inaktiv
|
salü
|
|
|
|
|
Dexter Paris
Dabei seit: 28.05.2008
Ort: -
Alter: -
Geschlecht:
|
Verfasst Fr 30.01.2009 21:43
Titel
|
|
|
Du kannst das auch toll mit CSS(-Sprites) realisieren, habe ich erst kürzlich gelernt und behirnt und finde das ganz fantastisch, spart außerdem HTTP-Requests da alle Menupunkte und deren Zustände in einer Bilddatei gesammelt sind ...
Beispiel: http://www.classic-motocross.at
1) Menüpunkte als ungeordnete Liste anlegen
Code: | <ul id="navi">
<li id="navi01"><a onfocus="this.blur()" href="index2.html" >Startseite </a></li>
<li id="navi02"><a onfocus="this.blur()" href="ueberuns.html">Über uns</a></li>
<li id="navi03"><a onfocus="this.blur()" href="fahrerportraits.html">Fahrerportraits</a></li>
</ul> |
2) Den Button-IDs entsprechend die Statuszustände per CSS zuordnen
Code: | #navi li a {
height: 30px;
width: 150px;
background-image: url(../images/shared/navisprite.png);
background-repeat: no-repeat;
display: block;
text-indent: -9999px;
}
#navi01 a:link, #navi01 a:visited {
background-position: 0px 0px;
}
#navi01 a:hover {
background-position: -150px 0px;
}
#navi02 a:link, #navi02 a:visited {
background-position: 0px -30px;
}
#navi02 a:hover {
background-position: -150px -30px;
}
#navi03 a:link, #navi03 a:visited {
background-position: 0px -60px;
}
#navi03 a:hover {
background-position: -150px -60px;
} |
3) Auf den jeweiligen Seiten den aktiven Menupunkt mittels lokaler Style-Definition "aktivieren" ...
Code: | <style type="text/css" media="screen">
#navi01 a:link, #navi01 a:visited {
background-position: -150px 0px;
}
</style> |
Gutes Gelingen
Zuletzt bearbeitet von Dexter Paris am So 01.02.2009 01:15, insgesamt 1-mal bearbeitet
|
|
|
|
|
|
|
|
Ähnliche Themen |
Wie in Xhtml-Umsetzen?
Wie am besten umsetzen?
Wie Layout in CSS umsetzen?
Datenbank für App - womit umsetzen?
[Flash] Autokolonne - Wie umsetzen?
Wie umsetzen ? Weltkarte als navigationselement :)
|
|