zurück zur Startseite
  


Zurück XHTMLforum > Webentwicklung (außer XHTML und CSS) > Javascript & Ajax
Seite neu laden div mit Inhalt nur anzeigen wenn Javaskript aktiviert

Antwort
 
LinkBack Themen-Optionen Ansicht
  #1 (permalink)  
Alt 23.04.2016, 11:56
Erfahrener Benutzer
XHTMLforum-Mitglied
Thread-Ersteller
 
Registriert seit: 15.09.2015
Beiträge: 159
Sabine1 befindet sich auf einem aufstrebenden Ast
Standard div mit Inhalt nur anzeigen wenn Javaskript aktiviert

Hallo
ich würde gerne ein bestimmtes div nur angezeigt haben, wenn Javaskript aktiviert ist. Wenn dies nicht aktiviert ist, möchte ich einen alternativen Inhalt anzeigen. Das mache ich dann mit NOSCRIPT.
Bei meiner Suche bin ich auf folgenden Code gestoßen:
Code:
<script>
	document.write('<div id="map"></div>');
</script>
in diesem Fall funktioniert das auch, aber bei meinem div nicht. Dies sieht folgendermaßen aus:
Code:
<div id="slider_con">
<div id="slider">
    <ul class="bxslider">
	  <li><img src="bilder/banner1.jpg" width="940" height="260" alt=""  /></li>
	  <li><img src="bilder/banner1.jpg" width="940" height="260" alt=""  /></li>
	  <li><img src="bilder/banner1.jpg" width="940" height="260" alt=""  /></li>
	  <li><img src="bilder/banner1.jpg" width="940" height="260" alt=""  /></li>
	  <li><img src="bilder/banner1.jpg" width="940" height="260" alt=""  /></li>
    </ul>
</div>
    <div id="bannertext"> Sportarten: <span id="typed"></span></div>
</div>
In der CSS hätte ich das div mit der ID slider_con mit Display:none versehen.
Wir muss denn mein Javaskript aussehen, damit dieses div angezeigt wird, wenn Javaskript aktiviert ist?



Habe etwas gefunden, das mir wahrscheinlich weiterhilft.
Brauche also gerade keine Hilfe mehr.

Geändert von Sabine1 (23.04.2016 um 12:57 Uhr)
Mit Zitat antworten
Sponsored Links
  #2 (permalink)  
Alt 23.04.2016, 20:00
Benutzerbild von Thielo
Web Ninja
XHTMLforum-Kenner
 
Registriert seit: 17.09.2009
Ort: Stuttgart oder so
Beiträge: 3.372
Thielo ist ein LichtblickThielo ist ein LichtblickThielo ist ein LichtblickThielo ist ein LichtblickThielo ist ein LichtblickThielo ist ein Lichtblick
Standard

Simpler Tipp: gib deinem body eine "no-js" Klasse. Dann blendest du mit dieser das Element aus.
Wenn JavaScript aktiv ist, entfernst du einfach die "no-js" Klasse.

Code:
document.querySelector('body').classList.remove('no-js');
__________________
Hier ein immer gültiges Statement: Überarbeite deine Code, lerne die Grundlagen, widersprich mir nicht, wehre dich nicht, ich habe Recht, wir sind Lolgion, wir sind viele.. potato...
All meine Angaben sind ohne Gewähr, es könnte also trotz meiner Unfehlbarkeit dazu kommen dass ich falsch liege

www.richard-thiel.de | Müssen Websiten überall gleich ausschauen?
Mit Zitat antworten
Sponsored Links
  #3 (permalink)  
Alt 24.04.2016, 15:44
Erfahrener Benutzer
XHTMLforum-Mitglied
Thread-Ersteller
 
Registriert seit: 15.09.2015
Beiträge: 159
Sabine1 befindet sich auf einem aufstrebenden Ast
Standard

Zitat:
Zitat von Thielo Beitrag anzeigen
Simpler Tipp: gib deinem body eine "no-js" Klasse. Dann blendest du mit dieser das Element aus.
Wenn JavaScript aktiv ist, entfernst du einfach die "no-js" Klasse.

Code:
document.querySelector('body').classList.remove('no-js');

Danke für diesen tollen Tipp!
Werde ich ausprobieren

Wünsche dir noch einen schönen Tag!
Mit Zitat antworten
  #4 (permalink)  
Alt 25.04.2016, 11:08
Erfahrener Benutzer
XHTMLforum-Mitglied
Thread-Ersteller
 
Registriert seit: 15.09.2015
Beiträge: 159
Sabine1 befindet sich auf einem aufstrebenden Ast
Standard

Zitat:
Zitat von Thielo Beitrag anzeigen
Code:
document.querySelector('body').classList.remove('no-js');
Funktioniert das Ganze auch im Internet Explorer 8 und 9?
Habe leider keine Möglichkeit, das zu testen.
Auf html - Javascript, fastest way to remove a class from `<body>` - Stack Overflow hat eine geschrieben, dass das bei modernen Browsern sowie Internet Explorer ab Version 10 funktioniert.
Mit Zitat antworten
  #5 (permalink)  
