Spoiler-Popup bei Mouseover

[4seven]

Deswegen ja die Variante mit

Code: Alles auswählen

"{TEXT}"

[CacaVolante]

Dann zeigt es mir im Posting allerdings gar keinen Tooltip mehr an, sondern die Tags - so als wäre der BBCode gar nicht implementiert.

[4seven]

ich knobel mal was aus

[4seven]

mE gehts nur so. funktioniert mit allen sonderzeichen.

http://sekuro.se.funpic.de/phpbb3/viewt ... p=522#p522

Code: Alles auswählen

[spoil_tag={NUMBER}]{TEXT}[/spoil_tag]

Code: Alles auswählen

<script type="text/javascript">
<!-- //
var inputtxt = encodeURIComponent("{TEXT}"); 
Outputtxt{NUMBER} = decodeURIComponent(inputtxt);
// -->
</script>
<img src="http://sekuro.se.funpic.de/phpbb3/userfiles/img/hjfsh.gif" style="cursor: help; color: blue" onmouseover="Tip(Outputtxt{NUMBER}, WIDTH, '-200')" onmouseout="UnTip()" />

Benutzung

spoil_tag = [spoil_tag=Einmalige Zahl]Beliebiger Text[/spoil_tag]

Die Zahl darf auf einer thread-seite jeweils nur einmal vorkommen > unique

[Daryl van Horne]

Hallo, ihr Lieben!

Tut mir leid, wenn ich in der Suchfunktion nix gefunden habe.

Es gibt ja auf einigen Foren eine sog. Spoiler-Funktion - entweder ist der Text, der in den [spoiler]-Tags zu finden ist, dann nur sichtbar, wenn man ihn markiert, oder der Text ist über eine Schaltfläche sichtbar und lässt sich genau so wieder verstecken.

Ich allerdings möchte, dass nur eine "Spoiler"-Schaltfläche oder eine entsprechende Grafik in einem Posting zu sehen ist, und wenn man mit der Maus drüber fährt, soll das dann ähnlich wie bei Tooltips so lange sichtbar sein, wie der Mauszeiger sich in eben diesem Areal bewegt.

Gibt es einen Code, den ich ganz normal im Admin-Menü für eigene BBCodes verwenden kann?

such mal nach "hide mod", sowas muss es eigendlich geben... zum beispiel "hide und Bedanko" in einen mod... ich schau mal schnell... sorry, hab einfach zuviel gefunden, gib einfach mal hide ein...

[CacaVolante]

mE gehts nur so. funktioniert mit allen sonderzeichen.

http://sekuro.se.funpic.de/phpbb3/viewt ... p=522#p522

Code: Alles auswählen

[spoil_tag={NUMBER}]{TEXT}[/spoil_tag]

Code: Alles auswählen

<script type="text/javascript">
<!-- //
var inputtxt = encodeURIComponent("{TEXT}"); 
Outputtxt{NUMBER} = decodeURIComponent(inputtxt);
// -->
</script>
<img src="http://sekuro.se.funpic.de/phpbb3/userfiles/img/hjfsh.gif" style="cursor: help; color: blue" onmouseover="Tip(Outputtxt{NUMBER}, WIDTH, '-200')" onmouseout="UnTip()" />

Benutzung

spoil_tag = [spoil_tag=Einmalige Zahl]Beliebiger Text[/spoil_tag]

Die Zahl darf auf einer thread-seite jeweils nur einmal vorkommen > unique

Gefällt mir gut, aber im Grunde könnte man das auch via Zufallszahl lösen, um eine umständliche Zahleneingabe zu umgehen, oder? Und überhaupt, das dauert doch wieder, bis man das allen erklärt hat...

Ich versuche das gerade, klappt natürlich nicht. *g*

[4seven]

das zauberwort heißt Math.random

ok, scheint ein "die katze beißt sich in den schwanz ding" zu werden, da Math.random immer gleich für die komplette thread-seite gilt, daher der ausgabe-wert bei allen postings gleichgeschaltet wird.

ich guck mal, was man da sonst noch machen kann...

[CacaVolante]

Sehr cool, danke!

Sollte ich heute nicht mehr reagieren, liegt das daran, dass ich gleich im Bett liege. Morgen tüftel ich wieder mit.

Macht Spaß hier!

[4seven]

gut n8

-----------

edit
habs nun. bei der geschichte musste man etwas um die ecke denken.

öffne

styles/xxxxx/template/editor.js

finde

Code: Alles auswählen

	//The new position for the cursor after adding the bbcode
	var caret_pos = getCaretPosition(textarea).start;
	var new_pos = caret_pos + bbopen.length;

	// Open tag
	insert_text(bbopen + bbclose);

ersetze mit

Code: Alles auswählen

	//The new position for the cursor after adding the bbcode
	var caret_pos = getCaretPosition(textarea).start;
	var new_pos = caret_pos + bbopen.length;

   if (bbopen == '[spoil_tag=]')
	{
	var RAND = Math.floor(Math.random() * 1000000 + 500000);
	insert_text('[spoil_tag=' + RAND + ']' + bbclose)
	}
	else
	{	
	// Open tag
	insert_text(bbopen + bbclose);	
	}

Hierbei wird bei Klick auf den [spoil_tag=] - Button eine Zufalls-Zahl zwischen 500.000 und 1.999.999 erzeugt und der BBCode fix und fertig eingefügt.

BBCode / Html-Ersetzung wie gehabt...

Code: Alles auswählen

[spoil_tag={NUMBER}]{TEXT}[/spoil_tag]

...außer der "neue" alt="" - tag (wegen > xhtml 1.0 strict)

Code: Alles auswählen

<script type="text/javascript">
<!-- //
var inputtxt = encodeURIComponent("{TEXT}"); 
Outputtxt{NUMBER} = decodeURIComponent(inputtxt);
// -->
</script>
<img src="http://sekuro.se.funpic.de/phpbb3/userfiles/img/hjfsh.gif" style="cursor: help; color: blue" onmouseover="Tip(Outputtxt{NUMBER}, WIDTH, '-200')" onmouseout="UnTip()" alt="" />

Benutzung:
Einfach auf den [spoil_tag=] - Button klicken und beliebigen Text zwischen die Tags setzen.

Post-Demo

View-Demo

Kleiner Wermutstropfen: Es funktioniert nicht, wenn man erst den Text markiert und dann auf den Button klickt. Damit kann man aber leben. Außerdem funktionieren natürlich keine BBCodes (Bilder, Videos etc.), sondern nur Text. Aber das weißt du ja sicher.

---------

Anpassen des Tooltips:
http://www.walterzorn.com/tooltip/tooltip_e.htm

hier ab:

8. Commands to customize tooltips individually

[CacaVolante]

Wow, edel, vielen Dank für die Mühe!

Nachher hab ich mehr Zeit, da werde ich das alles in die Tat umsetzen. Die js-Datei muss ich ja sowieso noch farblich anpassen (EDIT: ach, quark, das is ja ne andere Datei. Bin noch immer nicht wach *lol*) - und das mit den Bildern und dem BBCode ist natürlich auch klar.