spoiler -- Versteckfunktion

CSS, Java Script u.s.w

Moderator: HTML-Laie

Antworten
Benutzeravatar
thaileben
Moderator
Moderator
Beiträge: 7772
Registriert: So 26. Sep 2010, 03:47
Mein Vorname: Jürg
Wohnort: nahe Ubon Ratchathani / Thailand
Kontaktdaten:

spoiler -- Versteckfunktion

Beitrag von thaileben »

Hallo zusammen
Es geht darum in einem Textdokument auf meiner Seite bei npage was zu verstecken jedoch ohne Passwortschutz
Evt hätte ich da einen Geschichteschreiber der aber sagte er wolle das der letzte Satz versteckt ist, so als Pointe (schlussatz )

wir haben auch sowas hier im Forum klickt bitte unten auf Spoiler
[spoiler]Muster[/spoiler]

Wäre das schwer zu coden und jeweils einzubauen??

Jürg :X
Benutzeravatar
Jasko
Globaler Moderator
Globaler Moderator
Beiträge: 3284
Registriert: Di 21. Feb 2012, 06:59
Mein Vorname: Herr Jasmin ;)
Wohnort: Rheinland-Pfalz
Kontaktdaten:

Re: spoiler -- Versteckfunktion

Beitrag von Jasko »

Nein so etwas ist nicht schwer zu Coden, waere der selbe Code wie fuer eine Dropdown Navigation, mit dem Versteckten Untermenu, nur das man hier keinen Link bzw. Untermenue versteckt sondern einen paragraph <p> oder was auch immer man will, geht ganz einfach via CSS und JS.

MFG :X
Benutzeravatar
thaileben
Moderator
Moderator
Beiträge: 7772
Registriert: So 26. Sep 2010, 03:47
Mein Vorname: Jürg
Wohnort: nahe Ubon Ratchathani / Thailand
Kontaktdaten:

Re: spoiler -- Versteckfunktion

Beitrag von thaileben »

Oh Ich danke dir Jasko das klingt ja hoffnungsvoll :W

also auf meiner http://thaileben.npage.de/ habe ich in der Navi "Deine Texte" diese würde ich dann umbenennen in (Vorname-Geschichten
der Name würde reinpassen habs schon durchgezählt :G
das untermenu Info werde ich umschreiben in zusammenarbeit mit dem Verfasser der mir gut bekannt ist.
Der nächste schritt wäre dann für jede? :E Geschichte wiederum ein Untermenue anzuhängen, und da immer am schluss den spoiler einzubauen.

Immer noch kein Problem :E

Jürg :X
Benutzeravatar
moni
Held des Forums
Held des Forums
Beiträge: 8356
Registriert: Mo 16. Nov 2009, 20:56
Mein Vorname: Monika
Wohnort: Borken

Re: spoiler -- Versteckfunktion

Beitrag von moni »

Hallo Jürg...

versuche es damit ..ein kleinen JS

Code: Alles auswählen

<form>
   <input type="button" value="Bitte hier drücken" onclick="javascript:alert('mein anzuzeigender Text was versteckt ist ');">
</form>
oder mit so was ..mouserover Technik

http://blicke1.npage.de/info-box.html


oder so was ..ist auch ein JS .. habe den mal vom Peter bekommen

http://blicke1.npage.de/verstekte-text.html
Viele Grüße ...Monika
Benutzeravatar
thaileben
Moderator
Moderator
Beiträge: 7772
Registriert: So 26. Sep 2010, 03:47
Mein Vorname: Jürg
Wohnort: nahe Ubon Ratchathani / Thailand
Kontaktdaten:

Re: spoiler -- Versteckfunktion

Beitrag von thaileben »

Danke Moni
Ich werde ihn am Mittwoch treffen und genaueres mit ihm besprechen, und dann sicherlich zuerst einen Probelauf machen.

Ach ja was noch wichtig ist vielleicht das teil sollte sich natürlich auf der gleichen ebene Seite öffnen wie hier im Forum

Die infos sind vorab schon mal gut
ich danke euch

Jürg :X
Benutzeravatar
goefi-chiangmai
Admin
Admin
Beiträge: 6997
Registriert: Sa 31. Okt 2009, 09:36
Mein Vorname: Peter
Wohnort: Phrao-Chiang Mai
Kontaktdaten:

Re: spoiler -- Versteckfunktion

Beitrag von goefi-chiangmai »

Da gibt es Verschiedene möglich keiten!
Wie Jasko Beschrieben mit einem einfachen Trop Down Menü! Oder was möni meinnt, ist ein jQuery.
Habe hier auch ein Demo gemacht: http://demo-seite.npage.de/jquery.html

Einbau wäre einfach!

In den Header kommen 2 sachen!

Code: Alles auswählen

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>

Code: Alles auswählen

    <script type="text/javascript">
    $(document).ready(function() {
    $(".hidder").click(function() {
    if($(this).next().css("display") == "block") {
    $(this).next().hide("slow");
    }
    else {
    $(this).next().show("slow");
    }
    });
    });
    </script>
Und die Div Box selber kommt dann in den Body (Deine Seite) Und die kannst anpassen in Farbe und Positzion! Natürlich auch transparenz wenn gewünscht!

Code: Alles auswählen

<a href="javascript: none" class="hidder">Linktext</a>
 <div style="display:  none;  margin:  10px 0; border: 1px solid #000033; background:  #696969;  padding:  10px; width: 460px; position: absolute;"> 
Hier dein Text in der Box, auch HTML möglich! 
</div>
Gruß - DER CRAZY ASIAT - The MASTER of DESASTER
Privat Homepage: goefi-chiangmai
Mitgliederausweis: Hole Dir dein Mitgliederausweis für deine Webseite
Benutzeravatar
thaileben
Moderator
Moderator
Beiträge: 7772
Registriert: So 26. Sep 2010, 03:47
Mein Vorname: Jürg
Wohnort: nahe Ubon Ratchathani / Thailand
Kontaktdaten:

Re: spoiler -- Versteckfunktion

Beitrag von thaileben »

Danke Peter werde es ausprobieren wenn wir wieder zurück sind.

Jürg :X der zur zeit überforderte :II
Antworten

Zurück zu „Fragen zu HTML & Programmiersprachen“

Wer ist online?

Mitglieder in diesem Forum: 0 Mitglieder und 2 Gäste