Skip to content

ricardof/dialogBox

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

17 Commits
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

#dialogBox

dialogBox is a standalone, vanilla javascript library for building and extending the functionality of your application.

##Features

  • Alert
  • Prompt
  • Checkbox
  • Info
  • Choices

##Examples

###Alert

dialogBox.alert("Warning", "Connection lost");

alt text

###Prompt

dialogBox.prompt("You win !!", "Please enter your name", "name", function (value) {
  // Do whatever you want with the result.
});

alt text

###Checkbox

var itemsToShow = [
    {'label':'label0','value':'value0','checked':true},
    {'label':'label1','value':'value1','checked':false},
    {'label':'label2','value':'value2','checked':true},
    {'label':'label3','value':'value3','checked':false},
    {'label':'label4','value':'value4','checked':true},
    {'label':'label5','value':'value5','checked':false},
    {'label':'label6','value':'value6','checked':true},
    {'label':'label7','value':'value7','checked':false},
    {'label':'label8','value':'value8','checked':true},
    {'label':'label9','value':'value9','checked':false},
    {'label':'label10','value':'value10','checked':true},
    {'label':'label11','value':'value11','checked':false},
    {'label':'label12','value':'value12','checked':true},
    {'label':'label13','value':'value13','checked':false},
    {'label':'label14','value':'value14','checked':true},
    {'label':'label15','value':'value15','checked':false},
    {'label':'label16','value':'value16','checked':true},
    {'label':'label17','value':'value17','checked':false},
    {'label':'label18','value':'value18','checked':true},
    {'label':'label19','value':'value19','checked':false}
];

dialogBox.checkbox("Select title", itemsToShow, function(selectedItems) {
    // Do whatever you want with the result.
});

alt text

###Info

dialogBox.info("Modifications enregistrees", "orange");

alt text

###Choices

dialogBox.choices("You win !!!", "Congratulations !",
  [{label:"New game", value:"new"}, {label:"Home", value:"home"}, {label:"Cancel", value:"cancel"}],
  function (value) {
    // Do whatever you want with the result.
});

alt text

About

No description, website, or topics provided.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published