SPOILER-Code

zappel-hahn · 24.09.10, 02:12

Ich habe zwar schon mal einen der Admins angeschrieben, aber ich dachte, es könne auch noch andere interessieren oder welche geben, die darüber berichten könnten.

Folgendes:
Ich bin auf der Suche nach dieser Funktion mit dem SPOILER.

XXX-Freak · 24.09.10, 14:57

das hier müsste gehn

[HTML]<div class="hpm_spoiler">
<div class="hpm_spoiler_headdiv">
<input type="button" onclick="hpm_spoiler(this.parentNode.parentNode);" class="hpm_spoiler_headinput hpm_spoiler_closed" value="Spoiler">
</div><div><div class="hpm_spoiler_body">
<div style="padding: 10px;">
</div>
</div>
</div>
</div>
[/HTML]

zappel-hahn · 25.09.10, 14:15

Danke für die schnelle Antwort, aber damit habe ich ja nur den SPOILER-Button!
Den Button alleine hätte ich vllt. noch hin bekommen, aber wie baut man sowas in die Seite ein, dass beim Klick darauf dann auch gleich der Code

PHP-Code:


			
[SPOILER][/SPOILER]

eingefügt wird?

Das mit dem 'Aufklappen' muss ja dann wohl JAVA sein (nehme ich mal an).

Wie gesagt, ich bin beim php nicht so bewandert und mache es mir vllt. meist selbst schwer, weil ich die Zusammenhänge zwischen php und HTML bzw. diese Variablen dazwischen nicht gebacken bekomme.
Wenn mir das also jemand bei dem Problem helfen könnte, dann bitte für php-Dummies erklären!

XXX-Freak · 25.09.10, 14:21

Meinst du vlt das hier?^^

[HTML]<div><A HREF="javas*****:insert('

')"
title="Spoiler"><img src="http://files.homepagemodules.de/b2001010/a_487.png"
alt="

" border=0></A></div>
[/HTML]

cybeegirl · 09.11.10, 23:10

gefragt ist die spoiler funktion mit java?

so hab ichs verstanden. folgendend das spoilerbeispiel zum cpsl (copypastsavelaunch) bzw direkten darstellen:

danach hab ichs denn bisschen komplexer gehandelt mit folgendem:
Es sei ein ordner 1 auf dem webroot mit enthaltenen bildern die mit text angezeigt werden sollen. enthalten in tabellen die beliebig ein und ausgeblendet werden können.

webroot/1/

gesamte code zum kopieren

PHP-Code:


			
<html>
<head>
<title>verzeichnis</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
</head>
<?php
// Ort des Ordners Nr 1 bestimmen
$fh = opendir("./1"); //Datei Zugriff auf Verzeichnis
$verzeichnisinhalt1 = array(); // einfaches eindimensionales array wird erstellt.
while (true == ($file = readdir($fh))){ 
        //Abfrage nach gültigen Datenformat         
        if ((substr(strtolower($file), -3)=="jpg") or (substr(strtolower($file), -3)=="gif")) 
        {         
            $verzeichnisinhalt1[] = $file;             
        }
} 
?>
<body>
<!-- Div für Ordner Spoiler 1  -->
<div id='images'><table width='auto' cellspacing='25' border='6'>
    <tr>
        <th align='left'>        
<!-- Spoiler zum Ein / Ausblenden aller Bilder des Ordners 1-->
        <a href="javas*****:Ordnerspoiler1();void(0);">Ordner 1 anzeigen</a>
        </th>
        </tr>
        <tr>
        <td valign='top'>        
        <?php
        //Schleifen Körper Ordner Nr. 1
        //Tabelle generieren 
        echo "<div id='Ordnerspoiler1'><table width='auto' cellspacing='20' border='6'>"; 
        for($i=0;$i<count($verzeichnisinhalt1);$i++){ //HTML Einbindung der Bilder 
                echo "<td valign='top'>";
                echo
                    //Ort zur Anzeige eines weiteren Ordner Nr 1
                    "<img src='./1/"
                    .$verzeichnisinhalt1[$i].
                    "' height=100 width=100><center>"
                        .substr($verzeichnisinhalt1[$i],0,strlen($verzeichnisinhalt1[$i])-128).
                    "</center></img>";
                    //aktueller Verzeichnisinhalt als Text zur entsprechenden Datei linken
                    //Des Ordners Nr 1
                echo "[$i]<a href='./1/"
                        .$verzeichnisinhalt1[$i].
                    "'.$verzeichnisinhalt1[$i].<cybeegirls s*****e>"
                        .substr($verzeichnisinhalt1[$i],0,strlen($verzeichnisinhalt1[$i])).
                    "</href>";
                    "</td>";
                    }
        echo "</table></div>";
        ?>    
        </td>
     </tr>
     </table>
  </div>
<s*****>
    function Ordnerspoiler1 (){
        if (document.getElementById("Ordnerspoiler1").style.display=="none"){
            document.getElementById("Ordnerspoiler1").style.display="";
            }else{
            document.getElementById("Ordnerspoiler1").style.display="none";
        }
    }
</s*****>

<!-- Hier beginnt eine neue Tabelle zum Darstellen der Dateinamen. Formatiert mit .jpg bzw .gif -->

<div id='images'><table width='auto' cellspacing='25' border='6'>
    <tr>
       <th>        
        <!-- Spoiler zum Ein / Ausblenden der Dateinamen als Links des gesamten  Ordners 1-->
<!-- benannte funktion switchspoiler1() um keine konflikte mit der anderen funktion ordnerspoiler zu verursachen -->
        <a href="javas*****:switchspoiler1();void(0);">Gesamte Liste Ordner 1</a>
        </th>
                  <td height="auto" valign="top">
               <div id="spoiler1" style="display:none">
            <?php 
            //Ordner "1"
            //Anzeige der Links gerade Nummerierung
            //des Ordners Nr. 1 //für jede datei die du findest zähle und gehe weiter bis nix mehr da ist //verschachtelter html und php code. alles zwischen anführungszeichen ist html code, bzw im php-code rot dargestellt ;-)
            for($i=0;$i<count($verzeichnisinhalt1);$i++){
            echo "<a href='./1/"
                    .$verzeichnisinhalt1[$i].
                "'.$verzeichnisinhalt1[$i]. &nbsp <br>"
                    .substr($verzeichnisinhalt1[$i],0,strlen($verzeichnisinhalt1[$i])).
                "</href>";
                $i++;
            //Anzeige der Links ungerade Nummerierung
            
            echo "<a href='./1/"
                    .$verzeichnisinhalt1[$i].
                "'.$verzeichnisinhalt1[$i]. &nbsp <br>"
                    .substr($verzeichnisinhalt1[$i],0,strlen($verzeichnisinhalt1[$i])).
                "</href>";
            }
            ?>
             </div>
         </td>
    <s*****>
    function switchspoiler1 (){
        if (document.getElementById("spoiler1").style.display=="none"){
            document.getElementById("spoiler1").style.display="";
            }else{
            document.getElementById("spoiler1").style.display="none";
        }
    }
    </s*****>        
    </td>
      </tr>
</table>
</body>
</html>

Damit sich die zwei Spoiler-Funktionen einander liebsind bekommen sie andere namen, eigentlich ganz simple.

Erklärung zu Oben damits funktioniert:

ProGamerX · 28.12.11, 21:17

~.~ confused ...
vieleicht hat ja auch jemand ne erklärung für dumme (mich)
ich bin auf der suche nach einem einfachen und sehr kurzen spoiler den man auf html sites einbauen kann ....

sollte so funktionieren wie die BBCode Spoiler