4 ms·
A splitter is the widget that shows two (or more) panes with a divider that you can drag. Commonly used for side bar navigation, see this example: https://codep
by IshKebab 2y ago
A splitter is the widget that shows two (or more) panes with a divider that you can drag. Commonly used for side bar navigation, see this example: https://codepen.io/Zodiase/pen/qmjyKL https://codepen.io/Zodiase/pen/qmjyKL
A native splitter is one that is drawn by the browser itself, or even the OS. The only way to get that on the web is with iframes. Otherwise you have to resort to Javascript and manually handling mouse move events as in the example above.
Why do you want that? Same reasons we have `<input>` instead of having every website reimplement text boxes, sliders, checkboxes, etc. with canvas and mouse events.
Sorry I couldn't find an example of an actual iframes website because obviously nobody uses iframes any more.
- breckenedge 2y agoI believe you mean <frameset>/<frame> rather than <iframe>s, though you used to be able to do frames inside iframes. I’m surprised mobile Safari supports them. Example: https://www.quackit.com/html/templates/frames/frames_example_5.html https://www.quackit.com/html/templates/frames/frames_example...
- IshKebab 2y agoAh yes you're right! Similar to iframes anyway. Your example has `noresize` set, but I found one that doesn't: https://www.yourhtmlsource.com/examples/frameset1.html https://www.yourhtmlsource.com/examples/frameset1.html
- yboris 2y agoWild! Every browser seems to support <frame> yet it's deprecated: https://caniuse.com/?search=frame https://caniuse.com/?search=frame