Get rid of the ww/wh variables and use panel.w and panel.h instead. Also, your buttons should go inside the on_size function, after panel.size().

Quote from: blaxima on 2015-12-16 21:37:43

However, if I choose another Last.fm site, it works 

That really makes no sense at all.  But given your location says Canada, French should be no problem for you. 

Hello, I got some songs fetching last.fm artist biography get some error on foobar

Unable to get property 'length' of undefined or null reference
File: D:\Program Files\foobar2000\skins\Zetro\scripts\text.js
Line: 249, Col: 25

how to fix this?

huzzah, saw on Devart that someone else is having the same problem as me so it isn't my puter.

Quote from: blaxima on 2015-12-19 17:12:38

huzzah, saw on Devart that someone else is having the same problem as me so it isn't my puter.

It just means both of your computers are broken and should be disposed of at once. 

I don't have a serious reply because you said yourself it works with languages other than English. There is nothing I can think of to troubleshoot an issue like that.

Get rid of the ww/wh variables and use panel.w and panel.h instead. Also, your buttons should go inside the on_size function, after panel.size().

// ==PREPROCESSOR==
// @name "np_basic"
// @author "marc2003"
// @import "%fb2k_profile_path%js_marc2003\js\lodash.min.js"
// @import "%fb2k_profile_path%js_marc2003\js\helpers.js"
// @import "%fb2k_profile_path%js_marc2003\js\panel.js"
// @import "%fb2k_profile_path%js_marc2003\js\thumbs.js"java script:bbc_pop()
// @import "%fb2k_profile_path%js_marc2003\js\text.js"
// @import "%fb2k_profile_path%js_marc2003\js\rating.js"
// ==/PREPROCESSOR==

//the track info section displays 3 lines of title formatted text. you can customise that here/////////////////////////////////////////////
var line1 = {
	text: "", //leave this blank
	tf: "%title%", //enter any title formatting
	font: _.gdiFont("Calibri", 24, 0), //font name, size, style. 1 means bold and 0 is normal.
    colour: _.RGB(240, 240, 240), //colour
	y: 0 //change this value to move text up or down.
}
var line2 = {
    text: "",
	tf: "%album artist% - %album%",
	font: _.gdiFont("Segoe UI", 16, 0),
	colour: _.RGB(240, 240, 240),
	y: 40
}
var line3 = {
	text: "",
	tf: "[%album% ]['('%date%')']",
	font: _.gdiFont("Segoe UI", 14, 1),
	colour: _.RGB(180, 180, 180),
	y: 65
}
////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////

var panel = new _.panel("np_basic", ["metadb", "remap", "custom_background"]);
var text = new _.text("lastfm_bio", 20, 0, 0, 0);
var thumbs = new _.thumbs();
var panw = window.Width; // panel width
var pan_h = window.Height; // panel height
thumbs.mode = 5;
var bar_h = 80; // height of the title stuff
var buttons = new _.buttons();
var mbuts = 48; // menu button size
buttons.buttons.menu = new _.button( panw - 5 - mbuts, (bar_h - mbuts) / 2, mbuts, mbuts, {normal : "misc\\foobar2000.png"}, function () { _.menu(0, 36); }, "Menu");
var guifx_font = _.gdiFont(guifx.font, 8, 1);
//rating
var r_x = (panw - 28 * 5) / 2; // rating buttons starting x position
var r_y = bar_h + 5; //rating buttons starting y position
var rating = new _.rating(r_x, r_y, 28,   _.RGB(128, 128, 128), _.RGB(255, 128, 0));
//playback buttons
var bs = 80; // playback buttons size
var strpnt_x = (panw - bs) / 2; // playback buttons starting x position
var strpnt_y = pan_h - 100; // playback buttons starting y position

buttons.buttons.stop = new _.button(strpnt_x - bs * 3, strpnt_y, bs, bs , {normal : "buttons\\stop.png"}, function () { fb.Stop(); }, "Stop");
buttons.buttons.play = new _.button(strpnt_x, strpnt_y, bs, bs, {normal : !fb.IsPlaying || fb.IsPaused ? "buttons\\play.png" : "buttons\\pause.png"}, function () { fb.PlayOrPause(); }, !fb.IsPlaying || fb.IsPaused ? "Play" : "Pause");
buttons.buttons.previous = new _.button(strpnt_x - bs * 1.5, strpnt_y, bs, bs, {normal : "buttons\\previous.png"}, function () { fb.Prev(); }, "Previous");
buttons.buttons.next = new _.button(strpnt_x + bs * 1.5 , strpnt_y, bs, bs, {normal : "buttons\\next.png"}, function () { fb.Next(); }, "Next");
buttons.buttons.next1 = new _.button(strpnt_x + bs * 3, strpnt_y, bs, bs, {normal : "buttons\\next.png"}, function () { fb.Next(); }, "Next");

