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 2 of 3 Previous  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

First topic message reminder :

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 January 15th 2013, 5:31 am

My bump, my bump, my lovely lady 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 SLGray on January 15th 2013, 5:35 am

Try this:
Remove all the codes.
Then re-add the codes.


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


SLGray
Administrator
Administrator

Male Posts : 36648
Reputation : 2443
Language : English
Location : United States

http://ztwds.forumotion.com/

Back to top Go down

Solved Re: Staff Options

Post by Kaizer Lee on January 16th 2013, 4:35 pm

The whole button disappeared .___. and some of the Javascript stopped working :facepalm:

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 17th 2013, 1:11 pm

There's nothing wrong with the code. The weird thing is is that I get the same message whenever I click on the staff tool, the same thing appears, the JS code.


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 18th 2013, 4:08 pm

Para papapa 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 19th 2013, 3:29 am

honestly, I'm not really sure myself, but the code that made it work was also a problem before.

The one with the former buttons, t was solved by LG n avac but I can't find the lnk for it anymore and I'm not sure why changing the contents for the Staff Tool made the thing not work :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 Kaizer Lee on January 20th 2013, 4:32 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 21st 2013, 12:46 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 22nd 2013, 1:28 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 25th 2013, 5:36 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 27th 2013, 8:47 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 February 3rd 2013, 12:10 am

Hello o.o

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 February 4th 2013, 3:05 pm

I'm still alive ._.

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 February 5th 2013, 12:45 pm

Uh... the staff shizzle won't appear. As in, it's not styled ._.

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 February 6th 2013, 5:37 am

The same problem...


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 February 9th 2013, 9:41 am

Bump. I shall not give up! xD thanks to people helping 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 February 10th 2013, 5:36 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 February 11th 2013, 2:17 pm

I tried replacing the old widget code with it, it still won't work.

I created a new widget and set it to non table type and still, doesn't work :/.

Edit: Also, I didn't remove CSS.

Had to remove it. Seriously, the thing destroyed some part of the page O_o"

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 February 13th 2013, 10:47 am

Here's what happened when I tried the latest code:




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 February 14th 2013, 1:42 pm

The button appears now, but the problem with the codes appearing under still appears and still, the code won't be put in the quick reply box :/.

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 February 15th 2013, 2:50 pm

Bump plox.

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 February 17th 2013, 8:18 am

Here:
Code:
<div id="staff_options" class="select" style="visibility: hidden; width: auto;">
  <button onmouseout="this.className='';" onmouseover="this.className='selectHover';" onclick="bbfontstyle('<table class="bit"><tr><td align="left" align="left">Information' , '</td></tr></table>');selectWysiwyg(this, 'staff_options');return false;" class="selectHover">Information</button><br>
  <button onmouseout="this.className='';" onmouseover="this.className='selectHover';" onclick="bbfontstyle('<table class="lock"><tr><td align="left" align="left">Lock' , '</td></tr></table>');selectWysiwyg(this, 'staff_options');return false;" class="selectHover">Lock</button><br>
  <button onmouseout="this.className='';" onmouseover="this.className='selectHover';" onclick="bbfontstyle('<table class="approve"><tr><td align="left" align="left">Approved by a pro staff!' , '</td></tr></table>');selectWysiwyg(this, 'staff_options');return false;" class="selectHover">Approved by a pro staff!</button><br>
  <button onmouseout="this.className='';" onmouseover="this.className='selectHover';" onclick="bbfontstyle('<table class="warn"><tr><td align="left" align="left">Warn a member' , '</td></tr></table>');selectWysiwyg(this, 'staff_options');return false;" class="selectHover">Warn a member</button><br>
</div>
<script type="text/javascript">
jQuery(function() {
jQuery('#text_edit input:last').after(' <img alt="|" style="vertical-align: middle;" src="http://illiweb.com/fa/wysiwyg/separator.png" title="|"> <input type="button" class="button2" onclick="selectWysiwyg(this, \'staff_options\');" value="Staff Options" style="height: 22px;">');
});
</script>

The CSS is still the same. The JS = goner.

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 February 18th 2013, 6:13 am

The thing reverted back to that.

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 February 19th 2013, 12:35 pm

I tried doing it individually, it keeps on reverting back to HTML format.

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 February 20th 2013, 11:04 am

Alright, one last problem. When I try on clicking on it, it's not clickable.

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 February 21st 2013, 11:26 am

I posted this:

Code:
<script src="{JS_DIR}addthis/addthis_widget.js" type="text/javascript"></script>
  <div id="staff_options" class="select" style="visibility: hidden; width: auto;">
  <button onmouseout="this.className='';" onmouseover="this.className='selectHover';" onclick="bbfontstyle('[table class="bit"][tr][td align="left" align="left"]Information' , '[/td][/tr][/table]');selectWysiwyg(this, 'staff_options');return false;" class="selectHover">Information</button><br>
  <button onmouseout="this.className='';" onmouseover="this.className='selectHover';" onclick="bbfontstyle('[table class="lock"][tr][td align="left" align="left"]Lock' , '[/td][/tr][/table]');selectWysiwyg(this, 'staff_options');return false;" class="selectHover">Lock</button><br>
  <button onmouseout="this.className='';" onmouseover="this.className='selectHover';" onclick="bbfontstyle('[table class="approve"][tr][td align="left" align="left"]Approved by a pro staff!' , '[/td][/tr][/table]');selectWysiwyg(this, 'staff_options');return false;" class="selectHover">Approved by a pro staff!</button><br>
  <button onmouseout="this.className='';" onmouseover="this.className='selectHover';" onclick="bbfontstyle('[table class="warn"][tr][td align="left" align="left"]Warn a member' , '[/td][/tr][/table]');selectWysiwyg(this, 'staff_options');return false;" class="selectHover">Warn a member</button><br>
</div>
<script type="text/javascript">
jQuery(function() {
jQuery('#text_edit input:last').after(' <img alt="|" style="vertical-align: middle;" src="http://illiweb.com/fa/wysiwyg/separator.png" title="|"> <input type="button" class="button2" onclick="selectWysiwyg(this, \'staff_options\');" value="Staff Options" style="height: 22px;">');
});
</script>

Below the viewtopic_body. The CSS remains the same, the original Javascript for this was deleted and the widget wasn't implemented, as for the error console, this is what is shown:


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 February 23rd 2013, 8:15 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 February 25th 2013, 8:23 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 March 2nd 2013, 7:08 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 Azi on March 5th 2013, 5:03 pm

Interesting Kaizer, i did ALL of my custom buttons in JS as opposed to scripting them into a widget.

i'm not going to post the whole code, but
Code:
buttons.add('Award!', '[table class=award][tr][td][color=CHANGEME][b]Awarded & Thread Locked![/b][/color]
[/td][/tr][/table]');

This was the only variant of the original i could get the quick reply to spit out. If you change the "award" it breaks, or any other non-HTML characteristics that aren't in their own language. Writing this in JS worked just fine though. I think your original code was just wrong as opposed to you jumping through all these hoops. I'll take a look at it when i get home.

Azi
Forumember

Female Posts : 61
Reputation : 1
Language : English/Russian

Back to top Go down

Page 2 of 3 Previous  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