REQ: Bildwechsel (swap?) onClick in anderen Frames

Seite 1 von 2 - Forum: Coding Stuff auf overclockers.at

URL: https://www.overclockers.at/coding-stuff/req_bildwechsel_swap_onclick_in_anderen_frames_157581/page_1 - zur Vollversion wechseln!

Nightstalker schrieb am 31.01.2006 um 19:57

Hi

folgendes Problem:

Habe ein Menü (html) über dass verschiedene Seite geladen werden sollen, zu den Seiten gibt es in einem Frame oberhalb immer ein Bild, nun möchte ich jeweils das entsprechende Bild per Bildwechsel beim Anklicken bzw. Laden der jeweiligen Seite tauschen.

Beispiel:
oben 6 Bilder, alle in SW, klickt man auf das Thema XY wird das Bild zum Thema XY oben gegen ein färbiges getauscht.

So ich hab gedacht ich mach es mit jscript und swap aber geht das denn auch frameübergreifend?`Oder hat wer ne einfachere Idee?

ica schrieb am 31.01.2006 um 20:02

mit php? übergib den link einfach den "status" und dementsprechend zeigst du das richtige bild an.

Nightstalker schrieb am 31.01.2006 um 20:29

tja php is so ne sache obwohl theoretisch wärs ja möglich.

hast grad zufällig ein beispiel bei der hand?

raitiss schrieb am 31.01.2006 um 21:43

poste dein Quelltext oder ein beispiel von einer Seite.

kleinerChemiker schrieb am 31.01.2006 um 22:44

es ist auch mit js möglich. allerdings hat php den vorteil, daß es auch bei browsern funktioniert, die js deaktiviert haben.

Nightstalker schrieb am 31.01.2006 um 23:28

naja ausgangspunkt ist ein Frameset mit 3 Frames, links ein Menü, oben Bilder (je Menüpunkt 1 Bild) und in der mitte Text (grob gesagt).

Wenn man alo links einen Menüpunkt anklickt soll in der Mitte die entsprechende Seite geladen werden und oben das dazugehörige Bild "aufleuchten" also eben ein anderes Bild angezeigt werden. Ganz top wärs natürlich wenn das schon beim Rollover passiert und dann bleibt wenn man einen Punkt anklickt usw.

aber nur keinen zu großen Aufwand, hatte auch garnicht vor so "aufwendige" scripts usw. einzubauen aber es is vermutlich leichter und schöner als es in html zu lösen

samuel schrieb am 02.02.2006 um 00:17

wuerde auch eine server sided loesung mit php vorschlagen. javascript ist nunmal bei einigen usern deaktiviert, somit sollte man vor allem bei navigationselementen darauf verzichtet.

samuel

Nightstalker schrieb am 03.02.2006 um 14:07

Ja bin jetzt auch auf PHP umgeschwenkt.

Hab auch schon ein Menü dass ansich passt. Ich werd vermutlich auch vom Framedesign weggehen (wieder mal alles anders :/).

Die Anforderung wäre jetzt also eine Seite die wie folgt aussieht:

Links Menü mit Unterpunkten, rechts daneben wechselnder Inhalt, darüber besagte Zeile mit Bildern, diese sollen weiterhin je nach Menüpunkt gewechselt werden.

Nun mein PHP ist etwas eingerostet, wie mach ich das denn am einfachsten?

Maehmann schrieb am 04.02.2006 um 09:03

Zitat von Nightstalker
Ja bin jetzt auch auf PHP umgeschwenkt.

Hab auch schon ein Menü dass ansich passt. Ich werd vermutlich auch vom Framedesign weggehen (wieder mal alles anders :/).

Einzig richtige Entscheidung

Zitat

Die Anforderung wäre jetzt also eine Seite die wie folgt aussieht:

Links Menü mit Unterpunkten, rechts daneben wechselnder Inhalt, darüber besagte Zeile mit Bildern, diese sollen weiterhin je nach Menüpunkt gewechselt werden.

Nun mein PHP ist etwas eingerostet, wie mach ich das denn am einfachsten?

Naja, ich würd das wohl mit includes lösen ...
Du übergibst beim Klick auf den Link eine GET Variable und includest dann die Bilder und den Inhalt abhängig von der Variable ...
Du musst aber unbedingt überprüfen, ob die übergebenen Variablen legal sind, da sonst möglicherweise Fremdcode eingeschleust werden kann.

*hth*

raitiss schrieb am 05.02.2006 um 11:33

So bin fertig, hab php verwendet und css mit div.
meinst du soetwas:

http://www.raitis.com/artifakte/resources/swap/

Nightstalker schrieb am 06.02.2006 um 08:16

Jap genau so hab ichs gemeint. In JS hab ichs ja schon hinbekommen da nervt hald dass ich für den Content immer ne eigene Seite brauch das kanns nicht sein wenn ich keine Frames hab weil dann hätt ich ja x Seite mit dem Menü und muss immer alles neu laden

Liese sich da auch ein Rollover realisieren? Es sollen oben ja die 6 Pics sein und wenn man links über den Text oder oben über das Pic rollt sollte beides "gehighlitete" werden, klickt man es an sollte der Highlited Status bleiben (so wie du es jetzt ja hast) und der Contetn aktualisiert werden.

Sorry dass ich mir das jetzt von dir erschnorre nur bis ich meine PHP Kenntnisse (die auf PHP3 vo vor 5 Jahren beruhen) wieder soweit aufgefrischt hab brauch ich die Seite auch nimmer zu machen *gg*

Maehmann schrieb am 06.02.2006 um 09:58

rollover effekte sind mit php nicht möglich ... ist ja eine serverseitige sprache.
Da muss schon Javascript herhalten.

raitiss schrieb am 06.02.2006 um 19:23

Zitat von Maehmann
rollover effekte sind mit php nicht möglich ... ist ja eine serverseitige sprache.
Da muss schon Javascript herhalten.

Mann muss nicht javascript benutzen!

, man kann per css es machen und sehr leicht es gibt mehrere Wege sogar.
Ohne js preloader! Alle funktionieren nur mit css!

http://www.simplebits.com/notebook/..._rollovers.html
bsp. http://www.simplebits.com/bits/tab_rollovers.html

ein gutes rollover mit verschiebung
http://www.christianmontoya.com/200...image-rollover/

noch eins
http://wellstyled.com/css-nopreload-rollovers.html

dann nur backgroundcolor
http://www.alistapart.com/articles/rollovers/
noch eins
http://www.ssi-developer.net/css/me...er-effect.shtml

Maehmann schrieb am 06.02.2006 um 19:59

Zitat von raitiss
Mann muss nicht javascript benutzen! , man kann per css es machen und sehr leicht es gibt mehrere Wege sogar.
Ohne js preloader! Alle funktionieren nur mit css!

Ja klar kann man auch css "roll over" (hover) effekte machen. Allerdings funktioniert das nur mit <a> tags zuverlässig. Alle anderen Tags (<img> etc.) sind problematisch.

Allerdings ist es mit CSS (afaik) nicht so einfach möglich ein Bild zu tauschen, dass sich irgendwo auf der Seite befindet.

JS ist bezüglich der Kompatibilität sicher unproblematischer.

Nightstalker schrieb am 07.02.2006 um 08:49

So ich habs nun mal mit Java gemacht, also meine Rollover und Bildwechsel, das sieht soweit gut aus, um aber bei PHP zu bleiben würd ich gern den Content Teil der Seite in die mittlere Tabelle (Zelle) laden. Mach ich das korrekterweise mit einem include oder gibts da was schlaueres?

Beispiel: Link 1 im Menü soll content1.html (php?) in der Zelle neben dem Menü laden.

edit: was für ein outing, ich bin ja der ur n00b