jQuery, jCanvas, jQuery-ui

[Mark-]

Hello,

 

I am a noob when it comes to these languages/frameworks/widgets, but I am getting better.

 

I have created two rectangles on the canvas and all is good.

 

Now, I need to put a horizontal slider, the user selects a value, between the two rectangles.

 

I get the slider on the page but it is below the canvas. I 'assume' this can be done and I am missing a part. Maybe a CSS needs to be created.

 

What am I missing/doing wrong?

 

Thanks for your time,

 

Mark

 

 

[Mark-]

Just to close out the thread.

 

This can be added to the head wrapped in a style or to a CSS.

 

#slider { position: fixed; top: 275px; left: 120px; width: 200px; text-align: left;}

[davej]

You really want to put an input on top of the canvas?

<input type="range" id="slider"/>

[Mark-]

Hello,

 

Yes. The user draws whatever and sets up animations based on device inputs (switches, pressure transducers, etc.).

 

Sometimes the user wants a slider to change the opening of a valve, for example. The valve is drawn on the canvas and the slider needs to be next to it.

 

I was using the JQuery UI slider. I tried the HTML slider and might go back to using it now that I should be able to position it on the canvas. I think I will try that tomorrow.

 

Javascript/CSS/HTML is not my normal environment.

 

Thanks for the reply,

 

Mark