Anzeige: Goneo - Du machst das Web!
Anzeige: united-domains - Die ganze Welt der Domains
Einfache & schnelle Domain-Registrierung zu fairen Preisen ohne Einrichtungsgebühren. Mehr als 250 Domain-Endungen aus einer Hand inklusive E-Mail- & Web-Weiterleitung. Einzigartiges Domain-Portfolio zur bequemen & sicheren Verwaltung Ihrer Domain-Namen.
Jetzt Domain-Check bei united-domains!
Re: display none mit Javascript schlägt fehl
Autor: FelixF [Beiträge: 114]
Datum: 07.03.2010 03:36:15
Hallöchen,
> Hier mein Vorschlag:
> <style type="text/css">
> .noneClass {dispaly:none;}
> </style>
> <script type="text/javascript">
> $(document).ready(function ()
> {
> $("#ein-aus").click(function()
> {
> runEffect();
> return false;
> });
>
> $("#hinweis").toggleClass("noneClass");
> });
> function runEffect()
> {
> var selectedEffect = 'clip';
> $("#hinweis").toggle(1000,
> selectedEffect);
> };
> </script>
Ich habe deinen Vorschlag noch ein bisschen abgeändert.
<style type="text/css">
#hinweis.noneClass {display:none;}
</style>
<script type="text/javascript">
$(function() {
function runEffect(){
var selectedEffect = 'clip';
$("#hinweis").toggleClass('noneClass',selectedEffect,1000);
};
$("#ein-aus").click(function() {
runEffect();
return false;
});
});
</script>
Mein div Container sieht folgender maßen aus:
<div class="fehler noneClass" style="font-size: 0.8em; text-align: left; margin-top: 5px;" id="hinweis">
...
</div>
Ich habe jetzt nur noch zwei Probleme, sowohl mit deiner Version als auch mit meiner. Das erste Problem wäre, dass nach dem ich auf den LInk geklickt habe, die Seite wieder nach oben springt und mein zweites Problem wäre, dass sich der div-Container nicht mehr einfahren lässt.
> Anmerkung: Mir ist die Zeile
> '$("#hinweis").toggle(1000, selectedEffect);'
> völlig unverständlich
Okay, die 1000 gibt die Geschwindigkeit an, wie schnell der Effekt durchgeführt wird und mit selectedEffect kann man verschiedene Effekte wählen, wie das Ein-/Ausblenden aussehen soll.
> > Firebug gibt mir den Fehler aus:
> document.getElementById("hinweis") is null.
>
> Wenn du diese Zeile allein im script-Tag stehen
> läßt, wirst du ganz leicht erkennen, weshalb es
> zu dieser Fehlermeldung kommt ;-)
Tut mir Leid, aber irgendwie komm ich nicht drauf, ich bekomme immernoch den Fehler, wenn ich es alleine stehen lasse. Muss ich es vielleicht in eine if-Funktion packen?
Zu noscript: Das verwende ich schon in meiner Seite, also die Funktion ist mir soweit bekannt, nur will ich dieses mal, dass bei deaktivertem JS der div-Tag gleich angezeigt wird und bei aktivertem JS erst nach einem Klick auf einen Link.
Deshalb wollte ich versuchen, den Container mit JS auf display: none setzen, weil er dann gleich angezeigt wird, wenn JS deaktiviert ist und ausgeblendet wird, wenn JS aktivert ist.
LG Felix
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...
