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: 08.03.2010 12:21:34
> Du hättest größere Chancen auf eine schnelle
> Antwort, wenn du den Absatz aus dem Link meines
> Vorpostings beherzigen würdest.
Ja das stimmt, deshalb werde ich mir beim nächsten Mal auch mehr Zeit nehmen um die Beiträge zu lesen und sie auch zu schreiben.
Doch die Lösung von reporter funktioniert, ich hatte mich nur beim übernehmen des Codes verschrieben.
> Keiner hat Lust oder Zeit, sich deine
> Codefragmente zum Testen erst zusammenzusetzen
> und zu ergänzen.
Ja auch in dem Punkt gebe ich dir Recht ;)
> Wahrscheinlich möchtest du so eine Funktionsweise
> wie auf Wikipedia (unter "Inhaltsverzeichnis")
>
> http://de.wikipedia.org/wiki/Berners-Lee
Genau so eine Funktion hatte ich ja, nur eben möchte ich, dass diese Funktion im "geschlossenen" Modus anfängt und dann geöffnet werden kann.
Meine Lösung sieht jetzt so aus:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="de" lang="de">
<head>
<title>test</title>
<meta http-equiv="content-type" content="text/html; charset=ISO-8859-1" />
<script src="JS/jquery-1.3.2.js" type="text/javascript"></script>
<style type="text/css">
.noneClass {display:none;}
</style>
<script type="text/javascript">
$(document).ready(function ()
{
$("#ein-aus").click(function()
{
runEffect();
return false;
});
$("#hinweis").toggleClass("noneClass");
});
function runEffect()
{
$("#hinweis").toggle();
};
</script>
</head>
<body>
<div id="hinweis">
Die Formtierungen können auch durch markieren des Textes eingefügt werden.
<br />
Verfügbare Farben: Die Farben können durch die englischen Worte beschrieben werden ode durch #rgb dargestellt werden.
<br />
Als Schriftgröße werden Nummern verwendet. Z.B. size="+1" = Schrift um 1 vergrößern, size="-1" = Schrift um 1 verkleinern
<br />
Um einen Absatz zu erzeugen einfach die "Enter"-Taste benutzen.
</div>
<a href="#" id="ein-aus">Hinweise ein-/ausblenden</a>
</body>
</html>
Liebe Grüße Felix
PS: Aber vielleicht kann mir einer trotzdem sagen, warum document.getElementById('...').style.display=="none"; nicht funkioniert?
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...
