Register for your free account! | Forgot your password?

Go Back   elitepvpers > Coders Den > Web Development
You last visited: Today at 13:04

  • Please register to post and access all features, it's quick, easy and FREE!

Advertisement



Code für den Spoiler

Discussion on Code für den Spoiler within the Web Development forum part of the Coders Den category.

Reply
 
Old   #1
 
elite*gold: 1
Join Date: Dec 2013
Posts: 1,043
Received Thanks: 1,044
Code für den Spoiler

hey

kann mir vllt jemand den HTML Code für den jetzigen Spoiler hier aus epvp geben?
Habe zwar schon einen Code bei Google gefunden aber das ist irgendwie kein richtiger Spoiler... das ist einfach nur ein Textfeld indem der Text unsichtbar ist und man den nur sieht wenn man das markiert ;o

wäre wirklich nett wenn ich den Code bekommen könnte, wenn ein Admin das nicht will, würde ich auch den alten Code für den Spoiler nehmen
xelayz​ is offline  
Old 05/18/2014, 20:53   #2

 
hellocedii's Avatar
 
elite*gold: 312
Join Date: Aug 2012
Posts: 11,894
Received Thanks: 1,047
Meinst du so etwas?

Code:
[SPOILER=title: Wunschtext, title-style: bold, title-color: white]Inhalt[/SPOILER]
hellocedii is offline  
Old 05/18/2014, 20:59   #3
 
elite*gold: 1
Join Date: Dec 2013
Posts: 1,043
Received Thanks: 1,044
nein

in vB muss man dazu noch den HTML Code angeben und den brauche ich, keinen anderen Code
xelayz​ is offline  
Old 05/18/2014, 21:04   #4
 
Der-Eddy's Avatar
 
elite*gold: 400
Join Date: Nov 2008
Posts: 67,905
Received Thanks: 19,505
Beim aufrufen des Spoilers wird toggle.spoiler irgendwas aufgerufen aus

ansonsten zum anzeigen des Textes müsste es sein:
Code:
    <div>
		<span class="spoiler-title rounded-top">
            <a class="spoiler-button custom-color-handled" href="http://www.elitepvpers.com/forum/main/3264723-code-f-r-den-spoiler.html#post28293460" rel="nofollow" onclick="return toggleSpoiler.call(this);">
                <span class="spoiler-icon">&nbsp;</span><span class="spoiler-text spoiler-title-bold" style="color: white;">Wunschtext</span>
            </a>
        </span>
    </div>
    <div class="spoiler-content rounded-bottom alt1" style="display: none;">Inhalt</div>
das hätte man aber auch in 2 min mithilfe des Firefox Inspektors rausfinden können

btw. der ganze Code wird dir reichlich wenig für dien vBulletin Forum bringen solange du ihn nicht stark anpasst
Der-Eddy is offline  
Old 05/18/2014, 21:24   #5
Administrator
 
Muddy Waters's Avatar
 
elite*gold: 41624
Join Date: Jan 2010
Posts: 22,728
Received Thanks: 12,654
Unser Spoiler-BB-Code nutzt nicht das vBulletin eigene System für eigene BB-Codes - das wäre zu eingeschränkt und würde die bei uns unterstüzten Optionen (z.B. verschiedene Farben, eigene Titel, etc.) nicht zulassen. Stattdessen wird das ganze über Plugins implementiert, die an den relevanten Einstiegspunkten ausgeführt werden. Insofern bringt dich der HTML-Code dafür nicht weiter.
Da wir das ganze speziell für uns entwickelt haben, geben wir es auch nicht weiter.

Aber wenn du nach etwas einfachem suchst, verwende doch einfach eine bestehende Erweiterung. Ich meine wir haben früher mal diese hier verwendet:
Muddy Waters is offline  
Thanks
1 User
Old 05/19/2014, 06:37   #6

 
Kazaaa's Avatar
 
