sttt / showDialog

Простое модальное окно для браузера

showDialog

Простое модальное окно для браузера

showDialog({
    message: 'Hello',
});

showDialog({
    title: 'hi', 
    message: 'Hello'
})

showDialog({
    title: 'hi', 
    message: `<input type="text" name="name" value="$name"><br>
              <input type="text" name="surname" value="$lastname">`,
    data: {
        name: "Harry",
        lastname: "Potter"
    },
    buttons: {
        'Сохранить': function(data){
            console.log(data)
        }
    }
})

showDialog({
    title: 'hi', 
    message: `<h2>Факультет Хогвартса: $faculty</h2>
              <input type="text" name="name" value="$name"><br>
              <input type="text" name="surname" value="$lastname">`,
    data: {
        name: "Harry",
        lastname: "Potter",
        faculty: "Гриффиндор"
    },
    buttons: {
        'Сохранить': function(data){
            console.log('save', data)
        },
        'Другой факултет': function(data){
            this.right({
                message: `
                    <select name='faculty'>
                        <option>Гриффиндор</option>
                        <option>Пуффендуй</option>
                        <option>Когтевран</option>
                        <option>Слизерин</option>
                    </select>
                `
            })
        }
    }
})