Forum: PC Hard- und Software HTML-Text verstecken und freigeben


von Michael B. (froeschl)


Lesenswert?

Hallo ,

es gibt Bastler, die einen Premium-Text in einen DIV Container
mit (div style="display:none") verstecken.

Wie sieht ein Softwareschalter aus, mit dem man zwischen
(div style="display:none") und (div) wählen kann?

MfG froeschl

von hp-freund (Gast)


Lesenswert?


von Daniel F. (df311)


Lesenswert?

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)

von Michael B. (froeschl)


Lesenswert?

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

: Bearbeitet durch User
von hp-freund (Gast)


Lesenswert?

Ich dachte das unterste Beispiel ist eine mögliche Lösung.

Hast Du mal versucht den Quelltext der Premium-Text Seite anzuzeigen?

von Michael B. (froeschl)


Lesenswert?

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

von Heizer (Gast)


Lesenswert?


von Konrad S. (maybee)


Lesenswert?

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/

von Michael B. (froeschl)


Lesenswert?

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

von Konrad S. (maybee)


Lesenswert?

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. ;-)

von Michael B. (froeschl)


Lesenswert?

Hallo ,

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

MfG froeschl

Bitte melde dich an um einen Beitrag zu schreiben. Anmeldung ist kostenlos und dauert nur eine Minute.
Bestehender Account
Schon ein Account bei Google/GoogleMail? Keine Anmeldung erforderlich!
Mit Google-Account einloggen
Noch kein Account? Hier anmelden.