elite*gold: 26
Join Date: Nov 2007
Posts: 32,809
Received Thanks: 12,143
Arrow Main -> Web Development

#moved
Kazaaa is offline  
Old 05/20/2014, 19:30   #7

 
PC Jones's Avatar
 
elite*gold: 150
The Black Market: 271/0/0
Join Date: Oct 2009
Posts: 7,097
Received Thanks: 623
Sieht zwar nicht so hübsch aus, aber nen Code für nen echt simplen Spoiler hab ich noch irgendwo auf der Festplatte gefunden.

Erstmal den JavaScript Code einbinden
Code:
<script type="text/javascript">
function getElementsByClass(searchClass,node,tag) {
	var classElements = new Array();
	if ( node == null )
		node = document;
	if ( tag == null )
		tag = '*';
	var els = node.getElementsByTagName(tag);
	var elsLen = els.length;
	var pattern = new RegExp("(^|\\s)"+searchClass+"(\\s|$)");
	for (i = 0, j = 0; i < elsLen; i++) {
		if ( pattern.test(els[i].className) ) {
			classElements[j] = els[i];
			j++;
		}
	}
	return classElements;
}
window.onload = function() {
var spoilers = getElementsByClass('spoiler');
for(x in spoilers) {
spoilers[x].getElementsByTagName('span')[0].style.display = 'none';
}
};

function spoiler(obj) {
var st = obj.getElementsByTagName('span')[0].style;
st.display = (st.display == 'none' || st.display == '') ? 'block' : 'none';
}
</script>
Dann an jeder Stelle wo der Spoiler sein soll z.B.
Code:
<p class="spoiler">
<input type="button" onclick="spoiler(this.parentNode);" />
<span>Wh0000t auf einmal steht hier text?!?!?!</span>
</p>
PC Jones is offline  
Reply


Similar Threads Similar Threads
* Jutus Werbungs Service * - NO SPOILER | SPOILER | IMAGE | TEXT
04/08/2012 - elite*gold Trading - 3 Replies
Hallo, ich biete euch hier einen Werbungs Service in meiner Signatur an http://s7.directupload.net/images/120407/85yfmueu .png Varianten Variante #1
Code Geass Staffel 3 bzw OVA - was denkt ihr *Spoiler*
01/04/2011 - Anime & Manga - 30 Replies
Moin wie einigen vllt aufgefallen ist wurde eine neu Code Geass Serie oder ein OVA angekündigt was genau ist noch nicht ganz sicher UND ein neuer Manga wurde auch angekündigt spielt in der Edo Zeit wie denkt ihr darüber wird es ein OVA zum Manga eine Serie oder Season 3 zum normalen Geass?? Mir Persönlich wäre ja eine fortsetzung am liebsten aber bin alleine schon damit zufrieden das es neuen Stoff gibt immerhin schaffte es Geass in meiner Toplist vor GTO und Deathnote auf Platz 3 und das...
HTML-Ersetzung für Spoiler-BB-Code
09/19/2010 - Web Development - 9 Replies
Hey, falls das die falsche Section ist, bitte verschieben^^ Es gibt ja hier bei epvp den BB-Code Spoiler. Spoiler Weiß jemand, wie die HTML-Ersetzung dazu lautet?
[SUCHE] Spoiler ( wie bei Elitepvpers ) Html-Code für P-Server Homepage
04/12/2010 - Metin2 Private Server - 10 Replies
GELÖST !



All times are GMT +1. The time now is 13:04.


Powered by vBulletin®
Copyright ©2000 - 2026, Jelsoft Enterprises Ltd.
SEO by vBSEO ©2011, Crawlability, Inc.
This site is protected by reCAPTCHA and the Google Privacy Policy and Terms of Service apply.

Support | Contact Us | FAQ | Advertising | Privacy Policy | Terms of Service | Abuse
Copyright ©2026 elitepvpers All Rights Reserved.