Courses • Unity Assets • PlayStore • Hosting • Channel • بالعربي

Ahmad Naser Navigation
  • Home
    • Apps
    • Arabic Website
    • Our Academy
    • Udemy Courses
    • Certification
    • Youtube
    • Code Snippets
  • About
    • About Us
    • Services
    • Apps
    • Clients
    • Projects
    • Professional Training
  • Courses
  • My Account
  • Shop
    • Go Shopping
    • Online Coaching
    • One-To-One Training Pricing
    • Hosting
    • Cart
    • Checkout
  • Blog
  • Contact
  • 0 Items$0.00
  • Home
    • Apps
    • Arabic Website
    • Our Academy
    • Udemy Courses
    • Certification
    • Youtube
    • Code Snippets
  • About
    • About Us
    • Services
    • Apps
    • Clients
    • Projects
    • Professional Training
  • Courses
  • My Account
  • Shop
    • Go Shopping
    • Online Coaching
    • One-To-One Training Pricing
    • Hosting
    • Cart
    • Checkout
  • Blog
  • Contact
  • 0 Items$0.00
Home Gist vex modern dialog library which is highly configurable and easy to style.
back to snippest | Comment | Share

 

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
https://github.com/HubSpot/vex
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
<script src="https://cyberadz.com/dist/js/vex.combined.min.js"></script>
<script>vex.defaultOptions.className = 'vex-theme-os'</script>
<link rel="stylesheet" href="/dist/css/vex.css" />
<link rel="stylesheet" href="/dist/css/vex-theme-os.css" />
 
<script>
    /*$('.demo-confirm').click(function(){
        vex.dialog.confirm({
            message: 'Are you absolutely sure you want to destroy the alien planet?',
            overlayClosesOnClick: false,
            callback: function(value) {
                $('.demo-result-confirm').show().html('<h4>Result</h4><p>' + (value ? 'Successfully destroyed the planet.' : 'Chicken.') + '</p>');
            }
        });
    });*/
 
    vex.dialog.buttons.YES.text = 'Join';
    vex.dialog.buttons.NO.text = 'Cancel';
 
 
 
    joinRoom();
 
    jQuery(document).ready(function( $ ){
 
    });
 
    function joinRoom() {
        vex.dialog.open({
            message: 'Join chat room',
            input: [
                '<label>Display name</label>',
                '<input type="text" name="name" autofocus/>',
                '<label>Room name</label>',
                '<input type="text" name="room"/>'
            ].join(''),
            buttons: [
                Object.assign({}, vex.dialog.buttons.YES, { text: 'Join' }),
            ],
            callback: function(data) {
                if( !data ){
                    return console.log('Cancelled');
                }
 
               //socket.emit('join', data, roomResponse);
            }
        });
    }
 
</script>