buttons.update = function () {
	this.buttons.play = new _.button(bs, 0, bs, bs, {normal : !fb.IsPlaying || fb.IsPaused ? "buttons\\play.png" : "buttons\\pause.png"}, function () { fb.PlayOrPause(); }, !fb.IsPlaying || fb.IsPaused ? "Play" : "Pause");
	window.RepaintRect(this.buttons.play.x, this.buttons.play.y, this.buttons.play.w, this.buttons.play.h);
}


panel.item_focus_change();

function on_size() {
	panel.size();
	thumbs.size();
	text.y = _.floor(panel.h * 0.75);
	text.w = panel.w - 40
	text.h = panel.h - text.y - 5;
	text.size();
}

function on_paint(gr) {
	panel.colours.text = _.RGB(220, 220, 220);
	panel.paint(gr);
	thumbs.paint(gr);
	gr.FillSolidRect(0, 0, panel.w, bar_h, _.RGBA(0, 0, 0, 196));
	gr.GdiDrawText(line1.text, line1.font, line1.colour, 10, line1.y, panel.w - 20, line1.font.Height, LEFT);
	gr.GdiDrawText(line2.text, line2.font, line2.colour, 10, line2.y, panel.w - 20, line2.font.Height, LEFT);
	//gr.GdiDrawText(line3.text, line3.font, line3.colour, 10, line3.y, panel.w - 20, line3.font.Height, LEFT);
	//gr.FillSolidRect(text.x - 15, text.y, text.w + 30, text.h, _.RGBA(0, 0, 0, 156));
	text.paint(gr);
    buttons.paint(gr);
    gr.SetTextRenderingHint(4);
	if (fb.StopAfterCurrent)
		gr.DrawString("4", guifx_font, _.RGB(196, 30, 35), buttons.buttons.stop.x, buttons.buttons.stop.y + 1, buttons.buttons.stop.w, buttons.buttons.stop.h, SF_CENTRE);
    rating.paint(gr);
}

function on_metadb_changed() {
	thumbs.metadb_changed();
	//text.metadb_changed();
	if (panel.metadb) {
		line1.text = panel.tf(line1.tf);
		line2.text = panel.tf(line2.tf);
		line3.text = panel.tf(line3.tf);
	}
	window.Repaint();
    rating.metadb_changed();
}

function on_playlist_stop_after_current_changed() {
	window.RepaintRect(buttons.buttons.stop.x, buttons.buttons.stop.y, buttons.buttons.stop.w, buttons.buttons.stop.h);
}

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

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

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

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

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

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

function on_mouse_rbtn_up(x, y) {
    return panel.rbtn_up(x, y);
	if (buttons.buttons.stop.trace(x, y)) {
		var m = window.CreatePopupMenu();
		m.AppendMenuItem(MF_STRING, 1, "Stop After Current");
		m.CheckMenuItem(1, fb.StopAfterCurrent);
		m.AppendMenuSeparator();
		m.AppendMenuItem(MF_STRING, 2, "Configure...");
		var idx = m.TrackPopupMenu(x, y);
		if (idx == 1)
			fb.StopAfterCurrent = !fb.StopAfterCurrent;
		else if (idx == 2)
			window.ShowConfigure();
		m.Dispose();
		return true;
	} else {
		return panel.rbtn_up(x, y);
	}
}

// ==PREPROCESSOR==
// @name "Last.fm Bio"
// @author "marc2003"
// @import "%fb2k_profile_path%js_marc2003\js\lodash.min.js"
// @import "%fb2k_profile_path%js_marc2003\js\helpers.js"
// @import "%fb2k_profile_path%js_marc2003\js\panel.js"
// @import "%fb2k_profile_path%js_marc2003\js\text.js"
// ==/PREPROCESSOR==

var panel = new _.panel("Last.fm Bio", ["metadb", "remap"]);
var text = new _.text("lastfm_bio", 0, 0, 0, 0);

panel.item_focus_change();

function on_size() {
	panel.size();
	text.w = panel.w;
	text.h = panel.h;
	text.size();
}

function on_paint(gr) {
	panel.paint(gr);
	text.paint(gr);
}

function on_metadb_changed() {
	text.metadb_changed();
}

function on_mouse_wheel(s) {
	text.wheel(s);
}

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

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

function on_key_down(k) {
	text.key_down(k);
}

function on_mouse_rbtn_up(x, y) {
	return panel.rbtn_up(x, y, text);
}

gr.FillSolidRect(0, 0, panel.w, panel.h, _.RGB(150,150,250));

// ==PREPROCESSOR==
// @name "Themed Seek Bar"
// @author "marc2003"
// @import "%fb2k_component_path%docs\helpers.txt"
// ==/PREPROCESSOR==

