CSS Probleme / Frage

[CologneStud]

Ich habe eine Frage:

Ich habe bei Ciao.com mir folgendes Profil gemacht http://www.ciao.de/member_view_extended.php/MemberId/1038187 welches auf ein externes CSS Stylesheet zugreift. Es gibt jetzt mehrere Sachen die ich machen möchte aber nicht weiß wie die gehen:

1.) Ich möchte mir bei "Über Mich" einen Link einbauen, der, wenn man ihm betätigt auf ein anderes Externes Style Sheet zugreift und dann das Layout der Site sofort verändert (via reload oder so).

2.) In dieser Prozedur bei einem Reload möchte ich auch eben die Pics ändern. Ich habe im HTML Code der Seite Verweise auf das Sheet gemacht: ==>

#pmitbild {position:absolute; top: 166px; }
#pmitbild2 {position:relative; left: 24px; }

Ich möchte jetzt, wenn man den Link betätigt und ein neues Style Sheet aufgerufen wird, dass die Bilder von dem ersten ext. Style Sheet versteckt werden und durch andere ersetzt.

Greetings,
CologneStud

P.S.

Mailt mir bitte!!!

[Gunnar]

Mailt mir bitte!!!

Warum?
Damit du dir nicht die Mühe machen musst, nochmal hier im Forum nachzuschauen.
Oder damit andere ja nichts dazu lernen?
Gunnar

[CologneStud]

Mailt mir bitte!!!

Warum?
Damit du dir nicht die Mühe machen musst, nochmal hier im Forum nachzuschauen.
Oder damit andere ja nichts dazu lernen?
Gunnar

Zusätzlich...

Weißt du die Antwort?? :-)

[Gunnar]

Weißt du die Antwort?? :-)

Nö, aber ich glaube, mich zu erinnern, sowas schon mal hier gelesen zu habe.
Stöbern im Archiv wird dir sicher helfen.
Gunnar

[molily]

Hallo,

Ich habe bei Ciao.com mir folgendes Profil gemacht http://www.ciao.de/member_view_extended.php/MemberId/1038187 welches auf ein externes CSS Stylesheet zugreift. Es gibt jetzt mehrere Sachen die ich machen möchte aber nicht weiß wie die gehen:

1.) Ich möchte mir bei "Über Mich" einen Link einbauen, der, wenn man ihm betätigt auf ein anderes Externes Style Sheet zugreift und dann das Layout der Site sofort verändert (via reload oder so).

Dazu brauchst du JavaScript.
http://www.styleassistant.de/tips/tip38.htm
http://home.t-online.de/home/dj5nu/js-dom-changestyle.html

Ich möchte jetzt, wenn man den Link betätigt und ein neues Style Sheet aufgerufen wird, dass die Bilder von dem ersten ext. Style Sheet versteckt werden und durch andere ersetzt.

Ändere die Eigenschaften display beziehungsweise visibility, sodass in dem einen Stylesheet die eine Grafik gezeigt wird und die andere nicht und in dem anderen Stylesheet umgekehrt.
http://selfhtml.teamone.de/css/eigenschaften/positionierung.htm#display
http://selfhtml.teamone.de/css/eigenschaften/positionierung.htm#visibility

Falls du jedoch nur die Bilder anzeigen und verstecken willst, reicht etwas wie folgendes aus:
  document.getElementById('pmitbild').style.visibility='hidden';
beziehungsweise .style.display='none' und zum zeigen wieder visible bzw. (wahrscheinlich) block.
Erklärungen siehe obige Links und:
http://selfhtml.teamone.de/dhtml/modelle/dom.htm#css_eigenschaften
http://selfhtml.teamone.de/javascript/objekte/document.htm#get_element_by_id
http://selfhtml.teamone.de/javascript/objekte/style.htm

Falls du im Grunde nur die Adresse der Grafik wechseln willst:
http://selfhtml.teamone.de/javascript/beispiele/buttons.htm
http://selfhtml.teamone.de/javascript/objekte/images.htm#allgemeines
Verschieben kannst du die Grafik natürlich auch über .style.top und .style.left, siehe obige Links und:
http://selfhtml.teamone.de/javascript/objekte/style.htm#style_eigenschaften.

Ma-Linksetzer-thias

[CologneStud]

Hallo,

Ich verstehe aber nicht, was ich jetzt davon benutzen soll. Da ist superviel Java Kram. Ich weiß aber nicht wie ich das da jetzt einbinden soll. Hättest du ein konkretes Beispiel für mich?

Hast du irgendeinen messanger?

Mein ICQ: 159835342 Mein AIM: CologneStud

Danke schonmal im Vorraus.

[molily]

Hallo,

Ich verstehe aber nicht, was ich jetzt davon benutzen soll. Da ist superviel Java Kram. Ich weiß aber nicht wie ich das da jetzt einbinden soll. Hättest du ein konkretes Beispiel für mich?

Selfhtml bietet zu jedem der genannten Punkte praktische Beispiele. Ich habe dir genügend Links gegeben.

Noch einige zum Einbinden von JavaScript ins Markup, praktischerweise über das/den onclick-Attribut/Event-Handler:
http://selfhtml.teamone.de/javascript/intro.htm#javascript_htmltags
http://selfhtml.teamone.de/html/attribute/eventhandler.htm
http://selfhtml.teamone.de/javascript/sprache/eventhandler.htm

Du möchtest JavaScript lernen? http://selfhtml.teamone.de/javascript/index.htm.

Hast du irgendeinen messanger?

Möglicherweise einen Instant Messenger. Vorher bitte ich dich, mir mein IT-Consultant-Honorar von EUR 10.- zu bezahlen: Konto 2000 88 50, Sparkasse Bonn, BLZ 380 500 00. Betreff: Nothilfe für afghanische Flüchtlinge. *smirk* Ich helfe nämlich nur denjenigen unentgeltlich, welche Lernwillen und Eigenintitiative zeigen.

Mathias

[CologneStud]

Dat ding kann nur PHP und CSS. Nichts da Java :-(

[Sven Rautenberg]

Moin!

Dat ding kann nur PHP und CSS. Nichts da Java :-(

Dann vergiß es. Ohne Javascript (PS: Es heißt JavaSCRIPT!) keine aktiven Elemente auf der Seite.

- Sven Rautenberg