vForums Support Banner



 

Welcome Guest! Please Login or Register
vForums Support :: Programming & Coding :: Code Requests & Support :: Spoiler Code Fix - View Topic
Topic Rating: *****
Printable View
dog199200
Guest
Spoiler Code Fix (23rd Aug 08 at 11:21pm UTC)
Hey can i please have the spoiler code below fixed so that it will adjust to the forum width instead of it being like 900px, stretching my 600px withed forum majorly...

Code:
Select All
 
  1. <style type="text/css">
  2. #spoiler {
  3. background: #32333D;
  4. border: #43434C 1px solid;
  5. }
  6.  
  7. #spoiler .head {
  8. background: #32333D;
  9. display: block;
  10. padding: 3px;
  11. font-weight: bold;
  12. }
  13.  
  14. #spoiler .text {
  15. display: block;
  16. border-top: #43434C 1px solid;
  17. padding: 5px;
  18. }
  19. </style>
  20.  
  21. <script type="text/javascript">
  22. <!--
  23. //Spoiler Script
  24. //Written by Dranew
  25. //Do not rip or claim as your own.
  26.  
  27. if(location.href.match(/view_topic/)) {
  28.   var post = get('td','tag');
  29.   var sid = 0;
  30.   for(a=0;a<post.length;a++) {
  31.     if(post[a].className == "post") {
  32.       post[a].innerHTML = post[a].innerHTML.replace(/\[spoiler\]/g, "<div id='spoiler'>").replace(/\[\/spoiler\]/g, "</div>");
  33.     }
  34.   }
  35.   for(b=0;b<post.length;b++) {
  36.     if(post[b].className == "post") {
  37.       var div = post[b].getElementsByTagName('div')
  38.       for(c=0;c<div.length;c++) {
  39.         if(div[c].id == "spoiler") {
  40.           var spoil = div[c].innerHTML
  41.           div[c].innerHTML = "<span class='head''><a href='javascript:dispSpoil("+sid+")' id='sl"+sid+"'>Open Spoiler</a></span><span class='text' style='display: none;' id='s"+sid+"'>"+spoil+"</span>";
  42.           sid++
  43.         }
  44.       }
  45.     }
  46.   }
  47.   function dispSpoil(ID) {
  48.     var spoilText = document.getElementById("s"+ID)
  49.     var spoilLabel = document.getElementById("sl"+ID)
  50.     spoilLabel.innerHTML = (spoilLabel.innerHTML == "Open Spoiler")? 'Close Spoiler' : 'Open Spoiler';
  51.     spoilText.style.display = (spoilText.style.display == "none")? '' : 'none';
  52.   }
  53. }
  54.  
  55. //-->
  56. </script>
 
Back to Top - Link to Post
Ross
Administrator
*****

[Avatar]

Posts: 3,709
Status: Offline
Gender: Male
Age: 9 1⁄4
Joined:  

Additional Groups:
Support Team
***


Reputation: 45%  


pmwwwtwittergtalkvForum
Re: Spoiler Code Fix (26th Aug 08 at 9:01am UTC)
Give this a try {Smile}

Code:
Select All
 
  1. <style type="text/css">
  2. #spoiler {
  3. background: #32333D;
  4. border: #43434C 1px solid;
  5. }
  6.  
  7. #spoiler .head {
  8. background: #32333D;
  9. display: block;
  10. padding: 3px;
  11. font-weight: bold;
  12. }
  13.  
  14. #spoiler .text {
  15. display: block;
  16. border-top: #43434C 1px solid;
  17. padding: 5px;
  18. }
  19. </style>
  20.  
  21. <script type="text/javascript">
  22. <!--
  23. //Spoiler Script
  24. //Written by Dranew
  25. //Do not rip or claim as your own.
  26.  
  27. if(location.href.match(/view_topic/)) {
  28.   var post = get('td','tag');
  29.   var sid = 0;
  30.   for(a=0;a<post.length;a++) {
  31.     if(post[a].className == "post") {
  32.       post[a].innerHTML = post[a].innerHTML.replace(/\[spoiler\]/g, "<div id='spoiler'>").replace(/\[\/spoiler\]/g, "</div>");
  33.     }
  34.   }
  35.   for(b=0;b<post.length;b++) {
  36.     if(post[b].className == "post") {
  37.       var div = post[b].getElementsByTagName('div')
  38.       for(c=0;c<div.length;c++) {
  39.         if(div[c].id == "spoiler") {
  40.           var spoil = div[c].innerHTML
  41.           div[c].innerHTML = "<span class='head' style='width: 90%;'><a href='javascript:dispSpoil("+sid+")' id='sl"+sid+"'>Open Spoiler</a></span><span class='text' style='display: none;' id='s"+sid+"'>"+spoil+"</span>";
  42.           sid++
  43.         }
  44.       }
  45.     }
  46.   }
  47.   function dispSpoil(ID) {
  48.     var spoilText = document.getElementById("s"+ID)
  49.     var spoilLabel = document.getElementById("sl"+ID)
  50.     spoilLabel.innerHTML = (spoilLabel.innerHTML == "Open Spoiler")? 'Close Spoiler' : 'Open Spoiler';
  51.     spoilText.style.display = (spoilText.style.display == "none")? '' : 'none';
  52.   }
  53. }
  54.  
  55. //-->
  56. </script>
 


If it doesn't work can you link me to a post which is being stretched {Smile}
Back to Top - Link to Post
Image
dog199200
Guest
Re: Spoiler Code Fix (26th Aug 08 at 6:42pm UTC)
{Smile} that works thats, but umm..now that i think baout it, but can the code be modded to but the head/base images around it?
Back to Top - Link to Post
dog199200
Guest
Re: Spoiler Code Fix (1st Sep 08 at 12:55am UTC)
bump
Back to Top - Link to Post
dog199200
Guest
Re: Spoiler Code Fix (4th Sep 08 at 12:22am UTC)
bump
Back to Top - Link to Post
 Printable View

All times are GMT+0 :: The current time is 12:26am
Page generated in 0.9894 seconds
This Forum is Powered By vForums (v2.4)
Create a Forum for Free | Find Forums