Neuigkeiten:

moziloCMS verwendet Cookies. Wenn Sie auf unserer Seite weitersurfen, stimmen Sie der Cookie-Nutzung zu Datenschutzerklärung
moziloCMS Layouts
moziloCMS Plugins

Hauptmenü

eine Fortsetzung eines Artikels mit JavaScript einblenden

Begonnen von stefanbe, 10. Mai 2009, 23:52:40

« vorheriges - nächstes »

stefanbe

Eine Fortsetzung eines Artikels mit hilfe von JavaScript einblenden

Infos
1. Der Link erscheint nicht in einem <script> Tag was nicht HTML Konform ist.
2. ohne JavaScript ist der Text direct im anschluss ohne Lehrzeile und Link im <span> Tag
3. geht auch mit Bild für denn Link Weiter und Verstecken
4. Wenn Such Wort im Text dann Ausklappen

das als toggle.js ins Layouts Verzeichnis da wo auch die template.html liegt Kopieren
function inhalttogglen(toggelid,showText,hideText) {
    var linkButton = "<a href="javascript:inhalttogglen('" + toggelid + "','" + showText + "','" + hideText + "');"><img src="" + showText + " alt="" id="" + toggelid + "_button" /></a>";
    var linkText = "<a href="javascript:inhalttogglen('" + toggelid + "','" + showText + "','" + hideText + "');" id="" + toggelid + "_button">" + showText + "</a>";
    var searchgefunden = false;
    if (window.location.search.search(/highlight.+/) != -1 && document.getElementById(toggelid + '_button') == undefined) {
        if (document.getElementById(toggelid).innerHTML.search(/class="highlight".+/) != -1) {
            var searchgefunden = true;
        }
    }
    if (document.getElementById(toggelid + '_link')) {
        document.getElementById(toggelid + '_link').innerHTML = linkText;
    }
    if (document.getElementById(toggelid + '_linkBild')) {
        document.getElementById(toggelid + '_linkBild').innerHTML = linkButton;
    }
    if (document.getElementById(toggelid).style.display == "none" || searchgefunden) {
        var shText = document.createTextNode(hideText);
        if (document.getElementById(toggelid + '_button').src) {
            document.getElementById(toggelid + '_button').src = hideText;
        } else {
            document.getElementById(toggelid + '_button').replaceChild(shText, document.getElementById(toggelid + '_button').firstChild);
        }
        document.getElementById(toggelid).style.display = "block";
    } else {
        var shText = document.createTextNode(showText);
        if (document.getElementById(toggelid + '_button').src) {
            document.getElementById(toggelid + '_button').src = showText;
        } else {
            document.getElementById(toggelid + '_button').replaceChild(shText, document.getElementById(toggelid + '_button').firstChild);
        }
        document.getElementById(toggelid).style.display = "none";
    }
}

Das als Benutzerdefinierte Syntaxelemte anlegen
Link als Text
textverstecken = <span id="{DESCRIPTION}_link"></span><span id="{DESCRIPTION}">{VALUE}</span><script type="text/javascript" src="layouts/moziloCMS-nbsp~2009/toggle.js"></script><script type="text/javascript">window.onload = inhalttogglen('{DESCRIPTION}','TEXT_WEITER','TEXT_VERSTECKEN');</script>
oder Bild als Link
textverstecken_bild = <span id="{DESCRIPTION}_linkBild"></span><span id="{DESCRIPTION}">{VALUE}</span><script type="text/javascript" src="layouts/moziloCMS-nbsp~2009/toggle.js"></script><script type="text/javascript">window.onload = inhalttogglen('{DESCRIPTION}','layouts/moziloCMS-nbsp~2009/grafiken/BILD_ZEIGEN','layouts/moziloCMS-nbsp~2009/grafiken/BILD_VERSTECKEN');</script>
beides auf einmal geht auch

Was noch angepast werden muss bei denn Benutzerdefinierten Syntaxelemten
textverstecken =
Die Beschrieftung für denn Link TEXT_WEITER und TEXT_VERSTECKEN

textverstecken_bild =
Der Pfad zum Bild als Beispiel layouts/moziloCMS-nbsp~2009/grafiken/BILD_ZEIGEN und
layouts/moziloCMS-nbsp~2009/grafiken/BILD_VERSTECKEN

Der Pfad zur toggle.js in textverstecken und textverstecken_bild
src="layouts/moziloCMS-nbsp~2009/toggle.js"

und das in einer Inhaltseite Anlegen
Text der davor steht, Text der davor steht
[textverstecken=ID|HIER KANN ALLES REIN WAS MIT MOZILOCMS MÖGLICH IST]

Text der davor steht, Text der davor steht
[textverstecken_bild=ID|HIER KANN ALLES REIN WAS MIT MOZILOCMS MÖGLICH IST]
Die ID die vergeben wird muss einmalig sein.

aus SelfHtml:
ZitatDer Wert eines solchen Attributs muss mit einem Buchstaben A-Z oder a-z beginnen, und darf in der weiteren Zeichenkette ebenfalls nur Buchstaben A-Z und a-z, Ziffern 0-9, Bindestriche (-), Unterstriche (_), Doppelpunkte (:) und Punkte (.) enthalten. Nicht erlaubt sind Sonderzeichen, Leerzeichen oder andere Interpunktionszeichen.
Alerdings nur im Fire... getestet Tester Wilkommen :D

Edit: 12.05.2009 Bei gefunden Such Wort wird aufgeklapt änderung betrieft nur toggle.js
Edit: 31.05.2009 aus SelfHtml

mfg. stefanbe