JavaScript-Browser-Weiche

http://www.bloggylicious.de

JavaScript deaktiviert und dann?
Aus aktuellem Anlass habe ich mich heute mit der Poblematik beschäftigt, zwei verschiedene CSS-Dateien via JavaScript zu laden.

Der Grund ist folgender:
Ich habe für ein Menü Buttons gebaut, die als .PNG-Datei qualitativ besser sind und keine schwarzen Konturen haben.
Das Problem hierbei ist aber, dass der Internet Explorer keine PNG´s unterstützt und ich somit auf gif´s zurückgreifen muss. Nun hab ich mir überlegt einfach die gif´s zu laden, wenn der User den IE als Browser nutzt und sonst die schöneren PNG´s.

Nun habe ich dieses Problem über eine browserweiche mit Hilfe von JavaScript gelöst! (Code oben nicht vollständig)
Zu früh gefreut, denn was passiert, wenn man JavaScript deaktiviert hat? Dann wurde nämlich kein Menü angezeigt.

Gelöst habe ich dieses Problem dann über das ! Wenn im Browser die Option JavaScript deaktiviert worden ist, werden die JavaScript Codes zwischen ignoriert.
Schreibt man nun mit Hilfe des -Tags den gewollten Inhalt zwischen die Tags, umgeht man quasi die Javascript-Deaktivierung.
Der


6 Responses to “JavaScript-Browser-Weiche”

  • Beim IE kann man ab Version 5.5 PNGs mit der CSS Eigenschaft “filter” laden. Benötigt allerdings eingeschaltetes JavaScript.

    z.B.:
    filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=crop src=’mypic.png’)

  • Im Internet findest du eine PHP funktion (replacePNG, koivi.com) die ueberpueft ob der Browser IE < 7 ist. If ja dann fuegt sie noch die css eigenschaft filter hinzu.

  • Ah, danke für den Tipp ;) Man lernt ja nie aus :)

  • Wie wäre es mit conditional comments?
    http://www.css4you.de/wsbw/index.html#bwiecc

  • Wäre eine Alternative ;) Danke für den Tipp! Auslernen tut man wie gesagt nie!

  • I am Internet findest du eine PHP funktion (replacePNG, koivi.com) die ueberpueft ob der Browser IE < 7 ist. If ja dann fuegt sie noch die css eigenschaft filter hinzu.







XHTML: You can use these tags: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>



Blogroll

Lorem ipsum

These 3 boxes are widgets and can be edited through the admin page, just like the sidebar.

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

Impressum