HTML-Text verstecken und freigeben

stylebot

1

div {

2

display: block !important;

3

}

aber bitte nicht wundern wenn dabei unerwünschte nebeneffekte auftreten

alternativ firebug/chrome developer tools (oder wie das teil heißt)

Hallo ,

verbindlichen Dank für den Hinweis auf das Attribut visibility.
Mich interessiert aber z.Z. die Aufhebung von display:none,
die durch Betätigen eines Button oder Link erfolgen soll.

MfG froeschl

Hallo ,

wahrscheinlich erfolgt für Premium-Mitglieder die Freigabe des
Premium-Textes auf den Server des Bastlers.

Die Bedeutung von "display: block !important;" muß ich erst
durcharbeiten.

MfG froeschl

Hier ein Beispiel, das mit jquery arbeitet und das Aus-/Einblenden auf 
eine bestimmte class (hier: xxx) anwendet:

1

<html>

2

<head>

3

<script type="text/javascript" src="jquery.js"></script>

4

</head>

5

<body>

6

<button>ausblenden</button>

7

<button>einblenden</button>

8

<p>davor</p>

9

<p class="xxx">blabla</p>

10

<p>danach</p>

11

<script type="text/javascript">

12

$("button:eq(0)").click(function() {

13

    $('.xxx').hide();

14

});

15

$("button:eq(1)").click(function() {

16

    $('.xxx').show();

17

});

18

</script>

19

</body>

20

</html>

http://api.jquery.com/class-selector/
http://api.jquery.com/hide/
http://api.jquery.com/show/

Hallo ,

ok, die Variante mit jquery.js (Library v1.3.2) funktioniert.
Der Text "blabla" wird von den Button korrekt aus- und eingeblendet.

Kann man die benötigten Funktionen aus jquery.js extrahieren?

MfG froeschl

Michael B. schrieb:
> Kann man die benötigten Funktionen aus jquery.js extrahieren?

Hmm, im Prinzip ja, nehme ich mal an. Es wird darauf hinauslaufen, dass 
die relevanten Elemente mit getElementsByClassName() ermittelt werden. 
Bei diesen Elementen wird dann style manipuliert. Hab ich irgendwann 
schon mal so gemacht, aber heutzutage nehm' ich lieber jquery und 
verwende die gewonnene (Entwickler-)Zeit für interessantere Dinge, in 
µC.net 'rumstöbern z.B. ;-)

Hallo ,

alles klar, besten Dank für diese JavaScript Lösung.

MfG froeschl