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 " modding" editer problem

View previous topic View next topic Go down

Solved Staff " modding" editer problem

Post by APE on March 9th 2014, 7:56 pm

Hi all i have been trying to get this staff only button made from this thread
http://help.forumotion.com/t128220-easy-write-for-staff-on-editor

the problem i have is i want to make a set of buttons with this code in them
but when i add the code the buttons don't work they come up but then they don't post the code 

This in the HTML page

Code:
jQuery('#modBouton').click(function(){
jQuery('#text_editor_textarea').sceditor("instance").insertText("[table style="background: url('http://cdn3.iconfinder.com/data/icons/fatcow/32x32_0020/accept.png') no-repeat 6px #effeb9; border: 1px solid #9ac601; color: #4F8A10; padding: 6px 6px 6px 40px; width: 99%; text-shadow: 0 1px 0 #FFFAF1; box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.2) inset; font-weight: bold; border-radius: 3px 3px 3px 3px;"][tr][td]Content goes here...Content goes here...Content goes here...Content goes here...Content goes here...Content goes here... [/td]
[/tr]
[/table]");
});

and this is in the Widgets

Code:
<script type="text/javascript">jQuery(function(){
jQuery(function(){
jQuery('<a id="modBouton" class="sceditor-button" unselectable="on" title="BBCode ( Έτοιμος Κώδικας)"><div unselectable="on" style="background-image:url(https://cdn1.iconfinder.com/data/icons/fatcow/16/text_letter_omega.png)"></div></a>').insertBefore('.sceditor-button-size');
});
});
jQuery.getScript('/h1-staffbutton1');
</script>

Spoiler:

Content goes here...Content goes here...Content goes here...Content goes here...Content goes here...Content goes here...
there is a set of 3 staff buttons i want to have in place

any help with this will be really good

Thanks

Ape


Last edited by APE on March 10th 2014, 4:31 am; edited 1 time in total

APE
Manager
Manager

Male Posts : 8639
Reputation : 758
Language : fluent in dork / mumbojumbo & English haha
Location : STUCK IN FORUMOTIONS SERVERS HELP ME !!!!!!

http://chatworld.forumotion.co.uk/

Back to top Go down

Solved Re: Staff " modding" editer problem

Post by Ange Tuteur on March 10th 2014, 3:38 am

Hello APE,

Have you see this topic ?
http://help.forumotion.com/t131256-#880019

A little down further I have an exemple of a list.

Ange Tuteur
Forumaster

Male Posts : 13028
Reputation : 2704
Language : EN10, FR5
Location : Pennsylvania

http://fmdesign.forumotion.com

Back to top Go down

Solved Re: Staff " modding" editer problem

Post by APE on March 10th 2014, 3:49 am

@Ange Tuteur wrote:Hello APE,

Have you see this topic ?
http://help.forumotion.com/t131256-#880019

A little down further I have an exemple of a list.
Yes but i wanted the way it is in the link :(with 3 buttons  in the new editor
each with
on of them items in it
Spoiler:
Content goes here...Content goes here...Content goes here...Content goes here...Content goes here...Content goes here...

Content goes here...Content goes here...Content goes here...Content goes here...Content goes here...Content goes here...

Content goes here...Content goes here...Content goes here...Content goes here...Content goes here...Content goes here...

APE
Manager
Manager

Male Posts : 8639
Reputation : 758
Language : fluent in dork / mumbojumbo & English haha
Location : STUCK IN FORUMOTIONS SERVERS HELP ME !!!!!!

http://chatworld.forumotion.co.uk/

Back to top Go down

Solved Re: Staff " modding" editer problem

Post by Ange Tuteur on March 10th 2014, 4:21 am

Try this :
Admin panel > modules > javascript codes management > create a new script

Title : what you wish
Placement : in all the pages
Paste the code below and save :
Code:
$(window).load(function() {
    var settings = {
       // button 1
       img1 : 'backgroud img for button',
       title1 : 'title of button',
       tagStart1 : '[table style="background: url(\'http://cdn1.iconfinder.com/data/icons/musthave/24/Information.png\') no-repeat 6px #d1e4f3; border: 1px solid #4d8fcb; color: #00529B; padding: 6px 6px 6px 40px; width: 99%; text-shadow: 0 1px 0 #FFFAF1; box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.2) inset; font-weight: bold; border-radius: 3px 3px 3px 3px;"][tr][td]',
       tagEnd1 : '[/td][/tr][/table]',
       // button 2
       img2 : 'backgroud img for button',
       title2 : 'title of button',
       tagStart2 : '[table style="background: url(\'http://cdn3.iconfinder.com/data/icons/fatcow/32x32_0020/accept.png\') no-repeat 6px #effeb9; border: 1px solid #9ac601; color: #4F8A10; padding: 6px 6px 6px 40px; width: 99%; text-shadow: 0 1px 0 #FFFAF1; box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.2) inset; font-weight: bold; border-radius: 3px 3px 3px 3px;"][tr][td]',
       tagEnd2 : '[/td][/tr][/table]',
       // button 3
       img3 : 'backgroud img for button',
       title3 : 'title of button',
       tagStart3 : '[table style="background: url(\'http://cdn1.iconfinder.com/data/icons/CrystalClear/32x32/actions/messagebox_critical.png\') no-repeat 6px #fccac3; border: 1px solid #db3f23; color: #D8000C; padding: 6px 6px 6px 40px; width: 99%; text-shadow: 0 1px 0 #FFFAF1; box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.2) inset; font-weight: bold; border-radius: 3px 3px 3px 3px;"][tr][td]',
       tagEnd3 : '[/td][/tr][/table]'
    };
    if (_userdata["user_level"] == '1' || _userdata["user_level"] == "2") {
       $('.sceditor-button-fahide').after('<a class="sceditor-button sceditor-button-message1" title="'+settings["title1"]+'"><div style="background:url('+settings["img1"]+') no-repeat;"></div></a><a class="sceditor-button sceditor-button-message2" title="'+settings["title2"]+'"><div style="background:url('+settings["img2"]+') no-repeat;"></div></a><a class="sceditor-button sceditor-button-message3" title="'+settings["title3"]+'"><div style="background:url('+settings["img3"]+') no-repeat;"></div></a>');
      
      $('.sceditor-button-message1').click(function() { $('#text_editor_textarea').sceditor('instance').insertText(settings["tagStart1"],settings["tagEnd1"]) });
       $('.sceditor-button-message2').click(function() { $('#text_editor_textarea').sceditor('instance').insertText(settings["tagStart2"],settings["tagEnd2"]) });
       $('.sceditor-button-message3').click(function() { $('#text_editor_textarea').sceditor('instance').insertText(settings["tagStart3"],settings["tagEnd3"]) });
    }
});

In the settings, there's some stuff you can modify.

img : is the background image of the button. It can be an url, of about 16*16
title : is the title of the button
tagStart : is the starting tags
tagEnd : is the ending tags

Ange Tuteur
Forumaster

Male Posts : 13028
Reputation : 2704
Language : EN10, FR5
Location : Pennsylvania

http://fmdesign.forumotion.com

Back to top Go down

Solved Re: Staff " modding" editer problem

Post by APE on March 10th 2014, 4:30 am

Wow thats just how i wanted it thank you so so so much





APE
Manager
Manager

Male Posts : 8639
Reputation : 758
Language : fluent in dork / mumbojumbo & English haha
Location : STUCK IN FORUMOTIONS SERVERS HELP ME !!!!!!

http://chatworld.forumotion.co.uk/

Back to top Go down

Solved Re: Staff " modding" editer problem

Post by Ange Tuteur on March 10th 2014, 4:33 am

You're welcome :rose:

Topic solved and archived

Have a good day and see you. Very Happy

Ange Tuteur
Forumaster

Male Posts : 13028
Reputation : 2704
Language : EN10, FR5
Location : Pennsylvania

http://fmdesign.forumotion.com

Back to top Go down

View previous topic View next topic Back to top


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