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.

help in this code . the effect on code > add button to Put under the colored writing

View previous topic View next topic Go down

help in this code . the effect on code > add button to Put under the colored writing

Post by coolkool on September 18th 2015, 2:39 pm

hi

i get a code in Portuguese help form
the code is working
But there is a problem
It lacks the css code in order to show the activation

i am using this code only :
Code:
$(function() {
 if (!$.sceditor) return;

 $.sceditor.command.set('neon', {

 _dropDown : function(editor,caller,callback) {
  var i, x, neon, neons, genneon = {
  r: 255, g: 255, b: 255
  },
  content = $("<div />"),
  neonColumns = editor.opts.neons?editor.opts.neons.split("|"):new Array(6),
  html = [],
  cmd = $.sceditor.command.get('neon');
  if(!cmd._htmlCache) {
  for(i = 0; i < neonColumns.length; ++i) {
  neons = neonColumns[i]?neonColumns[i].split(","):new Array(37);
  html.push('<div class="sceditor-color-column">');
  for(x = 1; x < neons.length; ++x) {
  neon = neons[x]||"#"+genneon.r.toString(16)+genneon.g.toString(16)+genneon.b.toString(16);
  html.push('<a href="#" class="sceditor-neon-option" style="background-color: ' + neon + '" data-neon="' + neon + '" title="' + neon + '"></a>');
  if(x%6 === 0) {
  genneon.g -= 51;
  genneon.b = 255;
  if(genneon.g < 51) {
  genneon.g = "00";
  }
  } else genneon.b -= 51;
  if(genneon.b < 51) {
  genneon.b = "00";
  }
  }
  html.push('</div>');
  if(i%1 === 0) {
  genneon.r -= 51;
  genneon.g = 255;
  genneon.b = 255;
  if(genneon.r < 51) {
  genneon.r = "00";
  }
  } else {
  genneon.g = 255;
  genneon.b = 255;
  }
  }
  cmd._htmlCache = html.join('');
  }
  content.append(cmd._htmlCache).find('a').click(function(e) {
  callback($(this).attr('data-neon'));
  editor.closeDropDown(true);
  e.preventDefault();
  });
  editor.createDropDown(caller, "neon-picker", content);
  },
  // WYSIWYG MODE
  txtExec : function(caller) {
  var editor = this;
  $.sceditor.command.get('neon')._dropDown(editor, caller, function(neon) {
  editor.insertText("[neon="+neon+"]","[/neon]");
  });
  },
  // SOURCE MODE
  exec : function(caller) {
  var editor = this;
  $.sceditor.command.get('neon')._dropDown(editor, caller, function(neon) {
  editor.insertText("[neon="+neon+"]","[/neon]");
  });
  }, tooltip: "Neon"});
 
 toolbar = toolbar.replace(/quote/,'neon,quote');

 $('head').append(
 '<style type="text/css">' +
 '.sceditor-button-neon div {' +
 ' background:url(https://cdn2.iconfinder.com/data/icons/aspneticons_v1.0_Nov2006/color2_16x16.gif) !important}' +
 ' .sceditor-neon {' +
 ' width:auto;' +
 ' height:auto;' +
 ' overflow-y:auto;' +
 '}' +
 '.sceditor-neon-picker {' +
 ' padding: 0 !important;' +
 '}' +
 '.sceditor-neon-option {' +
 'border: 1px solid #fff;' +
 'display: block;' +
 'height: 10px;' +
 'overflow: hidden;' +
 'width: 10px;' +
 '}' +
 '</style>'
 );
});

http://ajuda.forumeiros.com/t100038-addon-bbcode-neon#690705
He adds a button and make it work
But for a preview Topic liters code does not take effect
Because it needs to Code: CSS
Thread, which was published in the support forum Portuguese
did not put us to the CSS code

the effect on code > add button to Put under the colored writing
anybody can help me ?


Last edited by coolkool on September 18th 2015, 8:37 pm; edited 2 times in total (Reason for editing : change the titel)

coolkool
Forumember

Posts : 116
Reputation : 3
Language : arabic

http://x-gaming.lforum.biz

Back to top Go down

Re: help in this code . the effect on code > add button to Put under the colored writing

Post by Niko on September 18th 2015, 6:28 pm

Hello,

the css code is included in the javascript code Wink
However, if you want you can add it separately in your css stylesheet:

