selfhtml.de - Alles für den Webmaster!

Anzeige: Goneo - Du machst das Web!

Anzeige: united-domains - Die ganze Welt der Domains

display none mit Javascript schlägt fehl

Autor: FelixF [Beiträge: 114]
Datum: 04.03.2010 12:22:41

Hallo alle zusammen,
ich habe mal wieder ein kleines Problem und weiß nicht, wo der Fehler liegt.
Ich will ein div-Tag ausblenden, wenn Javascript aktiviert ist. Also dachte ich mir, dass ganze mit Javascript selbst zu lösen.

Mein Ansatz ist folgender:
<script type="text/javascript">
$(function() {
function runEffect(){
var selectedEffect = 'clip';
$("#hinweis").toggle(selectedEffect,1000);
};
$("#ein-aus").click(function() {
runEffect();
return false;
});
});
document.getElementById('hinweis').style.display=="none";
</script>

...

<div class="fehler" style="font-size: 0.8em; text-align: left; margin-top: 5px;" id="hinweis">
            Die Formtierungen k&ouml;nnen auch durch markieren des Textes eingef&uuml;gt werden.
            <br />
            Verf&uuml;gbare Farben: Die Farben k&ouml;nnen durch die englischen Worte beschrieben werden ode durch #rgb dargestellt werden.
            <br />
            Als Schriftgr&ouml;&szlig;e werden Nummern verwendet. Z.B. size="+1" = Schrift um 1 vergr&ouml;&szlig;ern, size="-1" = Schrift um 1 verkleinern
            <br />
            Um einen Absatz zu erzeugen einfach die "Enter"-Taste benutzen.
            </div>
            <br />
<a href="#" id="ein-aus">Hinweise ein-/ausblenden</a>


Firebug gibt mir den Fehler aus: document.getElementById("hinweis") is null.

Kann mir einer von euch sagen, wo der Fehler liegt.
Oder wie kann man mit jquery sagen, dass das Menü im eingeklappten Zustand anfangen soll?

Ist bisher leider nur offline bei mir auf dem Rechner, sodass ich erstmal nichts zum zeigen habe, tut mir Leid.

Lg Felix

Antwort schreiben

Username:	Usernamen registrieren
Passwort:	Passwort vergessen?
Thema:
	Bitte benutze für deinen Beitrag die Groß-/Kleinschreibung!
Beitrag:	> Hallo alle zusammen, > ich habe mal wieder ein kleines Problem und weiß > nicht, wo der Fehler liegt. > Ich will ein div-Tag ausblenden, wenn Javascript > aktiviert ist. Also dachte ich mir, dass ganze > mit Javascript selbst zu lösen. > > Mein Ansatz ist folgender: > <script type="text/javascript"> > $(function() { > function runEffect(){ > var selectedEffect = 'clip'; > $("#hinweis").toggle(selectedEffect,1000); > }; > $("#ein-aus").click(function() { > runEffect(); > return false; > }); > }); > > document.getElementById('hinweis').style.display=="none"; > </script> > > ... > > <div class="fehler" style="font-size: 0.8em; > text-align: left; margin-top: 5px;" > id="hinweis"> > >             Die > Formtierungen k&ouml;nnen auch durch > markieren des Textes eingef&uuml;gt werden. > >             <br > /> > >             Verf&uuml;gbare > Farben: Die Farben k&ouml;nnen durch die > englischen Worte beschrieben werden ode durch > #rgb dargestellt werden. > >             <br > /> > >             Als > Schriftgr&ouml;&szlig;e werden Nummern > verwendet. Z.B. size="+1" = Schrift um 1 > vergr&ouml;&szlig;ern, size="-1" = > Schrift um 1 verkleinern > >             <br > /> > >             Um > einen Absatz zu erzeugen einfach die > "Enter"-Taste benutzen. > >             </div> > >             <br > /> > <a href="#" id="ein-aus">Hinweise > ein-/ausblenden</a> > > > Firebug gibt mir den Fehler aus: > document.getElementById("hinweis") is null. > > Kann mir einer von euch sagen, wo der Fehler > liegt. > Oder wie kann man mit jquery sagen, dass das Menü > im eingeklappten Zustand anfangen soll? > > Ist bisher leider nur offline bei mir auf dem > Rechner, sodass ich erstmal nichts zum zeigen > habe, tut mir Leid. > > Lg Felix
Link (URL):
Titel für Link:
Grafik (URL):
	Die Breite der Grafik darf 468 Pixel nicht überschreiten.

E-Mail-Benachrichtigung:

wenn auf einen Beitrag zu diesem Thema geantwortet wird
nur wenn auf meinen eigenen Beitrag geantwortet wird
nie

Zum Abschicken deines Beitrags bitte die Schaltfläche "Abschicken" nur einmal anklicken und warten. Der Server braucht manchmal einige Zeit, bis er den Beitrag in die Datenbank übernommen hat. Wenn du die Schaltfläche mehrmals drückst, erscheint dein Beitrag auch mehrmals im Forum.

Bewerten Sie Ihren Webhosting-Provider

Wie zufrieden sind Sie mit Ihrem Webhosting-Provider? Gibt es Probleme beim Service, mit der Performance oder der Abrechnung?

Teilen Sie jetzt Ihre Erfahrungen mit anderen Webmastern und schreiben Sie eine Provider-Bewertung. Mit etwas Glück können Sie ein Apple iPad gewinnen!

Weitere Informationen und Teilnahme...