The forum of the forums
Would you like to react to this message? Create an account in a few clicks or log in to continue.

Staff Options

4 posters

Page 1 of 3 1, 2, 3  Next

Go down

Solved Staff Options

Post by Kaizer Lee December 26th 2012, 4:49 am

Alright, first off, I'd just like to state that all the Javascript codes I used do not conflict with each other so it's a bit vague to me why the sudden change of the Table code on the same script won't work since it's adding an extra button code to your forum.

As for that, in case you would ask what are the Javascript in my forum, the following stated are the codes:

1. Rainbow name code
2. Christmas decoration code
3. Staff options
4. The modified profile code which introduces people automatically
5. Select content code
6. The custom navigation bar code
7. Nivo slider

http://www.medievalchaos.net/forum In case you need my forum link.

Okay, now here's the problem, I'd like for these codes to work on my Staff options code:

Code:
[table style="background: url('http://i810.photobucket.com/albums/zz27/kaizer20/Information-2_zpsd6d5163c.png') no-repeat left center #cfdce8; border: 1px solid #b8c5d0; padding: 5px 5px 5px 30px; width: 97%; font-weight: bold; color: #26547a; border-radius: 3px;"][tr][td](Information)
[/td][/tr][/table]

Code:
[table style="background: url('http://i810.photobucket.com/albums/zz27/kaizer20/lock_zps4a88582b.png') no-repeat left center #d7e2b7; border: 1px solid #b7c19a; padding: 5px 5px 5px 30px; width: 97%; font-weight: bold; color: #626f3d; border-radius: 3px;"][tr][td](Lock)[/td][/tr][/table]

Code:
[table style="background: url('http://i810.photobucket.com/albums/zz27/kaizer20/WarningSign-2_zps143f18bd.png') no-repeat left center #F2C7C7; border: 1px solid #ED6B6B; padding: 5px 5px 5px 30px; width: 97%; font-weight: bold; color: #A11F1F; border-radius: 3px;"][tr][td](Warn a member)[/td][/tr][/table]

Code:
[table style="background: url('http://i810.photobucket.com/albums/zz27/kaizer20/Smiley_Face-2_zps5eabd338.png') no-repeat left center #ffff7f; border: 1px solid #ffff30; padding: 5px 5px 5px 30px; width: 97%; font-weight: bold; color: #ffcd05; border-radius: 3px;"][tr][td]Approved by a pro staff!
[/td][/tr][/table]

Whenever I replace the codes in the original Staff Options code in the widget here:

Code:
<script type="text/javascript">
buttons.list('Staff Tools', {
    "Info": "<table style='background:url\(http://i810.photobucket.com/albums/zz27/kaizer20/Information-1.png\) no-repeat; font-family:verdana; font-weight:bold; font-size:13px; color:#000; text-align:left; padding-left:5px; width:500px; height: 75px; text-shadow: 1px 1px #808080;' align='center'><tr><td style='line-height:16px;' valign='top' align='center' width='100%'><br />\(YOUR TEXT HERE\)</td></tr></table>",
    "Solved and Locked": "<table style='background:url\(http://i810.photobucket.com/albums/zz27/kaizer20/checkmark-1.png\) no-repeat; font-family:verdana; font-weight:bold; font-size:25px; color:#FFFFFF; text-align:left; padding-left:5px; width:500px; height: 75px; text-shadow: 1px 1px #808080;' align='center'><tr><td style='line-height:16px;' align='left'></td></tr></table>",
    "Approved": "<table style='background:url\(http://i810.photobucket.com/albums/zz27/kaizer20/Smiley_Face-1.png\) no-repeat; font-family:verdana; font-weight:bold; font-size:25px; color:#FFFFFF; text-align:left; padding-left:5px; width:500px; height: 75px; text-shadow: 1px 1px #808080;' align='center'><tr><td style='line-height:16px;' align='left'></td></tr></table>",
    "Warning": "<table style='background:url\(http://i810.photobucket.com/albums/zz27/kaizer20/WarningSign-1.png\) no-repeat; font-family:verdana; font-weight:bold; font-size:13px; color:#fff; text-align:left; padding-left:5px; width:500px; height: 75px; text-shadow: 1px 1px #808080;' align='center'><tr><td style='line-height:16px;' valign='top' align='center' width='100%'><br />\(Who will you give the warning to and then please indicate the following steps to be done to avoid the mistake in the future BELOW the warning sign\)</td></tr></table>"
}, "bbcode_list_1");</script>

The button completely disappears.

I tried modifying the Javascript but still nothing happened:

Code:
(function(){var d={add:function(b,e,c){$(function(){if(document.getElementById("text_edit")){void 0==c&&(c="");var a=document.createElement("span");a.innerHTML='<button class="button2" style="height: 22px; margin-right: 5px;" onClick="bbfontstyle(\''+e+"', '"+c+"'); return false;\">"+b+"</button>";document.getElementById("new_buttons_area").appendChild(a)}})},list:function(b,e,c){$(function(){if(document.getElementById("text_edit")){var a=document.createElement("span");a.innerHTML='<input type="button" style="height: 22px; margin-right: 5px;" value="'+ b+'" onclick="selectWysiwyg(this, \''+c+'\');" class="button2">';document.getElementById("text_edit").appendChild(a);a=document.createElement("div");a.id=c;a.className="select";a.style.visibility="hidden";for(var d in e)a.innerHTML+="<button onmouseout=\"this.className='';\" onmouseover=\"this.className='selectHover';\" onclick=\"bbfontstyle('"+buttons.escape(e[d])+"', '');selectWysiwyg(this, '"+c+"');return false;\">"+d+"</button><br>";document.getElementById("text_editor_select_controls").appendChild(a)}})}, init:function(){$(function(){if(document.getElementById("text_edit")){var b=document.createElement("div");b.id="new_buttons_area";b.style.paddingTop="5px";document.getElementById("text_edit").parentNode.insertBefore(b,document.getElementById("text_edit").nextSibling)}})},escape:function(b){return b.replace(/'/g,"\\'").replace(/"/g,'\\"')}};window.buttons=d;d.init()})();

I really don't get why it won't appear because [Language] far as I know, it would be the same result even if you change the code originally inputted over and over again.

To summarize everything up, please help me how I can make the 4 table codes provided above work on the original code in the widget and the javascript already. I've been trying to solve this for some time but my capacity to solve it isn't enough.
Kaizer Lee
Kaizer Lee
Active Poster

Female Posts : 1064
Reputation : 54
Language : English, Tagalog, Spanish and Chinese
Location : Philippines

http://www.medievalchaos.net/forum

Back to top Go down

Solved Re: Staff Options

Post by Kaizer Lee December 27th 2012, 10:43 am

Bumpalala Bumpalala
Kaizer Lee
Kaizer Lee
Active Poster

Female Posts : 1064
Reputation : 54
Language : English, Tagalog, Spanish and Chinese
Location : Philippines

http://www.medievalchaos.net/forum

Back to top Go down

Solved Re: Staff Options

Post by Kaizer Lee December 28th 2012, 9:55 am

Bump.
Kaizer Lee
Kaizer Lee
Active Poster

Female Posts : 1064
Reputation : 54
Language : English, Tagalog, Spanish and Chinese
Location : Philippines

http://www.medievalchaos.net/forum

Back to top Go down

Solved Re: Staff Options

Post by Kaizer Lee December 29th 2012, 6:37 am

Bumpidy bumpidy bump :wouhou:
Kaizer Lee
Kaizer Lee
Active Poster

Female Posts : 1064
Reputation : 54
Language : English, Tagalog, Spanish and Chinese
Location : Philippines

http://www.medievalchaos.net/forum

Back to top Go down

Solved Re: Staff Options

Post by Kaizer Lee December 30th 2012, 10:38 am

Bump...
Kaizer Lee
Kaizer Lee
Active Poster

Female Posts : 1064
Reputation : 54
Language : English, Tagalog, Spanish and Chinese
Location : Philippines

http://www.medievalchaos.net/forum

Back to top Go down

Solved Re: Staff Options

Post by Kaizer Lee December 31st 2012, 7:52 am

Bump e.e :wouhou:
Kaizer Lee
Kaizer Lee
Active Poster

Female Posts : 1064
Reputation : 54
Language : English, Tagalog, Spanish and Chinese
Location : Philippines

http://www.medievalchaos.net/forum

Back to top Go down

Solved Re: Staff Options

Post by Kaizer Lee January 1st 2013, 8:46 am

Yeah, that one, the main problem with it now is that I want to change the content of the option but when I did, the Button didn't appear anymore.

I checked the JS and I didn't see anything wrong with it, I got the cached and cookies cleared too, so I really have no clue what's wrong with it anymore :|.
Kaizer Lee
Kaizer Lee
Active Poster

Female Posts : 1064
Reputation : 54
Language : English, Tagalog, Spanish and Chinese
Location : Philippines

http://www.medievalchaos.net/forum

Back to top Go down

Solved Re: Staff Options

Post by Kaizer Lee January 2nd 2013, 5:33 pm

Bump.
Kaizer Lee
Kaizer Lee
Active Poster

Female Posts : 1064
Reputation : 54
Language : English, Tagalog, Spanish and Chinese
Location : Philippines

http://www.medievalchaos.net/forum

Back to top Go down

Solved Re: Staff Options

Post by Kaizer Lee January 3rd 2013, 4:44 am

When I tried the sample code you gave, the only thing that appeared is a text box with no color and picture.

And I completely lost you with the whole escape thing ._.
Kaizer Lee
Kaizer Lee
Active Poster

Female Posts : 1064
Reputation : 54
Language : English, Tagalog, Spanish and Chinese
Location : Philippines

http://www.medievalchaos.net/forum

Back to top Go down

Solved Re: Staff Options

Post by Kaizer Lee January 3rd 2013, 4:50 am

Yeah, I had it solved by LG once so that's the code that appeared now.

And I tried doing it in a post first, still the same.
Kaizer Lee
Kaizer Lee
Active Poster

Female Posts : 1064
Reputation : 54
Language : English, Tagalog, Spanish and Chinese
Location : Philippines

http://www.medievalchaos.net/forum

Back to top Go down

Solved Re: Staff Options

Post by Kaizer Lee January 4th 2013, 10:05 am

Bump
Kaizer Lee
Kaizer Lee
Active Poster

Female Posts : 1064
Reputation : 54
Language : English, Tagalog, Spanish and Chinese
Location : Philippines

http://www.medievalchaos.net/forum

Back to top Go down

Solved Re: Staff Options

Post by Kaizer Lee January 5th 2013, 7:05 pm

Alright, please don't lock this topic yet. I'll try something out first Smile.
Kaizer Lee
Kaizer Lee
Active Poster

Female Posts : 1064
Reputation : 54
Language : English, Tagalog, Spanish and Chinese
Location : Philippines

http://www.medievalchaos.net/forum

Back to top Go down

Solved Re: Staff Options

Post by Kaizer Lee January 6th 2013, 12:16 pm

Okay, staff options won't appear O_o. I made it into a class and still nothing:

Here's my widget code:

Code:
<script type="text/javascript">
buttons.list('Staff Tools', {
    "Info": "<table class="info"><tr><td align="left">(Information)
</td></tr></table>",
    "Solved and Locked": "<table class="lock"><tr><td align="left">(Lock)</td></tr></table>",
    "Approved": "<table class="approve"><tr><td align="left">Approved by a pro staff!
</td></tr></table>",
    "Warning": "<table class="warn"><tr><td align="left">(Warn a member)</td></tr></table>"
}, "bbcode_list_1");</script>

Here's my CSS, I made it a class as you suggested:

Code:
.lock {
  background: url('http://i810.photobucket.com/albums/zz27/kaizer20/lock_zps4a88582b.png') no-repeat left center #d7e2b7;
  border: 1px solid #b7c19a;
  padding: 5px 5px 5px 30px;
  width: 97%;
  font-weight: bold;
  color: #626f3d;
  border-radius: 3px;
}

.approve {
  background: url('http://i810.photobucket.com/albums/zz27/kaizer20/Smiley_Face-2_zps5eabd338.png') no-repeat left center #ffff7f;
  border: 1px solid #ffff30;
  padding: 5px 5px 5px 30px;
  width: 97%;
  font-weight: bold;
  color: #ffcd05;
  border-radius: 3px;
}

.warn {
  background: url('http://i810.photobucket.com/albums/zz27/kaizer20/WarningSign-2_zps143f18bd.png') no-repeat left center #F2C7C7;
  border: 1px solid #ED6B6B;
  padding: 5px 5px 5px 30px;
  width: 97%;
  font-weight: bold;
  color: #A11F1F;
  border-radius: 3px;
}

Here's my Javascript:

Code:
(function(){var d={add:function(b,e,c){$(function(){if(document.getElementById("text_edit")){void 0==c&&(c="");var a=document.createElement("span");a.innerHTML='<button class="button2" style="height: 22px; margin-right: 5px;" onClick="bbfontstyle(\''+e+"', '"+c+"'); return false;\">"+b+"</button>";document.getElementById("new_buttons_area").appendChild(a)}})},list:function(b,e,c){$(function(){if(document.getElementById("text_edit")){var a=document.createElement("span");a.innerHTML='<input type="button" style="height: 22px; margin-right: 5px;" value="'+ b+'" onclick="selectWysiwyg(this, \''+c+'\');" class="button2">';document.getElementById("text_edit").appendChild(a);a=document.createElement("div");a.id=c;a.className="select";a.style.visibility="hidden";for(var d in e)a.innerHTML+="<button onmouseout=\"this.className='';\" onmouseover=\"this.className='selectHover';\" onclick=\"bbfontstyle('"+buttons.escape(e[d])+"', '');selectWysiwyg(this, '"+c+"');return false;\">"+d+"</button><br>";document.getElementById("text_editor_select_controls").appendChild(a)}})}, init:function(){$(function(){if(document.getElementById("text_edit")){var b=document.createElement("div");b.id="new_buttons_area";b.style.paddingTop="5px";document.getElementById("text_edit").parentNode.insertBefore(b,document.getElementById("text_edit").nextSibling)}})},escape:function(b){return b.replace(/'/g,"\\'").replace(/"/g,'\\"')}};window.buttons=d;d.init()})();

I don't know why it's not appearing, please help D:. Thanks in advance.

Edit:

Is there anyway that when I click it, the thing will appear as a [td] instead of a <td>?
Kaizer Lee
Kaizer Lee
Active Poster

Female Posts : 1064
Reputation : 54
Language : English, Tagalog, Spanish and Chinese
Location : Philippines

http://www.medievalchaos.net/forum

Back to top Go down

Solved Re: Staff Options

Post by PENSAR. January 6th 2013, 7:20 pm

SO I don't get what are this Staff options.. like buttons only for staff?
PENSAR.
PENSAR.
Forumember

Posts : 61
Reputation : 2
Language : Bulgarian.

Back to top Go down

Solved Re: Staff Options

Post by Kaizer Lee January 6th 2013, 8:18 pm

Widget code: Marked as non-table type in case.

Code:
<script type="text/javascript">
buttons.list('Staff Tools', {
    "Info": '<table class="info"><tr><td align="left">(Information)
</td></tr></table>',
    "Solved and Locked": '<table class="lock"><tr><td align="left">(Lock)</td></tr></table>',
    "Approved": '<table class="approve"><tr><td align="left">Approved by a pro staff!
</td></tr></table>',
    "Warning": '<table class="warn"><tr><td align="left">(Warn a member)</td></tr></table>'
}, "bbcode_list_1");</script>
Kaizer Lee
Kaizer Lee
Active Poster

Female Posts : 1064
Reputation : 54
Language : English, Tagalog, Spanish and Chinese
Location : Philippines

http://www.medievalchaos.net/forum

Back to top Go down

Solved Re: Staff Options

Post by Kaizer Lee January 7th 2013, 8:49 pm