Code:
.sceditor-button-neon div {
    background:url(https://cdn2.iconfinder.com/data/icons/aspneticons_v1.0_Nov2006/color2_16x16.gif)!important;
}
    .sceditor-neon {
    width:auto;
    height:auto;
    overflow-y:auto;
  }
  .sceditor-neon-picker {
    padding: 0 !important;
  }
  .sceditor-neon-option {
  border: 1px solid #fff;
 display: block;
  height: 10px;
  overflow: hidden;
 width: 10px;
  }

Niko
Hyperactive

Male Posts : 2297
Reputation : 97
Language : English, French, Italian, Spanish, Latin

https://www.translationscloud.com/?utm_source=forumotion&utm

Back to top Go down

Re: help in this code . the effect on code > add button to Put under the colored writing

Post by coolkool on September 18th 2015, 6:51 pm


It's not work Sad

coolkool
Forumember

Posts : 116
Reputation : 3
Language : arabic

http://x-gaming.lforum.biz

Back to top Go down

Re: help in this code . the effect on code > add button to Put under the colored writing

Post by Niko on September 18th 2015, 7:04 pm

@coolkool did you follow the other tutorial required? (see here)

the tutorial you linked me is just an addOn, this means that a previous tutorial is required to make it work. (see here) will help you

Niko
Hyperactive

Male Posts : 2297
Reputation : 97
Language : English, French, Italian, Spanish, Latin

https://www.translationscloud.com/?utm_source=forumotion&utm

Back to top Go down

Re: help in this code . the effect on code > add button to Put under the colored writing

Post by coolkool on September 18th 2015, 7:16 pm

No I didn't follow the other
[size=30]tutorial[/size]
[size=30]Becuase I can't understand what code I will add[/size]

coolkool
Forumember

Posts : 116
Reputation : 3
Language : arabic

http://x-gaming.lforum.biz

Back to top Go down

Re: help in this code . the effect on code > add button to Put under the colored writing

Post by SLGray on September 18th 2015, 7:34 pm

Please change the title of your topic to something that is related to your question/issue, so that other users will be able to find their question/issue using the search engine.


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


SLGray
Administrator
Administrator

Male Posts : 36663
Reputation : 2444
Language : English
Location : United States

http://ztwds.forumotion.com/

Back to top Go down

Re: help in this code . the effect on code > add button to Put under the colored writing

Post by coolkool on September 18th 2015, 7:38 pm

I apologize I do not know the title fits Thread if you can help in the development of Title thank brother

coolkool
Forumember

Posts : 116
Reputation : 3
Language : arabic

http://x-gaming.lforum.biz

Back to top Go down

Re: help in this code . the effect on code > add button to Put under the colored writing

Post by SLGray on September 18th 2015, 7:42 pm

Add in the title what the code does.


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


SLGray
Administrator
Administrator

Male Posts : 36663
Reputation : 2444
Language : English
Location : United States

http://ztwds.forumotion.com/

Back to top Go down

Re: help in this code . the effect on code > add button to Put under the colored writing

Post by coolkool on September 18th 2015, 8:28 pm

anybody can help me ?

coolkool
Forumember

Posts : 116
Reputation : 3
Language : arabic

http://x-gaming.lforum.biz

Back to top Go down

Re: help in this code . the effect on code > add button to Put under the colored writing

Post by SLGray on September 18th 2015, 8:30 pm

I mean the title needs to related to what the code does on your forum.


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


SLGray
Administrator
Administrator

Male Posts : 36663
Reputation : 2444
Language : English
Location : United States

http://ztwds.forumotion.com/

Back to top Go down

Re: help in this code . the effect on code > add button to Put under the colored writing

Post by coolkool on September 18th 2015, 8:39 pm

add button to Put under the colored writing

coolkool
Forumember

Posts : 116
Reputation : 3
Language : arabic

http://x-gaming.lforum.biz

Back to top Go down

Re: help in this code . the effect on code > add button to Put under the colored writing

Post by SLGray on September 18th 2015, 8:42 pm

Have you translated the other tutorial so you know which codes you needed?


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


SLGray
Administrator
Administrator

Male Posts : 36663
Reputation : 2444
Language : English
Location : United States

http://ztwds.forumotion.com/

Back to top Go down

Re: help in this code . the effect on code > add button to Put under the colored writing

Post by coolkool on September 18th 2015, 9:36 pm

locked
finish i find the answer ^.^

coolkool
Forumember

Posts : 116
Reputation : 3
Language : arabic

http://x-gaming.lforum.biz

Back to top Go down

Re: help in this code . the effect on code > add button to Put under the colored writing

Post by SLGray on September 18th 2015, 9:38 pm

Locked as Requested


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


SLGray
Administrator
Administrator

Male Posts : 36663
Reputation : 2444
Language : English
Location : United States

http://ztwds.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