zurück zur Startseite
  


Zurück XHTMLforum > (X)HTML und CSS > CSS
Seite neu laden per Link den Inhalt im <div> Container ändern ?

Antwort
 
LinkBack Themen-Optionen Ansicht
  #1 (permalink)  
Alt 22.08.2003, 10:01
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 22.08.2003
Beiträge: 3
Andy befindet sich auf einem aufstrebenden Ast
Standard per Link den Inhalt im <div> Container ändern ?

Hallo,

ich befasse mich erst seit sehr kurzer Zeit mit CSS und bin jetzt schon von den Möglichkeiten beeindruckt. Mir fehlt jetzt noch eine kleine (für mich aber wichtige) Information.
Wenn ich mir z.B. den Workshop "Layouten ohne Tabellen" anschaue, fehlt mir noch zu meinem Glück der Hinweis, wie ich per Link den Inhalt der 'neuen' Seite in einer sog. <div> - box anzeigen lassen kann. In der Frametechnik geht es ja mit 'target="...'. Wie geht dies bei CSS ?

Wenn Ihr mir helfen könntet, wäre ich Euch sehr dankbar....

Weiterhin viel Spaß mit CSS
Andy
Mit Zitat antworten
Sponsored Links
  #2 (permalink)  
Alt 22.08.2003, 10:55
Erfahrener Benutzer
XHTMLforum-Kenner
 
Registriert seit: 02.06.2003
Beiträge: 2.441
ulle befindet sich auf einem aufstrebenden Ast
Standard

Hallo,

wenn ich Dich richtig verstehe willst Du eine Info-Box die erscheint wenn Du mit der Mouse über den Link fährst

Du meinst ja wohl nicht den [title=] im A-Tag

Vielleicht ist es ja das was Du meinst:

http://www.xhtmlforum.de/viewtopic.php?t=122
__________________
</ulle>
Mit Zitat antworten
Sponsored Links
  #3 (permalink)  
Alt 22.08.2003, 11:22
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 22.08.2003
Beiträge: 3
Andy befindet sich auf einem aufstrebenden Ast
Standard

Hallo,

danke für die schnelle Antwort.

Es geht mir darum, nicht auf jeder Web-Seite das Menü mit in denb Code eintragen zu müssen und dementsprechend auch auf allen Seite dann (wenn erforderlich) auch zu ändern.
Ich möchte wie z.B. die CSS4you Seite auf der linken Seite ein Menü und einen Bereich (Content) der dann den Inhalt der verlinkten Seite anzeigt.

Mir geht es halt darum nicht auf jeder Seite den Code für das menü zu haben. geht das mit CSS überhaupt ????

Viele Grüße
Andy
Mit Zitat antworten
  #4 (permalink)  
Alt 22.08.2003, 11:53
Erfahrener Benutzer
XHTMLforum-Mitglied
 
Registriert seit: 30.07.2003
Beiträge: 179
Karlo wird schon bald berühmt werden
Standard

Hallo,

meines Wissens nach geht's so nicht, aber mit SSI sollte es schon funktionieren. Es kommt aber auch drauf an was man für ein Paket hat bzw. wie viele Seiten das Projekt hat.
__________________
Gruss Karlo
Mit Zitat antworten
  #5 (permalink)  
Alt 22.08.2003, 11:59
Erfahrener Benutzer
XHTMLforum-Kenner
 
Registriert seit: 02.06.2003
Beiträge: 2.441
ulle befindet sich auf einem aufstrebenden Ast
Standard

Zitat:
Mir geht es halt darum nicht auf jeder Seite den Code für das menü zu haben. geht das mit CSS überhaupt ????
Nein

CSS ist nur für das Styling der TAGs gemacht.

CascadingStyleSheet heißt es ja auch.

Auf CSS4YOU siehst Du immer eine komplette HTML (XHTML) Seite. Ohne Frames, ohne Objekte.........

