wow jquery dialog - The lightweight jQuery dialog

wow jquery dialog is a lightweight, easy, beautiful, free jQuery dialog plugin

$.wow('My alert message');

$.wow('My alert message', 'My title');

• denizli escort
• denizli escort
• didim escort
• düzce escort
• edirne escort
• edirne escort
• edremit escort

Source: wowjquerydialog.sourceforge.net

1. INCLUDE JS AND CSS FILES

<!-- Before include jquery!!! -->
<script type="text/javascript" src="jquery.min.js" charset="utf-8" ></script>
<!-- include wow javascript -->
<script type="text/javascript" src="../wow.min.js" charset="utf-8" ></script>
<!-- set wow theme css : choose your favorite theme -->
<link rel="stylesheet" type="text/css" href="../themes/more/wow.css" />

2. HTML

<button id="btnAlert1" title="Click to run demo">Demo 1</button>

3. JAVASCRIPT

//--- basic alert 1
$('#btnAlert1').click(function(){
	//easy... like alert()
	$.wow('You are <b>lucky</b>!<br />Now you can use wow jquery dialog!', 'Title dialog');
});

4. EXAMPLES

Confirm dialog

$.wow('Do you like this?','wow confirm',{
	'buttons': {
		'Yes': {
			'action': function(){
				//here write your code
				alert("Good answer");
			}
		},
		'No': {
			'class'	: 'cold',
			'action': function(){}
		}
	}
});

Multiple answer dialog

$.wow('Do you like this?','wow confirm',{
	'buttons': {
		'Yes': {
			'action': function(){
				//here write your code
				alert("Good answer");
			}
		},
		'No': {
			'class'	: 'cold',
			'action': function(){}
		},
		'Maybe': {
			'class'	: 'warm',
			'action': function(){
				//here write your code
				alert("Wrong answer");
			}
		}
	}
});

Another multiple answer dialog

$.wow('Choose one number','Keyboard',{
	'buttons': {
		'1': {	'action': function(){/*here write your code*/}},
		'2': {	'action': function(){/*here write your code*/}},
		'3': {	'action': function(){/*here write your code*/}},
		'4': {	'action': function(){/*here write your code*/}},
		'5': {	'action': function(){/*here write your code*/}},
		'6': {	'action': function(){/*here write your code*/}},
		'7': {	'action': function(){/*here write your code*/}},
		'0': {	'action': function(){/*here write your code*/},class:'cold'}
	}
});