Get started with jBox CDN

MIT licensed

JBox is a customizable JS UI library for building dynamic and interactive web applications.

Tags:
  • tooltip
  • modal
  • window
  • dialog
  • popup
  • notice
  • ui
  • images

Stable version

Copied!

How to start using jBox CDN


<!DOCTYPE html>
<html>
<head>
    <title>Get started with jBox CDN - cdnhub.io</title>
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/jbox/1.3.3/jbox.min.css">
    <script src="https://cdn.cdnhub.io/jBox/1.3.3/jBox.min.js"></script>
</head>
<body>
    <button id="open-button">Open jBox</button>
    <div id="my-content" style="display:none;">
        <p>This is the content of the jBox.</p>
    </div>

    <script>
        document.addEventListener('DOMContentLoaded', function() {
            const openButton = document.getElementById('open-button');
            const content = document.getElementById('my-content');

            openButton.addEventListener('click', function() {
                new jBox('Default', {
                    content: content,
                    title: 'My jBox',
                    width: 400,
                    height: 200
                }).open();
            });
        });
    </script>
</body>
</html>
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!

All versions