Um wiederkehrende CODE-Schnipsel in eine Website einzubinden wird meist eine Serverseitige SCRIPT-Sprache verwendet.

Zum Beispiel: PHP, ASP, ....... oder auch SSI.

Sollte Dein WEBSERVER (-Space) nicht über eine solche Script Sprache verfügen, solltest Du auf jeden Fall mal schauen ob Dir nicht SSI (server site include) zur Verfügung steht.

Falls diese auch nicht vorhanden ist bleibt Dir noch die Möglichkeit eines einfachen JavaScripts.

Einfach den Code-Schnipsel (= also den wiederkehrenden Navigations-Code) in eine JavaScript-Variable speichern und diese Variable per Funktion mit document.write(Variable) an der entsprechenden Stelle ausgeben. Diesen JavaScript Code lagerst Du in eine externe xxxx.js Datei und inkludierst diese dann Clientseitig in den HTML-Code.

Dadurch wird der Code-Schnipsel (der ist jetzt in der xxxx.js Datei) auch nur einmal zum Client übertragen. Um Updates sicher zu stellen mußt Du nur den Dateinamen mit Versionsnummer versehen. (xxxx_v1.js).

weitere Infos: http://selfhtml.teamone.de/javascript/index.htm


Beispiel:

HTML-Code:
Code:
<div id="navigation">
<script language="JavaScript" src="navi_v1.js" type="text/javascript"></script>
</div>
JavaScript Code in der Datei navi_v1.js:
Code:
variable_navi = ''+
'link1
'+
'link2
'+
'link3'+
'';

document.write(variable_navi);
Die ganze Veranstaltung geht natürlich nur wenn JavaScript auf dem Client eingeschaltet ist, aber das trifft ja auch für CSS zu.

Viel Erfolg.....
__________________
</ulle>
Mit Zitat antworten
  #6 (permalink)  
Alt 22.08.2003, 12:40
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 22.08.2003
Beiträge: 3
Andy befindet sich auf einem aufstrebenden Ast
Standard

Uff.. ok, vielen lieben Dank für die Beschreibung. Ich werde mal rumtüfteln und schauen wie weit ich in die Materie einsteigen kann/will.

Also, vielen Dank und weiterhin viel Erfolg
mit CSS

Andy
Mit Zitat antworten
  #7 (permalink)  
Alt 22.08.2003, 13:55
Benutzer
neuer user
 
Registriert seit: 28.05.2003
Beiträge: 30
Jürgen befindet sich auf einem aufstrebenden Ast
Standard

@ulle
Zitat:
Die ganze Veranstaltung geht natürlich nur wenn JavaScript auf dem Client eingeschaltet ist, aber das trifft ja auch für CSS zu.
Wie wird ggf. CSS ausgeschaltet ?
__________________
Kaum macht man\'s mal richtig, schon läuft\'s.
Mit Zitat antworten
  #8 (permalink)  
Alt 22.08.2003, 14:21
Erfahrener Benutzer
XHTMLforum-Kenner
 
Registriert seit: 02.06.2003
Beiträge: 2.441
ulle befindet sich auf einem aufstrebenden Ast
Standard

da hat ja doch einer genau gelesen

Hallo Jürgen,

Es gibt Browser, die bei deaktivierten JavaScript auch kein CSS können, weil es sich nicht getrennt deaktivieren läßt.

Habe ich noch nie ausprobiert, aber schon öfter gelesen. Unter anderem hier:

