[Javascript] Javascript in CSS einbinden ?!

mtn · 6. September 2004

Hallo,

ich hab für eine ganz Anzahl von HTML-Sites ein nettes Stylesheet
geschrieben.

Diese ganzen Seiten sollen auch ein JavaScript-Dropdown-Menü
zur Navigation enthalten, und zwar dieses.

Ich wollte dieses nun direkt in einem DIV-Tag des Stylesheets aufrufen,
hab mich dazu begoogelt, aber leider nur 2 äußerst spärliche Sites
dazu gefunden:

http://www.quirksmode.org/css/javascript.html

und

http://milov.nl/2389 .

Hab nun ein bissel rumprobiert, am Ende ist in etwa folgendes Konstrukt
herausgeommen:

Code:

  #naviDiv {
  	background: url(
  	'javascript:var menu = new COOLjsMenu("MainMenu", MENU_ITEMS);'
  	)
  }

Nun wird das Menü zumindest im Internet Explorer angezeigt, allerdings
funktionieren die Drop Downs nicht, und es gibt merkwürdige Scriptfehler.

Zudem wird nun der Rest des Stylesheets gänzlich ignoriert.

Der Firefox ignoriert das ganze Gebastel einfach und zeigt die Sites
nach wie vor ordentlichst mit Stylesheet aber eben ohne Menü an.

In den HTML-Files wird momentan noch im Header auf die
cooljsmenu.js und menu_item.js verwiesen.

Hat jemand eine Idee wie man das funktionsfähig bauen könnte?

Vielen Dank für eure Hilfe

Grüße

[UPS]Erazor · 6. September 2004

Re: Javascrip in CSS

Sorry, aber sowas ist mal voll pervers.
Überleg nochmal wieso du JS in ein CSS Stylesheet basteln willst...

mtn · 6. September 2004

Re: Javascrip in CSS

[UPS]Erazor schrieb:
Sorry, aber sowas ist mal voll pervers.
Überleg nochmal wieso du JS in ein CSS Stylesheet basteln willst...

Damit die Dokumentateure in ihre HTML-Siten nicht jedes mal das JavaScript von Hand einbinden müssen

Grüße

Steffen · 6. September 2004

Re: Javascrip in CSS

Dann lager das Javascript doch in eine externe Datei aus...

HTML:

<script type="text/javascript" src="script.js"></script>

mtn · 6. September 2004

Re: Javascrip in CSS

Steffen schrieb:
Dann lager das Javascript doch in eine externe Datei aus...

Hab ich ja, wie im Ursprungspost beschrieben

Mit der Zeile:

Code:

   var menu = new COOLjsMenu("MainMenu", MENU_ITEMS);

wird ja nur im Body das Menü bereitgestellt, welches von 2 ausgelagerten
JavaScripts generiert wird.

Und nun möchte ich einfach nur, das das nicht jedesmal in den Body
geschrieben werden muss, sondern das der Aufruf gleich vom CSS
aus erledigt wird.

Grüße

Steffen · 6. September 2004

Re: Javascrip in CSS

Ich verstehe aber irgendwie nicht, wieso du diese Zeile nicht einfach auch in die Javascript-Dateien schreibst ?!

Javascript in CSS-Dateien unterszubringen ist, wie meine Vorredner schon sagten, sowas von pervers, dass es nur der Internet Explorer unterstützen kann.

mtn · 7. September 2004

Re: Javascrip in CSS

Steffen schrieb:
Ich verstehe aber irgendwie nicht, wieso du diese Zeile nicht einfach auch in die Javascript-Dateien schreibst ?!

Weil diese Zeile im Body eines HTML-Dokuments aufgerufen werden muss.

Javascript in CSS-Dateien unterszubringen ist, wie meine Vorredner schon sagten, sowas von pervers, dass es nur der Internet Explorer unterstützen kann.

Ja, der Mozilla macht des ja auch nicht

Na ja, war mal ein nettes Experiment, aber scheinbar gehts ja dann doch
nicht, und so muss ich eben die HTML-Templates anders gestalten.

Irgendwie hat mir die Idee halt gefallen

Dank und Grüße

Suche

[Javascript] Javascript in CSS einbinden ?!

mtn

Lieutenant

[UPS]Erazor

Lieutenant

mtn

Lieutenant

Steffen

Technische Leitung

mtn

Lieutenant

Steffen

Technische Leitung

mtn

Lieutenant

Ähnliche Themen