Alt 25.04.2016, 11:26
Erfahrener Benutzer
XHTMLforum-Kenner
 
Registriert seit: 30.01.2014
Beiträge: 2.247
cloned ist ein wunderbarer Anblickcloned ist ein wunderbarer Anblickcloned ist ein wunderbarer Anblickcloned ist ein wunderbarer Anblickcloned ist ein wunderbarer Anblickcloned ist ein wunderbarer Anblickcloned ist ein wunderbarer Anblick
Standard

Du kannst statt querySelector natürlich getElementsByTagName('body') nehmen und dann die Klasse entsprechend mit className setzen. className unterstützt kein einfaches remove, deshalb muss das dann in etwa so aussehen
document.getElementsByTagName('body').className("a lle alten klassen nur ohne no-js");

(eventuell brauchts noch ein [0] damit .className funktioniert weiß ich jetzt nicht auswendig.
Mit Zitat antworten
  #6 (permalink)  
Alt 25.04.2016, 15:54
Erfahrener Benutzer
XHTMLforum-Mitglied
Thread-Ersteller
 
Registriert seit: 15.09.2015
Beiträge: 159
Sabine1 befindet sich auf einem aufstrebenden Ast
Standard

Zitat:
Zitat von cloned Beitrag anzeigen
Du kannst statt querySelector natürlich getElementsByTagName('body') nehmen und dann die Klasse entsprechend mit className setzen. className unterstützt kein einfaches remove, deshalb muss das dann in etwa so aussehen
document.getElementsByTagName('body').className("a lle alten klassen nur ohne no-js");

(eventuell brauchts noch ein [0] damit .className funktioniert weiß ich jetzt nicht auswendig.
Danke für deine Antwort!
Mit Zitat antworten
  #7 (permalink)  
Alt 26.04.2016, 12:51
Erfahrener Benutzer
XHTMLforum-Mitglied
Thread-Ersteller
 
Registriert seit: 15.09.2015
Beiträge: 159
Sabine1 befindet sich auf einem aufstrebenden Ast
Standard

Habe versucht, das Ganze umzusetzen, aber es klappt leider nicht.
Siehe hier: Experiment
Mit Zitat antworten
  #8 (permalink)  
Alt 26.04.2016, 13:14
Benutzerbild von Thielo
Web Ninja
XHTMLforum-Kenner
 
Registriert seit: 17.09.2009
Ort: Stuttgart oder so
Beiträge: 3.372
Thielo ist ein LichtblickThielo ist ein LichtblickThielo ist ein LichtblickThielo ist ein LichtblickThielo ist ein LichtblickThielo ist ein Lichtblick
Standard

Bitte nicht einfach nur blind kopieren und schauen ob es irgendwie funktioniert.
Denn die Fehlermeldung, das "className" keine Funktion ist hätte einen schon zur Lösung führen können.

Code:
Uncaught TypeError: document.getElementsByTagName(...)[0].className is not a function
document.getElementsByTagName('body')
Code:
document.getElementsByTagName('body')[0].className = '';
__________________
Hier ein immer gültiges Statement: Überarbeite deine Code, lerne die Grundlagen, widersprich mir nicht, wehre dich nicht, ich habe Recht, wir sind Lolgion, wir sind viele.. potato...
All meine Angaben sind ohne Gewähr, es könnte also trotz meiner Unfehlbarkeit dazu kommen dass ich falsch liege

www.richard-thiel.de | Müssen Websiten überall gleich ausschauen?
Mit Zitat antworten
  #9 (permalink)  
Alt 26.04.2016, 16:44
Erfahrener Benutzer
XHTMLforum-Mitglied
Thread-Ersteller
 
Registriert seit: 15.09.2015
Beiträge: 159
Sabine1 befindet sich auf einem aufstrebenden Ast
Standard

Zitat:
Zitat von Thielo Beitrag anzeigen
Bitte nicht einfach nur blind kopieren und schauen ob es irgendwie funktioniert.
Denn die Fehlermeldung, das "className" keine Funktion ist hätte einen schon zur Lösung führen können.

Code:
Uncaught TypeError: document.getElementsByTagName(...)[0].className is not a function
document.getElementsByTagName('body')
Code:
document.getElementsByTagName('body')[0].className = '';
Vielen Dank für deine Hilfe!
Naja, einfach blind kopiert Habe ich nicht, habe schon ein bisschen dabei gedacht, aber Anscheinend nur ein kleines bisschen. Einfach zu wenig.
Nochmals Danke für deine Hilfe!
Mit Zitat antworten
Sponsored Links
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
Schriftfarbe in den Eintragungsfeldern von jforms Steveislucky CSS 2 16.03.2010 11:59
Inhalt im div Layer oben positionieren Chattiger CSS 5 17.08.2008 13:55
height: 100% beim IE [M.o.C]Co CSS 3 12.05.2005 13:58
Css und meine Probleme rasilo CSS 7 10.05.2005 10:12
div box breite nach inhalt! MikeDe CSS 2 03.12.2004 06:19


Alle Zeitangaben in WEZ +2. Es ist jetzt 12:16 Uhr.