per Link einen Bereich aktulisieren und eine css anwenden

Dueperthal · 07.05.2006, 11:47

Hallo,

ich suche eine Lösung für folgendes Problem:

http://www.howlpinkfairy.de.ms/index.php

Hier soll wenn man auf einen Link klickt einmal der Inhalt ins normale Fenster kommen und der Bereich der Musiker sich wechseln.

Jede Seite soll eine andere Musikerin haben. Ich habe mir überlegt das per CSS zu machen doch es wäre sinnlos für jede Seite eine extra CSS-Datei zu schreiben.

Hat jemand einen Tipp wie man das machen könnte?

Gruß
Vom

Masteroi · 07.05.2006, 12:42

Du kannst das ja per Zufall machen.
Angenommen du hast 4 verschiedene Bilder, erzeugst du ein Array mit den verschiedenen Bild-Pfaden. (z.B. $BILD[0]="/pics/1.JPG"; oder so)
Dann erzeugst du eine Zufallszahl von 1 bis 4, und dann lässt du das entsprechende Bild anzeigen.
Gruß Philipp
*EDIT: Na gut, wär dan eher ne PHP-Lösung ,)

Dueperthal · 07.05.2006, 13:37

Ja ob es jetzt mit PHP geregelt oder mit CSS wird ist egal.

Doch es soll kein Zufallsprinzip werden die bilder sollen feste seiten haben.

404 · 07.05.2006, 13:46

Wenn ich das gerade richtig verstanden habe, soll Bild X auf Seite 1 anders sein, als auf seite 2, aber auf den entsprechenden Seiten immer gleich (bitte korrgieren, fals falsch)...

Dann könntest du doch eifnach jeder Seite eine andere CSS-Klasse zuordnen, die bis auf das entsprechende Bild identisch sind...

Könnte man mit PHP kombinieren, indem man oben auf jeder seite sagt
$seite = "seitenname";
oder so ähnöich und dann alle variablen Klassen wie folgt anpasst
... class="klasse<?php echo '-'.$seite; ?>" ...

MfG 404

Dueperthal · 07.05.2006, 13:52

Ja so ist das richtig

Bild 1 auf Seite 1 Bild 2 auf Seite 2

Ich habe auch schon versucht auf den Seiten die dann aufgerufen werden den CSS Style angebe der das Bild ändern lässt. Aber es aktulisiert sich ja per Klick nur der Inhalt und nicht der rahmen drum rum. Müsste ich das ändern?

Das beim Klick auf eine andere Seite sich der Bild und Inhaltsbereich sich aktulisiert??

404 · 07.05.2006, 14:18

Noch 'ne Möglichkeite wäre J(ava)S(cript)...

Eine Funktion zum Bildwechseln schreiben und die dann per onclick mit entsprechenden Parametern aufrufen...

Code:

<script language="JavaScript" type="text/javascript">
// <![CDATA[
seite1 = new Image();
seite1.src = "seite1.png";
seite2 = new Image();
seite2.src = "seite2.png";

