2010-04-19, 10:28 AM
I was making a spoiler mycode like Spoiler (Click To View) for a friends forum and when i wasn't successful i started experimenting and made this mycode which uses images for the buttons =]
Title:
Short Description:
Regular Expression:
Replacement:
Enabled:
Changing the images:
IMAGE - URL - COUNT(HOW MANY TIMES USED)
Show - http://i42.tinypic.com/nmkz6w.jpg - 2
Hide - http://i40.tinypic.com/2m6347t.png - 1
Spoilers will not work inside another spoiler.
Say thanks and if you use this give credits(to 88power88). =]
Btw yes i did accomplish in making the spoiler like this:
Spoiler (Click To View)
Just gonna make a simple php file to make it easier when changing the images...
Erm i think that's all.
ScreenShot:
Title:
Spoiler Image
Short Description:
Image Spoiler - By CyberHackers.org
Regular Expression:
\[spoiler\](.*?)\[/spoiler\]
Replacement:
<div><div><input name="spoiler" type="image" src="http://i42.tinypic.com/nmkz6w.jpg" 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.innerText = ''; this.src = 'http://i40.tinypic.com/2m6347t.png'; } else { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.innerText = ''; this.src = 'http://i42.tinypic.com/nmkz6w.jpg'; }">
</div>
<div style="margin: 0px; padding:0px;">
<div style="display: none;">
$1
</div>
</div>
</div>
Enabled:
Yes
Changing the images:
IMAGE - URL - COUNT(HOW MANY TIMES USED)
Show - http://i42.tinypic.com/nmkz6w.jpg - 2
Hide - http://i40.tinypic.com/2m6347t.png - 1
Spoilers will not work inside another spoiler.
Say thanks and if you use this give credits(to 88power88). =]
Btw yes i did accomplish in making the spoiler like this:
Spoiler (Click To View)
Just gonna make a simple php file to make it easier when changing the images...
Erm i think that's all.
ScreenShot: