The forum of the forums
Welcome to the Official Support Forum of Forumotion!

To take full advantage of everything offered by our forum, please log in if you are already a member, or join our community if you've not yet.



Create a free forum like this one.

Staff Options

Page 1 of 3 1, 2, 3  Next

View previous topic View next topic Go down

Solved Staff Options

Post by Kaizer Lee on 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
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 on December 27th 2012, 10:43 am

Bumpalala Bumpalala

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 on December 28th 2012, 9:55 am

Bump.

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 on December 29th 2012, 6:37 am

Bumpidy bumpidy bump :wouhou:

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 on December 30th 2012, 10:38 am

Bump...

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 on December 31st 2012, 7:52 am

Bump e.e :wouhou:

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 on 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
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 on January 2nd 2013, 5:33 pm

Bump.

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 on 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
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 on 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
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 on January 4th 2013, 10:05 am

Bump

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 on January 5th 2013, 7:05 pm

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

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 on 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
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. on January 6th 2013, 7:20 pm

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

PENSAR.
Forumember

Posts : 61
Reputation : 2
Language : Bulgarian.

Back to top Go down

Solved Re: Staff Options

Post by Kaizer Lee on 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
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 on 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:



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
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 on 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
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 on 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
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 on January 8th 2013, 3:38 pm

Bump.

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 on January 10th 2013, 9:05 am

Bump.... bwi

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 on January 10th 2013, 12:35 pm

I'm confused as to which class I should use ._.

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 on January 10th 2013, 2:25 pm

I already did though...


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 on 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
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 on January 11th 2013, 9:52 am

You left something - \Lock.


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


SLGray
Administrator
Administrator

Male Posts : 35668
Reputation : 2375
Language : English
Location : United States

http://fmthemes.forumotion.com/

Back to top Go down

Solved Re: Staff Options

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

Still the same :s

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 on January 11th 2013, 10:04 am

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


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


SLGray
Administrator
Administrator

Male Posts : 35668
Reputation : 2375
Language : English
Location : United States

http://fmthemes.forumotion.com/

Back to top Go down

Solved Re: Staff Options

Post by Kaizer Lee on 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
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 on January 12th 2013, 10:42 am

Bump...

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 on January 13th 2013, 5:06 am

bump...

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 on January 13th 2013, 8:05 pm

Bump ._."

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

View previous topic View next topic Back to top


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