[SOLVED] Javascript question

Hello, everyone!

I made a little code that adds a button in the editor which once clicked will add some text in the editor according to what forum you are making a topic in. The code is:

Code:

$(function(){
$(function(){
var f='No predefinited model';
    if (location.pathname == "/post" && location.search == "?f=2&mode=newtopic") {
var f='Predefinited model';
    }
 $('<a class="sceditor-button" unselectable="on" title="Insert predefinited model">
 <div unselectable="on" style="background:url(http://i1370.photobucket.com/albums/ag257/AppleDrink/attention-sign%201.png)"></div>
 </a>').insertBefore('.sceditor-button-size').click(function(){
 $('#text_editor_textarea').sceditor("instance").insertText(f)})
 });
})

I want to add a line brake between Predefinited and model(look and the variable f). I tried using

Code: <br>

and

Code: [br]

, but it is not working.

Hey,

To insert a line break in a string use the "\n" character. Like this for example :

Code:

var string = 'Hello\nworld\n!';

Also, you should try using

Code: $.sceditor.command.set

to define new buttons. Here's an example :

Code:

location.search == "?f=2&mode=newtopic" && $(function() {
  // TEXT TO INSERT
  window.scePredefinitedModel = ['[b]EXAMPLE', '[/b]\n\n[i]EXAMPLE 2[/i]'];

  if ($.sceditor) {
    // SET THE NEW SCEDITOR COMMAND
    $.sceditor.command.set('predefinited-model', {

      // WYSIWYG METHOD
      exec : function() {
        this.insert(scePredefinitedModel[0], scePredefinitedModel[1]);
      },
 
      // SOURCE CODE METHOD
      txtExec : function() {
        this.insert(scePredefinitedModel[0], scePredefinitedModel[1]);
      },
 
      tooltip : 'Insert predefinited model' // BUTTON TOOLTIP
    });
 
    toolbar = toolbar.replace(/code/, 'code,predefinited-model'); // INSERT BUTTON INTO TOOLBAR
  }
});

// BUTTON IMAGE
document.write('<style type="text/css">.sceditor-button-predefinited-model div{background-image:url(http://i1370.photobucket.com/albums/ag257/AppleDrink/attention-sign%201.png)!important}</style>');

There's a bunch of docs on it here if you're interested.

Thank you, sloved it now. I found the link you posted usefull(http://www.sceditor.com/documentation/getting-started/).

Ange Tuteur wrote:

Code:

location.search == "?f=2&mode=newtopic" && $(function() {
  // TEXT TO INSERT
  window.scePredefinitedModel = ['[b]EXAMPLE', '[/b]\n\n[i]EXAMPLE 2[/i]'];

  if ($.sceditor) {
    // SET THE NEW SCEDITOR COMMAND
    $.sceditor.command.set('predefinited-model', {

      // WYSIWYG METHOD
      exec : function() {
        this.insert(scePredefinitedModel[0], scePredefinitedModel[1]);
      },
  
      // SOURCE CODE METHOD
      txtExec : function() {
        this.insert(scePredefinitedModel[0], scePredefinitedModel[1]);
      },
  
      tooltip : 'Insert predefinited model' // BUTTON TOOLTIP
    });
  
    toolbar = toolbar.replace(/code/, 'code,predefinited-model'); // INSERT BUTTON INTO TOOLBAR
  }
});

// BUTTON IMAGE
document.write('<style type="text/css">.sceditor-button-predefinited-model div{background-image:url(http://i1370.photobucket.com/albums/ag257/AppleDrink/attention-sign%201.png)!important}</style>');

I think you forget the

Code: if

.

Andrei34 wrote:Thank you, sloved it now. I found the link you posted usefull(http://www.sceditor.com/documentation/getting-started/).

No problem.

Andrei34 wrote:I think you forget the

Code: if

.

Oh, are you talking about this ?

Code:

location.search == "?f=2&mode=newtopic" &&

If

Code: location.search == "?f=2&mode=newtopic"

evaluates to true it'll execute the function after

Code: &&

. For example, if the condition evaluates to true it moves onto the next statement, however, if it evaluates to false it doesn't move onto the next statement :



It's more of a shorthand condition like :

Code:

_userdata.user_level ? 'Staff' : 'Member';

Which when executed in the console will return either 'Staff' or 'Member' depending on what your permission level is.


The equivalent is :

Code:

if (_userdata.user_level) {
  'Staff';
} else {
  'Member';
}

This has some shorthand examples too :
http://www.sitepoint.com/shorthand-javascript-techniques/

They're useful, however sometimes it's best to stick with the good old if .. else because they're easier to read.

OK. Thank you for answering my questions.