Seite 1 von 1

spoiler -- Versteckfunktion

Verfasst: So 29. Jul 2012, 10:52
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

Re: spoiler -- Versteckfunktion

Verfasst: So 29. Jul 2012, 11:56
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

Re: spoiler -- Versteckfunktion

Verfasst: So 29. Jul 2012, 12:23
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

Re: spoiler -- Versteckfunktion

Verfasst: So 29. Jul 2012, 12:57
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

Re: spoiler -- Versteckfunktion

Verfasst: So 29. Jul 2012, 13:13
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

Re: spoiler -- Versteckfunktion

Verfasst: So 29. Jul 2012, 13:34
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>

Re: spoiler -- Versteckfunktion

Verfasst: Mo 30. Jul 2012, 12:31
von thaileben
Danke Peter werde es ausprobieren wenn wir wieder zurück sind.

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