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
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
:
Bearbeitet durch User
Ich dachte das unterste Beispiel ist eine mögliche Lösung. Hast Du mal versucht den Quelltext der Premium-Text Seite anzuzeigen?
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
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
Mit Google-Account einloggen
Noch kein Account? Hier anmelden.