Zitat:
Wenn Sie Web-Seiten gestalten, müssen Sie daraus Ihre eigenen Konsequenzen ziehen. Stylesheets erlauben Ihnen völlig neue Möglichkeiten beim Webseiten-Layout. Je intensiver Sie Ihre Layouts jedoch von Stylesheet-Effekten abhängig machen, desto problematischer können die Seiten auf schwacher Hardware oder bei sehschwachen Menschen wirken. Zwar gibt es außer textbasierten Browsern wie Lynx kaum noch Browser mit nennenswerter Verbreitung, die Stylesheets gar nicht unterstützen. Doch bei frühen Varianten von Netscape 4.x, die durchaus noch verbreitet sind, ist leider eine verhängnisvolle Abhängigkeit einprogrammiert: wenn der Anwender dort JavaScript deaktiviert, zeigt der Browser auch keine CSS Stylesheets an. Der Grund dafür ist, dass im Netscape-Browser ursprünglich mal CSS direkt vom JavaScript-Interpreter interpretiert wurde, weshalb es in Netscape 4.x auch eine heute veraltete Zwitter-Syntax namens JSSS gibt, die CSS-Definitionen mittels JavaScript ermöglicht. Einen Vorteil hat diese Spezialität von Netscape 4.x andererseits: wenn Sie dort JavaScript deaktivieren, können Sie Ihre CSS-gestylten Web-Seiten mal ohne CSS-Unterstützung testen. Bei jüngeren Versionen der 4.x-Serie von Netscape lässt sich CSS auch unabhängig von JavaScript deaktivieren. Zu diesem "Härtetest" sollten Sie sich auf jeden Fall zwingen.
Quelle: http://selfhtml.teamone.de/css/intro.htm

Okay - scheint sich nur auf NS4 zu beziehen und den beachte ich sowieso nicht mehr. Ergo können wir wohl dieses Thema vernachlässigen.


Ich setze diese Technik mit der externen JS-Datei schon Jahrelang auf einem Projekt ohne Probleme ein - also es hat sich noch keiner beschwert.

Ich gehe sogar noch weiter: Ich lasse mir teilweise sogar den Quellcode für die Navigation vom JavaScript (über mehrere Schleifen) zusammen bauen. Ich bin halt faul ......

Übrigens hast Du evtl. eine Browser/Betriebssystem Konfiguration die nicht meinem Umfeld entspricht, OKay dazu müßtest Du meine Konfig. kennen. Schau doch mal bitte ins Forum "Testet meine Site" - Danke

@Andy

Zitat:
Uff.. ok, vielen lieben Dank für die Beschreibung. Ich werde mal rumtüfteln und schauen wie weit ich in die Materie einsteigen kann/will.
Ich weiß das es für jemanden der damit noch nicht gearbeitet hat nicht so leicht überschaubar ist. Aber deshalb habe ich ja dieses Beispiel so genau beschrieben.

Im Prinzip kannst Du es genau so auf Deiner Site einsetzen. Und für jede CODE-Zeile HTML kopierst Du einfach eine weitere mit dem [+] ein. Fertisch
__________________
</ulle>
Mit Zitat antworten
Antwort

Themen-Optionen
Ansicht

Forumregeln
Es ist Ihnen nicht erlaubt, neue Themen zu verfassen.
Es ist Ihnen nicht erlaubt, auf Beiträge zu antworten.
Es ist Ihnen nicht erlaubt, Anhänge hochzuladen.
Es ist Ihnen nicht erlaubt, Ihre Beiträge zu bearbeiten.

BB-Code ist an.
Smileys sind an.
[IMG] Code ist an.
HTML-Code ist aus.
Trackbacks are an
Pingbacks are an
Refbacks are aus


Ähnliche Themen
Thema Autor Forum Antworten Letzter Beitrag
FAQ -- Häufig gestellte Fragen und häufig gegebene Antworten mazzo CSS 10 05.04.2012 18:32
Definitionsliste in einer Floatumgebung *pi CSS 11 07.01.2009 19:34
Ständig wechselnde Bilder, Werbung Vybsi (X)HTML 17 25.01.2008 00:00
height: 100% beim IE [M.o.C]Co CSS 3 12.05.2005 13:58
Breite von DIVs Daniel CSS 8 23.06.2003 19:01


Alle Zeitangaben in WEZ +2. Es ist jetzt 00:42 Uhr.