help on how to use the text button

[clearpicks]

Can somebody give me the urls about how to draw the text button using drawTextRelative() and drawTextAbsolute(), especially how to detect the mouse action on those buttons. Right now I can do some simple job using the text buttom. However when I draw many buttons on the chart, for example 10 buttons. Because the difference among the functions associated with these 10 buttons is very small, I would like write only one function and use the button id to distinguish which button is clicked. How can I achieve this? Thanks in advance.

[Doji3333]

This is how I use them...

This is how I use them...

var PEButtonNegOffset = -3; // Button Placement Variable
var RBtnText = ""; // Button Text (built dynamically)
var vStopLevel = 0; // System Stop Level;


function RButton() {
// this function is executed when the button is clicked..
}


function main() {

RBtnText = " STOP : "+formatPriceNumber(vStopLevel)+" ";
drawTextRelative(PEButtonNegOffset, high(), RBtnText+ "@URL=EFS:RButton", Color.black, Color.RGB(0x00, 0xE0, 0xE0), Text.FRAME | Text.ONTOP | Text.LEFT, null, LabelFontSize, "RBtn");

}

Attached is an example of working buttons...

[clearpicks]

Re: This is how I use them...

Thanks for the reply. However my question is only partially answered. How can I tell which button is clicked in the funtion itself instead of writing one function for each button?

Originally posted by Doji3333
This is how I use them...

var PEButtonNegOffset = -3; // Button Placement Variable
var RBtnText = ""; // Button Text (built dynamically)
var vStopLevel = 0; // System Stop Level;


function RButton() {
// this function is executed when the button is clicked..
}


function main() {

RBtnText = " STOP : "+formatPriceNumber(vStopLevel)+" ";
drawTextRelative(PEButtonNegOffset, high(), RBtnText+ "@URL=EFS:RButton", Color.black, Color.RGB(0x00, 0xE0, 0xE0), Text.FRAME | Text.ONTOP | Text.LEFT, null, LabelFontSize, "RBtn");

}

Attached is an example of working buttons...

[Doji3333]

Possible solution...

You might be able to pass a "parameter" in the button code, then write your own function for the use of the parameter..

var PEButtonNegOffset = -3; // Button Placement Variable
var RBtnText = ""; // Button Text (built dynamically)
var vStopLevel = 0; // System Stop Level;


function RButton(ButtonClicked) {
// this function is executed when the button is clicked..
  if (ButtonClicked == 1) {

  }
  if (ButtonClicked == 2) {

  }
}


function main() {

RBtnText = " STOP : "+formatPriceNumber(vStopLevel)+" ";
drawTextRelative(PEButtonNegOffset, high(), RBtnText+ "@URL=EFS:RButton(1)", Color.black, Color.RGB(0x00, 0xE0, 0xE0), Text.FRAME | Text.ONTOP | Text.LEFT, null, LabelFontSize, "RBtn");

RBtnText = " ENTRY: "+formatPriceNumber(vStopLevel)+" ";
drawTextRelative(PEButtonNegOffset, low(), RBtnText+ "@URL=EFS:RButton(2)", Color.black, Color.RGB(0x00, 0xE0, 0xE0), Text.FRAME | Text.ONTOP | Text.LEFT, null, LabelFontSize, "RBtn");

} 

This might work, I have never tried it...

Brad

[clearpicks]

Re: Possible solution...

Thanks a lot. This is exactly what I want.

Originally posted by Doji3333
You might be able to pass a "parameter" in the button code, then write your own function for the use of the parameter..

var PEButtonNegOffset = -3; // Button Placement Variable
var RBtnText = ""; // Button Text (built dynamically)
var vStopLevel = 0; // System Stop Level;


function RButton(ButtonClicked) {
// this function is executed when the button is clicked..
  if (ButtonClicked == 1) {

  }
  if (ButtonClicked == 2) {

  }
}


function main() {

RBtnText = " STOP : "+formatPriceNumber(vStopLevel)+" ";
drawTextRelative(PEButtonNegOffset, high(), RBtnText+ "@URL=EFS:RButton(1)", Color.black, Color.RGB(0x00, 0xE0, 0xE0), Text.FRAME | Text.ONTOP | Text.LEFT, null, LabelFontSize, "RBtn");

RBtnText = " ENTRY: "+formatPriceNumber(vStopLevel)+" ";
drawTextRelative(PEButtonNegOffset, low(), RBtnText+ "@URL=EFS:RButton(2)", Color.black, Color.RGB(0x00, 0xE0, 0xE0), Text.FRAME | Text.ONTOP | Text.LEFT, null, LabelFontSize, "RBtn");

} 

This might work, I have never tried it...

Brad

[clearpicks]

Re: Possible solution...

Too bad. It doesn't work.

Originally posted by Doji3333
You might be able to pass a "parameter" in the button code, then write your own function for the use of the parameter..

var PEButtonNegOffset = -3; // Button Placement Variable
var RBtnText = ""; // Button Text (built dynamically)
var vStopLevel = 0; // System Stop Level;


function RButton(ButtonClicked) {
// this function is executed when the button is clicked..
  if (ButtonClicked == 1) {

  }
  if (ButtonClicked == 2) {

  }
}