function Bildwechsel (Bildnr, Bildobjekt) {
  window.document.images[Bildnr].src = Bildobjekt.src;
// ]]>
</script>

Und dann beim Klicken:

Code:

onclick="Bildwechsel(5, seite2)"

Die Bildnummer ist die Nummer des Bildes. KAnnst alternativ auch den NAmen angeben, wenn das Bild einen hat, aber wie's aussieht, ist das Bild ja immer an der selben Stelle im Quellcode

Dueperthal · 07.05.2006, 14:37

Ich probiere gleich nochmal das Bild direkt als seite auch neuladen zu lassen, beim klick auf den Link.

Java gefällt mir nämlich auch nicht so wirklich.

Ich habe auch mal überlegt ob man nicht einen Doppellink machen kann also klickt man auf den Link das zwei Ebenen sich erneuern der Inhalt und das Bildfeld. Was meint ihr dazu?

Masteroi · 07.05.2006, 15:52

Würde bestimmt gehen, wäre aber denke ich sehr umständlich.
Ich weiß ja nicht, wie deine index.php aussieht, aber wie ich sehe hängst du einfach die gewünschte seite als variable hinten dran (index.php?seite=history.htm).
Wenn die index.php so aussieht, wie ich mir das vorstellt

, kannst du doch an der stelle wo das bild hin soll eine switch-anweisung einbauen.

Zum Beispiel so:

PHP-Code:

  <?php

  switch(strtolower($seite))

  {

    default:

      $bild="/pics/0.JPG";

      break;

    case 'history':

      $bild="/pics/1.JPG";

      break;

     // und so weiter

}

?>

Dueperthal · 07.05.2006, 16:43

So habe es gelöst. In der CSS datei habe ich für jede Seite einen extra Style Punkt angelegt. Und in den Seiten die über die Links aufgerufen werden die CSS Box eingebaut. Anstatt in der index.php liegt jetzt die Bild Box direkt in der neu aufgerufenen Seite.

Sieht so auch gar nicht mal so schlecht aus. Danke für eure Tipps.

http://www.howlpinkfairy.de.ms

Cheers
Vom

Masteroi · 07.05.2006, 17:16

Bei mir zeigts links gar keine Bilder an (Mozilla Firefox 1.5.0.3)
Gruß Philipp

Themen-Optionen
Druckbare Version zeigen Jemanden per E-Mail auf dieses Thema hinweisen
Thema bewerten
Thema bewerten:

Ähnliche Themen
Thema	Autor	Forum	Antworten	Letzter Beitrag
[Erledigt] Link Übergabe per $_GET['Variable']	vita	PHP Tipps 2008	16	14.07.2008 15:19
Bereich um einen float left und float right Bereich	andrew22	HTML, Usability und Barrierefreiheit	8	27.02.2007 18:27
Php script über link ausführen!??	Funky_	PHP Tipps 2006	2	20.06.2006 11:32
3zeiliges div Seitenlayout - 3. Bereich zu tief	HStev	HTML, Usability und Barrierefreiheit	7	21.04.2006 16:13
Daten aus MySQL-abfrage zum Link mit id zusammensetzen	maccoder	Datenbanken	2	13.09.2005 16:49
Suche Tipps für Persormance-Steigerung (Geld für Nützliches)		Beitragsarchiv	18	16.08.2005 10:57
weiterleitung per link im gleichem frame		PHP Tipps 2005	17	23.05.2005 11:34
per Link in den if () - Bereich	GN	PHP Tipps 2005	11	25.04.2005 15:08
ein link in einem TD	Sclot	HTML, Usability und Barrierefreiheit	4	12.02.2005 13:06
[Erledigt] PHP Formular - Daten an nächsten Schritt weiter geben - Wie?		PHP Tipps 2005	14	02.01.2005 20:05
Über Link einen Zeile aus Tabelle löschen	Calli	PHP Tipps 2004-2	24	03.12.2004 13:35
[Erledigt] über ein Link --> Tabelleneintrag		PHP Tipps 2004	9	03.11.2004 17:09
absoluter link		PHP Tipps 2004	10	01.07.2004 23:00
PHP Link ???		PHP Tipps 2004	4	25.06.2004 17:24
Passwortabfrage u Link z geschützten Bereich a selber Stelle		PHP Tipps 2004	4	18.06.2004 13:27

07.05.2006, 11:47
Dueperthal Neuer Benutzer Registriert seit: 28.11.2004 Beiträge: 24	per Link einen Bereich aktulisieren und eine css anwenden Hallo, ich suche eine Lösung für folgendes Problem: http://www.howlpinkfairy.de.ms/index.php Hier soll wenn man auf einen Link klickt einmal der Inhalt ins normale Fenster kommen und der Bereich der Musiker sich wechseln. Jede Seite soll eine andere Musikerin haben. Ich habe mir überlegt das per CSS zu machen doch es wäre sinnlos für jede Seite eine extra CSS-Datei zu schreiben. Hat jemand einen Tipp wie man das machen könnte? Gruß Vom


Mister Ad PHP Code Flüsterer Registriert seit: 21.08.2005 Beiträge: 4682 PHP-Kenntnisse: Fortgeschritten

07.05.2006, 12:42
Masteroi Erfahrener Benutzer Registriert seit: 03.06.2005 Beiträge: 151	Du kannst das ja per Zufall machen. Angenommen du hast 4 verschiedene Bilder, erzeugst du ein Array mit den verschiedenen Bild-Pfaden. (z.B. $BILD[0]="/pics/1.JPG"; oder so) Dann erzeugst du eine Zufallszahl von 1 bis 4, und dann lässt du das entsprechende Bild anzeigen. Gruß Philipp *EDIT: Na gut, wär dan eher ne PHP-Lösung ,) __________________ Nein ich bin nicht die Signatur... ich putz hier nur!

07.05.2006, 13:37
Dueperthal Neuer Benutzer Registriert seit: 28.11.2004 Beiträge: 24	Ja ob es jetzt mit PHP geregelt oder mit CSS wird ist egal. Doch es soll kein Zufallsprinzip werden die bilder sollen feste seiten haben.