var tooltip = window.CreateTooltip();
var g_theme = window.CreateThemeManager("PROGRESS");
// seekbar is defined inside docs\helpers.txt
// 4 arguments are x, y, w, h
// y and w are dynamic based on panel size so we set those inside on_size function
var s = new seekbar(10, 0, 0, 20);

function on_size() {
	s.y = Math.floor((window.Height - 20) / 2);
	//because we've set x 10 pixels from the left, the seekbar width can be the panel
	//width minus 20 pixels to leave the same gap on the right side.
	s.w = window.Width - 20;
}

function on_paint(gr) {
	g_theme.SetPartAndStateID(1, 0);
	g_theme.DrawThemeBackground(gr, s.x, s.y, s.w, s.h);
	if (fb.IsPlaying && fb.PlaybackLength > 0) {
		g_theme.SetPartAndStateID(5, fb.IsPaused ? 3 : 1);
		g_theme.DrawThemeBackground(gr, s.x, s.y, s.pos(), s.h);
	}
}

function on_playback_seek() {
	s.playback_seek();
}

function on_playback_stop() {
	s.playback_stop();
}

function on_mouse_wheel(s) {
	s.wheel(s);
}

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

function on_mouse_lbtn_down(x, y) {
	s.lbtn_down(x, y);
}

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

Something like this should work.

I'm in the process of migrating from foo_uie_biography and I have some questions.

I would like to recreate my original panel (top picture) as closest as possible using your last.fm biography script (bottom). This means no headers, very small margins and the text filling as much space as it can. I removed the corresponding lines which draw the header and the square behind it and tried to adjust the position of the text. However at the top and the bottom there are white spaces that I can't get rid of (and text can't flow there). Any idea how to do that? I'd imagine that's governed by one of the prerequisites in \js\, but it would take me a long time to figure anything out there.

var text = new _.text("lastfm_bio", 0, -10, 0, 0);
text.h = panel.h+20;

Hey all, thanks marc2003, Br3tt and everyone else for your work. I've just installed the "foo_jscript_panel-v1.0.7.fb2k-component" and Br3tt's JS Smooth script.
When I import it, I get the following in the console:

One JScript panel said:
The following preprocessor @import file(s) were not found:

C:\Users\Ben\AppData\Roaming\foobar2000\js_br3tt\jssb\js\JScommon.js
C:\Users\Ben\AppData\Roaming\foobar2000\js_br3tt\jssb\js\JSinputbox.js

And the console said:
JScript Panel ({A1765CC9-04BD-4F05-A555-F42F57233ACE}): initialized in 0 ms
Error: JScript Panel (JS Smooth Browser v20151114-1630-340 by Br3tt aka Falstaff >> http://br3tt.deviantart.com): Parsing file "C:\Users\Ben\AppData\Roaming\foobar2000\js_br3tt\jssb\js\JScommon.js": Failed to load.
Error: JScript Panel (JS Smooth Browser v20151114-1630-340 by Br3tt aka Falstaff >> http://br3tt.deviantart.com): Parsing file "C:\Users\Ben\AppData\Roaming\foobar2000\js_br3tt\jssb\js\JSinputbox.js": Failed to load.
Error: JScript Panel (JS Smooth Browser v20151114-1630-340 by Br3tt aka Falstaff >> http://br3tt.deviantart.com): Microsoft JScript runtime error:
Object expected
File: <main>
Line: 126, Col: 1
<source text only available at compile time>

I had a look at the script and the only reference to those two variables are in a (commented out) preprocessor block as follows:

// ==PREPROCESSOR==
// @name "JS Smooth Browser"
// @version "20151114-1630-340"
// @author "Br3tt aka Falstaff >> http://br3tt.deviantart.com"
// @feature "v1.4"
// @feature "watch-metadb"
// @import "%fb2k_profile_path%js_br3tt\jssb\js\JScommon.js"
// @import "%fb2k_profile_path%js_br3tt\jssb\js\JSinputbox.js"
// ==/PREPROCESSOR==

I tried changing the path to the actual location (my foobar install isn't where it went looking), but that only gave a different error.

Any ideas? Please let me know if you need more information to debug/identify. Thanks in advance.

I don't have a serious reply because you said yourself it works with languages other than English. There is nothing I can think of to troubleshoot an issue like that.

I've tracked down the source of the problem but I have no idea why it fails in the JScript9 engine but not JScript. I have added a workaround though. This works in both engines.

https://raw.githubusercontent.com/19379/js-...ster/js/text.js

function on_playback_new_track() {
    window.Reload();
}

        window.NotifyOthers(name, info); (void)
        /*
        name: string
        info: all variable/array/object types should be supported
        listen for notifications in other panels using on_notify_data(name, info) {}
        */

If using panel stack splitter with a background image, position your panels using Forced layout and $movepanel / $movepanel_c