PSD-Tutorials.de
Forum für Design, Fotografie & Bildbearbeitung
Tutkit
Agentur
Hilfe
Kontakt
Start
Forum
Aktuelles
Besonderer Inhalt
Foren durchsuchen
Tutorials
News
Anmelden
Kostenlos registrieren
Aktuelles
Suche
Suche
Nur Titel durchsuchen
Von:
Menü
Anmelden
Kostenlos registrieren
App installieren
Installieren
JavaScript ist deaktiviert. Für eine bessere Darstellung aktiviere bitte JavaScript in deinem Browser, bevor du fortfährst.
Du verwendest einen veralteten Browser. Es ist möglich, dass diese oder andere Websites nicht korrekt angezeigt werden.
Du solltest ein Upgrade durchführen oder einen
alternativen Browser
verwenden.
Antworten auf deine Fragen:
Neues Thema erstellen
Start
Forum
Sonstiges
Webdesign, Webentwicklung & Programmierung
Webdesign: HTML/CSS, Responsive Design, Sass...
Geht diese jquery-Animation auch elegenater?
Beitrag
<blockquote data-quote="Myhar" data-source="post: 1868301" data-attributes="member: 134786"><p><strong>AW: Geht diese jquery-Animation auch elegenater?</strong></p><p></p><p>Natürlich gibt es eine elegantere Lösung. Ich nehme einmal an, dass du nicht nur wissen wolltest, ob es so etwas gibt, sondern auch, wie das geht ;P</p><p>Diese Möglichkeit kannst du bei allen Elementen, welche du für Leute mit deaktiviertem JS anzeigen willst, verwenden.</p><p>Zuerst legst du ein Stylesheet an, welches nur die Styles für JS User beinhaltet</p><p>ZB: </p><p>[HTML]</p><p>/*Im Standard Stylesheet*/</p><p>.hiddenJSClass {display:block} /*Damit wird jedes Element mit der Klasse für User ohne JS angezeigt*/</p><p></p><p>/*In dem zweiten Stylesheet (zB mit dem Namen onlyForJS.css ) */</p><p>.hiddenJSClass {display:none}/*Damit wird jedes Element mit der Klasse für User mit JS versteckt*/</p><p>[/HTML]</p><p></p><p>Nun dazu, wie du die beiden CSS Files einbindest: Das onlyForJs.css muss nach deinem normalen CSS eingebunden werden und zwar auf folgende Weise (im Head Bereich der Seite): </p><p>[HTML]</p><p><script type="text/javascript"></p><p> //<![CDATA[</p><p> document.write('<link type="text/css" rel="stylesheet" href="/scripting/onlyForJs.css" media="screen, projection" />');</p><p> //]]></script></p><p>[/HTML]</p><p>Mit der Methode wird das CSS mittels JS eingebunden und nur User mit JS bekommen das modifizierte CSS. </p><p>Der Nachteil ist, dass ein File mehr geladen werden muss, jedoch ist das wohl vernachlässigbar, da die CSS Files gecached werden und in der onlyForJS.css meist nicht viel drinnen steht. </p><p></p><p>L. G.</p></blockquote><p></p>
[QUOTE="Myhar, post: 1868301, member: 134786"] [b]AW: Geht diese jquery-Animation auch elegenater?[/b] Natürlich gibt es eine elegantere Lösung. Ich nehme einmal an, dass du nicht nur wissen wolltest, ob es so etwas gibt, sondern auch, wie das geht ;P Diese Möglichkeit kannst du bei allen Elementen, welche du für Leute mit deaktiviertem JS anzeigen willst, verwenden. Zuerst legst du ein Stylesheet an, welches nur die Styles für JS User beinhaltet ZB: [HTML] /*Im Standard Stylesheet*/ .hiddenJSClass {display:block} /*Damit wird jedes Element mit der Klasse für User ohne JS angezeigt*/ /*In dem zweiten Stylesheet (zB mit dem Namen onlyForJS.css ) */ .hiddenJSClass {display:none}/*Damit wird jedes Element mit der Klasse für User mit JS versteckt*/ [/HTML] Nun dazu, wie du die beiden CSS Files einbindest: Das onlyForJs.css muss nach deinem normalen CSS eingebunden werden und zwar auf folgende Weise (im Head Bereich der Seite): [HTML] <script type="text/javascript"> //<![CDATA[ document.write('<link type="text/css" rel="stylesheet" href="/scripting/onlyForJs.css" media="screen, projection" />'); //]]></script> [/HTML] Mit der Methode wird das CSS mittels JS eingebunden und nur User mit JS bekommen das modifizierte CSS. Der Nachteil ist, dass ein File mehr geladen werden muss, jedoch ist das wohl vernachlässigbar, da die CSS Files gecached werden und in der onlyForJS.css meist nicht viel drinnen steht. L. G. [/QUOTE]
Bilder bitte
hier hochladen
und danach über das Bild-Icon (Direktlink vorher kopieren) platzieren.
Zitate einfügen…
Authentifizierung
Wenn ▲ = 7, ▼ = 3, ◇ = 2 und die Summe von ▲ und ▼ durch ◇ geteilt wird, was ist das Ergebnis?
Antworten
Start
Forum
Sonstiges
Webdesign, Webentwicklung & Programmierung
Webdesign: HTML/CSS, Responsive Design, Sass...
Geht diese jquery-Animation auch elegenater?
Oben