07.05.2006, 13:46
404 Neuer Benutzer Registriert seit: 06.05.2006 Beiträge: 9	Wenn ich das gerade richtig verstanden habe, soll Bild X auf Seite 1 anders sein, als auf seite 2, aber auf den entsprechenden Seiten immer gleich (bitte korrgieren, fals falsch)... Dann könntest du doch eifnach jeder Seite eine andere CSS-Klasse zuordnen, die bis auf das entsprechende Bild identisch sind... Könnte man mit PHP kombinieren, indem man oben auf jeder seite sagt $seite = "seitenname"; oder so ähnöich und dann alle variablen Klassen wie folgt anpasst ... class="klasse<?php echo '-'.$seite; ?>" ... MfG 404

07.05.2006, 13:52
Dueperthal Neuer Benutzer Registriert seit: 28.11.2004 Beiträge: 24	Ja so ist das richtig Bild 1 auf Seite 1 Bild 2 auf Seite 2 Ich habe auch schon versucht auf den Seiten die dann aufgerufen werden den CSS Style angebe der das Bild ändern lässt. Aber es aktulisiert sich ja per Klick nur der Inhalt und nicht der rahmen drum rum. Müsste ich das ändern? Das beim Klick auf eine andere Seite sich der Bild und Inhaltsbereich sich aktulisiert??

07.05.2006, 14:18
404 Neuer Benutzer Registriert seit: 06.05.2006 Beiträge: 9	Noch 'ne Möglichkeite wäre J(ava)S(cript)... Eine Funktion zum Bildwechseln schreiben und die dann per onclick mit entsprechenden Parametern aufrufen... Code: <script language="JavaScript" type="text/javascript"> // <![CDATA[ seite1 = new Image(); seite1.src = "seite1.png"; seite2 = new Image(); seite2.src = "seite2.png"; function Bildwechsel (Bildnr, Bildobjekt) { window.document.images[Bildnr].src = Bildobjekt.src; // ]]> </script> Und dann beim Klicken: Code: onclick="Bildwechsel(5, seite2)" Die Bildnummer ist die Nummer des Bildes. KAnnst alternativ auch den NAmen angeben, wenn das Bild einen hat, aber wie's aussieht, ist das Bild ja immer an der selben Stelle im Quellcode

07.05.2006, 14:37
Dueperthal Neuer Benutzer Registriert seit: 28.11.2004 Beiträge: 24	Ich probiere gleich nochmal das Bild direkt als seite auch neuladen zu lassen, beim klick auf den Link. Java gefällt mir nämlich auch nicht so wirklich. Ich habe auch mal überlegt ob man nicht einen Doppellink machen kann also klickt man auf den Link das zwei Ebenen sich erneuern der Inhalt und das Bildfeld. Was meint ihr dazu?

07.05.2006, 15:52
Masteroi Erfahrener Benutzer Registriert seit: 03.06.2005 Beiträge: 151	Würde bestimmt gehen, wäre aber denke ich sehr umständlich. Ich weiß ja nicht, wie deine index.php aussieht, aber wie ich sehe hängst du einfach die gewünschte seite als variable hinten dran (index.php?seite=history.htm). Wenn die index.php so aussieht, wie ich mir das vorstellt , kannst du doch an der stelle wo das bild hin soll eine switch-anweisung einbauen. Zum Beispiel so: PHP-Code: `<?php switch(strtolower($seite)) { default: $bild="/pics/0.JPG"; break; case 'history': $bild="/pics/1.JPG"; break; // und so weiter } ?>` __________________ Nein ich bin nicht die Signatur... ich putz hier nur!

07.05.2006, 16:43
Dueperthal Neuer Benutzer Registriert seit: 28.11.2004 Beiträge: 24	So habe es gelöst. In der CSS datei habe ich für jede Seite einen extra Style Punkt angelegt. Und in den Seiten die über die Links aufgerufen werden die CSS Box eingebaut. Anstatt in der index.php liegt jetzt die Bild Box direkt in der neu aufgerufenen Seite. Sieht so auch gar nicht mal so schlecht aus. Danke für eure Tipps. http://www.howlpinkfairy.de.ms Cheers Vom

07.05.2006, 17:16
Masteroi Erfahrener Benutzer Registriert seit: 03.06.2005 Beiträge: 151	Bei mir zeigts links gar keine Bilder an (Mozilla Firefox 1.5.0.3) Gruß Philipp __________________ Nein ich bin nicht die Signatur... ich putz hier nur!