Spoiler-BBCode in same line

[ResizeR]

Hi,

I want this Quick Spoiler MOD/BBCode to be setted in the same line.

I want to be able to Write text inbefore the spoiler box. Like this:

Code Select Expand

Text text text [Spoiler]Spoilerteeext[/spoiler]

Quick example:
Text text text

I'd tried to figure out, but I couldn't find the place in the source code, where it adds a new line.

[All Colours Sam]

Hi, welcome to SMF.

It seems that mod uses a div to generate the spoiler content, this means it will always be displayed on a new line unless you do some changes and wrap the previous text in another div and use floats properties, but is a mess to do it like that.

The best you cna do is change the div for a span in Subs-QuickSpoiler.php  and set some css on the span to be treated as an inline display.

Keep in mind that this will not always work, depending on how long the previous text is or how small is the user resolution the spoiler will be displayed on a new line.

[emanuele]

The best you cna do is change the div for a span in Subs-QuickSpoiler.php  and set some css on the span to be treated as an inline display.

* emanuele is in picky mode.

Using a span if you "spoiler" a table you will get invalid xhtml.

Code Select Expand

style="display:inline"
should do the same...I hope...

[All Colours Sam]

Yes, I don't use span because a spoiler is basically a content wrap and that is precisely what a div do.  There is a lot of things you cannot put inside a span tag.

[ResizeR]

I tried to replace the div's with span's additional fixed some stylebugs with CSS and i'm happy with it. 
You just made my day!
thanks for helping

[MrPhil]

If the desire is to have the spoiler "anchor" be in-line text and graphics in a <span>, rather than a <div>, perhaps it could be done with a link <a> that pops up a new floating window? You might look at various "fancy tool tip" and "lightbox" PHP codes. I think both of them generate Javascript, so at least part of the action is taking place on the browser. They may just use "onClick" rather than <a>.

A very simple minded system could probably be done with a Javascript function per spoiler (or a unique identifier to a shared function), onClick trigger in a <span>, and the function just puts up an alert box with your spoiler text. You'd probably accumulate the functions (or one function with text for all spoilers) to stick at the end of the output page.