JPDB Kinetic Layout

Different sections on JPDB review page are now detachable and resizable!

За да инсталирате този скрипт, трябва да имате инсталирано разширение като Tampermonkey, Greasemonkey или Violentmonkey.

За да инсталирате този скрипт, трябва да инсталирате разширение, като например Tampermonkey .

За да инсталирате този скрипт, трябва да имате инсталирано разширение като Tampermonkey или Violentmonkey.

За да инсталирате този скрипт, трябва да имате инсталирано разширение като Tampermonkey или Userscripts.

За да инсталирате скрипта, трябва да инсталирате разширение като Tampermonkey.

За да инсталирате този скрипт, трябва да имате инсталиран скриптов мениджър.

(Вече имам скриптов мениджър, искам да го инсталирам!)

За да инсталирате този стил, трябва да инсталирате разширение като Stylus.

За да инсталирате този стил, трябва да инсталирате разширение като Stylus.

За да инсталирате този стил, трябва да инсталирате разширение като Stylus.

За да инсталирате този стил, трябва да имате инсталиран мениджър на потребителски стилове.

За да инсталирате този стил, трябва да имате инсталиран мениджър на потребителски стилове.

За да инсталирате този стил, трябва да имате инсталиран мениджър на потребителски стилове.

(Вече имам инсталиран мениджър на стиловете, искам да го инсталирам!)

Автор
Idhtft
Инсталации дневно
0
Инсталации общо
4
Рейтинг
0 0 0
Версия
1.5
Създаден
23.01.2026
Обновен
29.01.2026
Размер
50 КБ
Лиценз
MIT
Работи на

This is an improvement of a script I created earlier called “JPDB Draggable Menu” that used to turn the review menu into a draggable element. Now you can detach, drag, and resize the other parts in the review page.

🌟 Key Features

Drag to Detach: Simply click and drag the header of any section (Meanings, Kanji used, Composed of) to pop it out of the page flow.
Resize: Grab the edge of any detached window to resize it to your liking. The script will remember the position and size of the menus when you load the next card.
Docking: You can drag a detached window back near its original position to put it back. A green dashed box will appear that you can drop on to snap it back into the page flow.
Opacity Control: You can click the ⮟ in the review menu to reveal a transparency slider, allowing you to adjust the menu’s opacity.

The reason I put effort into creating this script was for personal use. When you use the site in a zoomed-in state, you have to scroll down to read things. So I thought why shouldn’t their positions be changeable? Hope it comes in handy for you.

I'm sharing the script without running any quality check, so if you spot any bugs, feel free to let me know and I’ll take a look. For now, refreshing the page will solve most of the problems.