None would still appear =/. I already changed the error with the whole ILLEGAL issue (Literally caps in the format I saw) which is in syntax error to the class name I gave it. I changed it to the class="bit" instead and still, the button wouldn't appear and I still get this message:

Staff Options 2v3rcqr

Is this the cause of the problem as to why the Staff Options wouldn't appear? If yes, how do I get rid of it?
Kaizer Lee
Kaizer Lee
Active Poster

Female Posts : 1064
Reputation : 54
Language : English, Tagalog, Spanish and Chinese
Location : Philippines

http://www.medievalchaos.net/forum

Back to top Go down

Solved Re: Staff Options

Post by Kaizer Lee January 7th 2013, 9:19 pm

Code:
<script type="text/javascript">
buttons.list('Staff Tools', {
    "Information": '<table class="bit"><tr><td align="left">\(Infomation\)
</td></tr></table>',
    "Solved and Locked": '<table class="lock"><tr><td align="left">\(Lock)\</td></tr></table>',
    "Approved": '<table class="approve"><tr><td align="left">Approved by a pro staff!
</td></tr></table>',
    "Warning": '<table class="warn"><tr><td align="left">\(Warn a member\)</td></tr></table>'
}, "bbcode_list_1");</script>

I did that and still, the same problem, it wouldn't appear and the Illegal Token thing is still there.
Kaizer Lee
Kaizer Lee
Active Poster

Female Posts : 1064
Reputation : 54
Language : English, Tagalog, Spanish and Chinese
Location : Philippines

http://www.medievalchaos.net/forum

Back to top Go down

Solved Re: Staff Options

Post by Kaizer Lee January 7th 2013, 9:23 pm

Code:
<script type="text/javascript">
buttons.list('Staff Tools', {
    "Information": '<table class="bit"><tr><td align="left">\(Infomation\)
</td></tr></table>',
    "Solved and Locked": '<table class="lock"><tr><td align="left">\(Lock\)</td></tr></table>',
    "Approved": '<table class="approve"><tr><td align="left">Approved by a pro staff!
</td></tr></table>',
    "Warning": '<table class="warn"><tr><td align="left">\(Warn a member\)</td></tr></table>'
}, "bbcode_list_1");</script>

That and still nothing ._."
Kaizer Lee
Kaizer Lee
Active Poster

Female Posts : 1064
Reputation : 54
Language : English, Tagalog, Spanish and Chinese
Location : Philippines

http://www.medievalchaos.net/forum

Back to top Go down

Solved Re: Staff Options

Post by Kaizer Lee January 8th 2013, 3:38 pm

Bump.
Kaizer Lee
Kaizer Lee
Active Poster

Female Posts : 1064
Reputation : 54
Language : English, Tagalog, Spanish and Chinese
Location : Philippines

http://www.medievalchaos.net/forum

Back to top Go down

Solved Re: Staff Options

Post by Kaizer Lee January 10th 2013, 9:05 am

Bump.... bwi
Kaizer Lee
Kaizer Lee
Active Poster

Female Posts : 1064
Reputation : 54
Language : English, Tagalog, Spanish and Chinese
Location : Philippines

http://www.medievalchaos.net/forum

Back to top Go down

Solved Re: Staff Options

Post by Kaizer Lee January 10th 2013, 12:35 pm

I'm confused as to which class I should use ._.
Kaizer Lee
Kaizer Lee
Active Poster

Female Posts : 1064
Reputation : 54
Language : English, Tagalog, Spanish and Chinese
Location : Philippines

http://www.medievalchaos.net/forum

Back to top Go down

Solved Re: Staff Options

Post by Kaizer Lee January 10th 2013, 2:25 pm

I already did though...

Kaizer Lee
Kaizer Lee
Active Poster

Female Posts : 1064
Reputation : 54
Language : English, Tagalog, Spanish and Chinese
Location : Philippines

http://www.medievalchaos.net/forum

Back to top Go down

Solved Re: Staff Options

Post by Kaizer Lee January 11th 2013, 9:18 am

