So you want the slider to be displayed even when it's not playing?

Code: [Select]

if (fb.IsPlaying) {
   // original code here
} else {
   gr.FillEllipse(seekbar.x + _scale(3), seekbar.y + _scale(3), _scale(6), _scale(6), colours.seekbar_knob);
}

Hi marc , can i create a radio button in jscript panel 3 and how ? thanks

Quote from: Jul2323 on 2024-01-13 16:34:58

Hi marc , can i create a radio button in jscript panel 3 and how ? thanks

You'll have to be more specific. Do you mean online radio streams or some kind of display toggle where selecting one button deselects another? But either way, it's not likely I'm going to help much. I'm here to provide help on how to use various component functions and simple modifications. I'm not here to teach programming logic. If it's the latter you can set/get variables which survive panel reloads/fb2k restarts with window.GetProperty/window.SetProperty.

https://jscript-panel.github.io/docs/namespaces/window/#windowgetpropertyname-default_value

var radio_off = '\uF10C';
var radio_on = '\uF111';

I'd use font symbols myself because then the colours can be anything you like. If you're happy with fixed colours then images would be fine.

edit: if you use font awesome like I do in my scripts, you can use these characters with the existing _buttons / _button ojects.

Code: [Select]

var radio_off = '\uF10C';
var radio_on = '\uF111';

// ==PREPROCESSOR==
// @name "Radio Buttons"
// @author "marc2003"
// @import "%fb2k_component_path%helpers.txt"
// @import "%fb2k_component_path%samples\js\lodash.min.js"
// @import "%fb2k_component_path%samples\js\common.js"
// ==/PREPROCESSOR==

var property_name = "RADIO.BUTTON.COLOUR.INDEX";
var colours = [RGB(255, 0, 0), RGB(0, 255, 0), RGB(0, 0, 255)];
var colour_index = window.GetProperty(property_name, 0);
var white = RGB(255, 255, 255);
var black = RGB(0, 0, 0);

var buttons = new _buttons();
var bs = _scale(24);

var radio_off = '\uF10C';
var radio_on = '\uF111';

buttons.update = function () {
	this.buttons.r = new _button(bs, bs, bs, bs, { char : colour_index == 0 ? radio_on : radio_off, colour: white }, null, function () { set(0); }, 'Red');
	this.buttons.g = new _button(bs, bs * 2, bs, bs, { char : colour_index == 1 ? radio_on : radio_off, colour: white }, null, function () { set(1); }, 'Green');
	this.buttons.b = new _button(bs, bs * 3, bs, bs, { char : colour_index == 2 ? radio_on : radio_off, colour: white }, null, function () { set(2); }, "Blue");
}

function set(index) {
	colour_index = index;
	window.SetProperty(property_name, colour_index);
	buttons.update();
	window.Repaint();
}

function on_mouse_lbtn_up(x, y) {
	buttons.lbtn_up(x, y);
}

function on_mouse_leave() {
	buttons.leave();
}

function on_mouse_move(x, y) {
	buttons.move(x, y);
}

function on_paint(gr) {
	gr.Clear(colours[colour_index]);
	gr.FillRectangle(bs, bs, bs, bs * 3, black);
	buttons.paint(gr);
}

function on_size() {
	buttons.update();
}

@Gabriel Schwartz - your idea might be simple, the implementation not so much. I guess it's possible for people writing their own playlists but I'm not doing it. IMO, you should continue using 32bit/working components. Support for it isn't going away any time soon.

// @feature "theme_manager"