Einzelnen Beitrag anzeigen
Alt 09.02.2009, 21:50   #2 (permalink)
Exit
Blödmarktkundenberater
 
Benutzerbild von Exit
 

Registriert seit: 10.04.2002
Beiträge: 10.693

Exit hat eine strahlende Zukunft
Exit hat eine strahlende ZukunftExit hat eine strahlende ZukunftExit hat eine strahlende ZukunftExit hat eine strahlende ZukunftExit hat eine strahlende Zukunft

Standard AW: [HTML] Filtern/Selektieren

Leider hast Du das extrem lausig beschrieben, und auch nirgendwo genannt, für was das am Ende gedacht ist.

Somit habe ich den Mist einfach mal zusammengeschludert

Code:
<html>
<head>
<script type="text/javascript">
var aItemsAAA = new Array();
var aItemsBBB = new Array();
var aItemsCCC = new Array();
ReadInput();
function ReadInput()
{
    var fso = new ActiveXObject("Scripting.FileSystemObject");
    var file = fso.GetFile('d:\\temp\\test_htm\\quellcode.txt');
    var stream = file.OpenAsTextStream();
    while(stream.AtEndOfLine == false)
    {
        var textline = stream.ReadLine();
        var Suche = /(AAA|BBB|CCC)$/g;
        var Ergebnis = textline.match(Suche);
        if (Ergebnis != false)
        {
            switch (Ergebnis[0])
            {
                case 'AAA':
                    aItemsAAA.push(textline);
                    break;
                case 'BBB':
                    aItemsBBB.push(textline);
                    break;
                case 'CCC':
                    aItemsCCC.push(textline);
                    break;
            }
        }
    }
}
</script>
</head>
<body>

<div style="padding: 3px; background-color: #ABCDE; border: 1px solid #d8d8d8; font-size: 1em;">
    <div style="text-transform: uppercase; border-bottom: 1px solid #E7E7E7; margin-bottom: 3px; font-size: 0.8em; font-weight: bold; display: block;">
        <span onClick="if (this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display != '') 
            {  
                this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = ''; 
                this.innerHTML = '<b>AA: </b><a href=\'#\' onClick=\'return false;\'>ausblenden</a>'; 
            } 
            else 
            { 
                this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; 
                this.innerHTML = '<b>AAA: </b><a href=\'#\' onClick=\'return false;\'>anzeigen</a>'; 
            }" /><b>AAA: </b><a href="#" onClick="return false;">anzeigen</a>
        </span>
    </div>
    <div class="quotecontent">
        <div style="display: none;">
            <script type="text/javascript">
                for (var i=0; i<aItemsAAA.length; i++)
                {
                    document.write(aItemsAAA[i] + '<br><br>');
                }
            </script>
        </div>
    </div>
</div>
<div style="padding: 3px; background-color: #ABCDE; border: 1px solid #d8d8d8; font-size: 1em;">
    <div style="text-transform: uppercase; border-bottom: 1px solid #E7E7E7; margin-bottom: 3px; font-size: 0.8em; font-weight: bold; display: block;">
        <span onClick="if (this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display != '') 
            {  
                this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = ''; 
                this.innerHTML = '<b>BB: </b><a href=\'#\' onClick=\'return false;\'>ausblenden</a>'; 
            } 
            else 
            { 
                this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; 
                this.innerHTML = '<b>BBB: </b><a href=\'#\' onClick=\'return false;\'>anzeigen</a>'; 
            }" /><b>BBB: </b><a href="#" onClick="return false;">anzeigen</a>
        </span>
    </div>
    <div class="quotecontent">
        <div style="display: none;">
            <script type="text/javascript">
                for (var i=0; i<aItemsBBB.length; i++)
                {
                    document.write(aItemsBBB[i] + '<br><br>');
                }
            </script>
        </div>
    </div>
</div>
<div style="padding: 3px; background-color: #ABCDE; border: 1px solid #d8d8d8; font-size: 1em;">
    <div style="text-transform: uppercase; border-bottom: 1px solid #E7E7E7; margin-bottom: 3px; font-size: 0.8em; font-weight: bold; display: block;">
        <span onClick="if (this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display != '') 
            {  
                this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = ''; 
                this.innerHTML = '<b>CC: </b><a href=\'#\' onClick=\'return false;\'>ausblenden</a>'; 
            } 
            else 
            { 
                this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; 
                this.innerHTML = '<b>CCC: </b><a href=\'#\' onClick=\'return false;\'>anzeigen</a>'; 
            }" /><b>CCC: </b><a href="#" onClick="return false;">anzeigen</a>
        </span>
    </div>
    <div class="quotecontent">
        <div style="display: none;">
            <script type="text/javascript">
                for (var i=0; i<aItemsCCC.length; i++)
                {
                    document.write(aItemsCCC[i] + '<br><br>');
                }
            </script>
        </div>
    </div>
</div>

</body>
</html>
Mit folgender Testquellcode Datei: (Du hast net gesagt, wie der Quellcode vorliegt - ich habe aber mal eine Datei angenommen.)

Code:
AAA Inhalt1-AAA
CCC Inhalt1-CCC
BBB Inhalt1-BBB
AAA Inhalt2-AAA
AAA Inhalt3-AAA
AAA Inhalt4-AAA
BBB Inhalt2-BBB
CCC Inhalt2-CCC
CCC Inhalt3-CCC
CCC Inhalt4-CCC
Funktionieren tut der Mist - aber ordentliche Programmierung ist was anderes.

Du must den "Quellcode" in einer Datei ablegen, und dann musste die Zeile: "var file = fso.GetFile('d:\\temp\\test_htm\\quellcode.txt');" anpassen, damit es zu Deinem Pfad zur Datei passt. Achtung die doppelten Backslash sind Pflicht.

Viel Spass damit

PS: das hat fast nix mehr mit HTML zu tun - sondern ist vielmehr Javascript.
Power is nothing without Control!
Hauptsystem (old)
Exit ist offline   Mit Zitat antworten
Für diesen Beitrag bedankt sich:
bigfoot996 (10.02.2009)