Code:
<script type="text/javascript">
buttons.list('Staff Tools', {
    "Information": '<table class="bit"><tr><td align="left">Information</td></tr></table>',
    "Solved and Locked": '<table class="lock"><tr><td align="left">\Lock</td></tr></table>',
    "Approved": '<table class="approve"><tr><td align="left">Approved by a pro staff!</td></tr></table>',
    "Warning": '<table class="warn"><tr><td align="left">Warn a member</td></tr></table>'
}, "bbcode_list_1");</script>

You meant these codes, right? I removed them. And they still have the same output (Like in the screen shot), is it in the JS?
Kaizer Lee
Kaizer Lee
Active Poster

Female Posts : 1064
Reputation : 54
Language : English, Tagalog, Spanish and Chinese
Location : Philippines

http://www.medievalchaos.net/forum

Back to top Go down

Solved Re: Staff Options

Post by SLGray January 11th 2013, 9:52 am

You left something - \Lock.


Staff Options Slgray10

When your topic has been solved, ensure you mark the topic solved.
Never post your email in public.
SLGray
SLGray
Administrator
Administrator

Male Posts : 51555
Reputation : 3524
Language : English
Location : United States

https://forumsclub.com/gc/128-link-directory/

Back to top Go down

Solved Re: Staff Options

Post by Kaizer Lee January 11th 2013, 10:00 am

Still the same :s
Kaizer Lee
Kaizer Lee
Active Poster

Female Posts : 1064
Reputation : 54
Language : English, Tagalog, Spanish and Chinese
Location : Philippines

http://www.medievalchaos.net/forum

Back to top Go down

Solved Re: Staff Options

Post by SLGray January 11th 2013, 10:04 am

Try leaving the \'s but remove the ()'s.


Staff Options Slgray10

When your topic has been solved, ensure you mark the topic solved.
Never post your email in public.
SLGray
SLGray
Administrator
Administrator

Male Posts : 51555
Reputation : 3524
Language : English
Location : United States

https://forumsclub.com/gc/128-link-directory/

Back to top Go down

Solved Re: Staff Options

Post by Kaizer Lee January 11th 2013, 5:55 pm

Code:
<script type="text/javascript">
buttons.list('Staff Tools', {
    "Information": '<table class="bit"><tr><td align="left">Information</td></tr></table>',
    "Solved and Locked": '<table class="lock"><tr><td align="left">Lock</td></tr></table>',
    "Approved": '<table class="approve"><tr><td align="left">Approved by a pro staff!</td></tr></table>',
    "Warning": '<table class="warn"><tr><td align="left">Warn a member</td></tr></table>'
}, "bbcode_list_1");</script>

There's no more parenthesis... but yeah, still the same outcome, the codes appeared out of whack in the screen.
Kaizer Lee
Kaizer Lee
Active Poster

Female Posts : 1064
Reputation : 54
Language : English, Tagalog, Spanish and Chinese
Location : Philippines

http://www.medievalchaos.net/forum

Back to top Go down

Solved Re: Staff Options

Post by Kaizer Lee January 12th 2013, 10:42 am

Bump...
Kaizer Lee
Kaizer Lee
Active Poster

Female Posts : 1064
Reputation : 54
Language : English, Tagalog, Spanish and Chinese
Location : Philippines

http://www.medievalchaos.net/forum

Back to top Go down

Solved Re: Staff Options

Post by Kaizer Lee January 13th 2013, 5:06 am

bump...
Kaizer Lee
Kaizer Lee
Active Poster

Female Posts : 1064
Reputation : 54
Language : English, Tagalog, Spanish and Chinese
Location : Philippines

http://www.medievalchaos.net/forum

Back to top Go down

Solved Re: Staff Options

Post by Kaizer Lee January 13th 2013, 8:05 pm

Bump ._."
Kaizer Lee
Kaizer Lee
Active Poster

Female Posts : 1064
Reputation : 54
Language : English, Tagalog, Spanish and Chinese
Location : Philippines

http://www.medievalchaos.net/forum

Back to top Go down

Page 1 of 3 1, 2, 3  Next

Back to top

- Similar topics

 
Permissions in this forum:
You cannot reply to topics in this forum