function main() {

RBtnText = " STOP : "+formatPriceNumber(vStopLevel)+" ";
drawTextRelative(PEButtonNegOffset, high(), RBtnText+ "@URL=EFS:RButton(1)", Color.black, Color.RGB(0x00, 0xE0, 0xE0), Text.FRAME | Text.ONTOP | Text.LEFT, null, LabelFontSize, "RBtn");

RBtnText = " ENTRY: "+formatPriceNumber(vStopLevel)+" ";
drawTextRelative(PEButtonNegOffset, low(), RBtnText+ "@URL=EFS:RButton(2)", Color.black, Color.RGB(0x00, 0xE0, 0xE0), Text.FRAME | Text.ONTOP | Text.LEFT, null, LabelFontSize, "RBtn");

} 

This might work, I have never tried it...

Brad

[Doji3333]

OK....

Explain to me what you are trying to do...

You want ONE BUTTON that does a bunch of things - right??

What kinds of things do you want it to do.?

Brad

[eSignal_JasonK]

Hello Brad/Clearpicks,

Unfortunately, we can't pass parameters to the EFS function called on the button click. The "@URL=EFS:functionName" portion of the drawText functions only allow for the name of the function to be called. It would be nice to be able to add parameters here and I will certainly suggest that to our development team. For now, the code example below is the best we can do. You still have to create a separate function for each button, but you can have those functions pass the necessary parameters to your central button function.

function preMain() {
    setPriceStudy(true);
    setStudyTitle("Buttons");
    setShowCursorLabel(false);
}

function doButton(ButtonClicked) {
    if (ButtonClicked == "b1") {
        debugPrintln("Button 1 clicked");
    }
    if (ButtonClicked == "b2") {
        debugPrintln("Button 2 clicked");
    }
}

function doB1() {
    doButton("b1");
}

function doB2() {
    doButton("b2");
}

var bDone = false;
var sButton = null;

function main() {

    if (bDone == false) {
        drawTextAbsolute(10, 40, "Button 1 @URL=EFS:doB1", null, null, 
            Text.BUTTON | Text.CENTER | Text.RELATIVETOLEFT | Text.RELATIVETOBOTTOM, 
            null, 12, "Btn1");
        drawTextAbsolute(10, 20, "Button 2 @URL=EFS:doB2", null, null, 
            Text.BUTTON | Text.CENTER | Text.RELATIVETOLEFT | Text.RELATIVETOBOTTOM, 
            null, 12, "Btn2");
        bDone = true;
    }

    return;
} 

[clearpicks]

Re: OK....

I need to create a bunch of buttons. All bottuns do the same thing except for the value of one variable in the function. Right now, it seems I have to create a bunch of buttons according to JasonK's post.

Originally posted by Doji3333
Explain to me what you are trying to do...

You want ONE BUTTON that does a bunch of things - right??

What kinds of things do you want it to do.?

Brad

[Doji3333]

Maybe Not...

Clear,

Maybe you can adopt BUTTON GROUPS like I do in my "Trade Buttons" application. Visit the STRATEGY section of this board and download the TradeButtons V1 PT program. This is a program that allows users to use buttons to place trades (using stop levels and PT levels). It also allows user to select between 4 unique stop systems and 4 unique PT systems.

Everything is automatic and easy to use. Plus you can see how I use buttons in this case. It might give you some ideas.

Here is a hint. Use "Button Control Variables" in your code.

Brad

[clearpicks]

Re: Maybe Not...

Doji3333,

Thanks a lot.

Clearpicks

Originally posted by Doji3333
Clear,

Maybe you can adopt BUTTON GROUPS like I do in my "Trade Buttons" application. Visit the STRATEGY section of this board and download the TradeButtons V1 PT program. This is a program that allows users to use buttons to place trades (using stop levels and PT levels). It also allows user to select between 4 unique stop systems and 4 unique PT systems.

Everything is automatic and easy to use. Plus you can see how I use buttons in this case. It might give you some ideas.

Here is a hint. Use "Button Control Variables" in your code.

Brad

[dloomis]

Jason

In your example below

drawTextAbsolute(10, 20, "Button 2 @URL=EFS:doB2", null, null,
Text.BUTTON | Text.CENTER | Text.RELATIVETOLEFT | Text.RELATIVETOBOTTOM,
null, 12, "Btn2");


where should the file doB2 be located?

In Formulas?

[eSignal_JasonK]

Hello David,

doB2 is actually a function within the formula, not a separate EFS file.

function doB2() {
    doButton("b2");
} 

[dloomis]

Are there any examples of BUTTON_RIGHT around or any hints on how to tell if the right mouse button is clicked?

I saw this

//This will display a button that, when clicked, calls a button-handler function

drawTextAbsolute( -x, 55.0, "Move Bar@URL=EFS:MyCallBack1", Color.Blue, null, Text.BUTTON, "Courier", 10, x );


//Elsewhere in your EFS script you would write your button-handler functions as follows:

function MyCallBack1( nButtonPressed ) {
if (getButtonPressed( nButtonPressed ) == 1 ) {

//Our button was pressed so do something here
}
return;
}

function getButtonPressed( nButtonPressed ) {
//We only want to know if left mouse button was pressed
if ( nButtonPressed == BUTTON_LEFT ) {
return( 1 );
}
return( 0 );
}


but can't figure it out.

[dloomis]

drawTextAbsolute( 0, 1033, "Click@URL=EFS:rClick", Color.blue, null, Text.FRAME, "Courier", 10, 94 );

draws a button

function rClick(nButtonPressed ){
if ( nButtonPressed == 1 )
debugPrintln("left pressed");
if ( nButtonPressed == 2 )
debugPrintln("right pressed");
}

tells you which buttonwas pressed.

Are there other return codes for nButtonPressed besides 1 or 2?