CodeCanyon JQuery Dialogize 1083847

CodeCanyon JQuery Dialogize 1083847

CodeCanyon JQuery Dialogize 1083847
JavaScript \ Navigation
Dialog \ Window \ Windows \ Popup \ Modal



JavaScript - JQuery Dialogize 1083847 by celestinojunior @ CodeCanyon

JavaScript \ Navigation

Last Update: 2 July 12; Compatible Browsers: IE6, IE7, IE8, IE9, Firefox 2, Firefox 3, Firefox 4, Safari 4, Safari 5, Opera, Chrome; Software Version: jQuery 1.5; Files Included: HTML, CSS.

- This plugin can “DIALOGIZE” all, most important the option “TYPE”
that defines the type of content to dialogize

- “empty” ! > this generates your dialogBox with your “content”,

- “pdf” ! !> the dialogBox becomes a pdf Reader, its path is pdf_src option

- “img” ! !> in this case dialogBox becomes a zoom image…. N.B. there is another plugin that provide to image resize

- “confirm”!> the dialogBox becomes a confirm form whith button “YES” or “NO” and function of callback

- callback functions are available before the dialog is opened and/or after is closed

- some css styles via js code

- different color and images for each dialog type

- draggable and resizable dialogs

- You can specify a precise width/height to dialog else pluging do it automatically depending on window size
And more…. (SEE “LIST OF AVAILABLE OPTIONS ”)

LIST OF AVAILABLE OPTIONS .

Name Type Default What Does
content STRING ’’ content of dialog box (HTML/TEXT or JQUERY SELECTOR eg:. $(’#some_id’).html())
pdf_src STRING ’’ path of pdf that you want read, this option is valid only if type = “pdf”
type STRING ’’ type of dialog: pay attention.

this option can have different value.

1) “empty” ! > this generates your dialogBox with your “content”

2) “pdf” ! !> the dialogBox becomes a pdf Reader, its path is pdf_src option

3) “img” ! !> in this case dialogBox becomes a zoom image…. N.B. there is another plugin that provide to image resize

4) “confirm” !> the dialogBox becomes a confirm form whith button “YES” or “NO” and function of callback

img_dial STRING ’’ you can put an image before your content (NOT PATH BUT ENTIRE TAG )
eg:.

delay_close NUMBER ’’ this is delay in milliseconds before closing dialogBox (IF THIS OPTION NOT empty then option “CLOSABLE” is not aviable)

closable BOLEAN true indicates if dialogBox can be closed (IF DELAY NOT NULL THIS OPTION = FALSE )

overlay BOLEAN true overlay for dialogBox

color_overlay STRING #666 color of overlay

overlay_opacity NUMBER 3 opacity of overlay
resizable BOLEAN true if true , dialogBox is resizable . if you dont have jquery UI, plugin go on without resize
draggable BOLEAN true if true , dialogBox is draggable . if you dont have jquery UI, plugin go on without drag

before_open_dial FUNCTION ’’ function/s that are triggered immediately before dialogBox is opened

post_close_dial FUNCTION ’’ function/s that are triggered immediately after dialogBox is closed

confirm FUNCTION ’’ function/s that are triggered immediately after button “YES” is clicked

img_scr_close STRING ’’ image of close button (NOT PATH BUT ENTIRE TAG ) eg:.

text_close STRING ‘Close’ text of close button

w_dial NUMBER ’’ You can specify a precise width to dialogBox else pluging do it automatically depending on window size

h_dial NUMBER ’’ You can specify a precise height to dialogBox else pluging do it automatically depending on window size

text_yes STRING ‘YES’ text of YES button

text_no STRING ‘NO’ text of NO button

class_button_yes STRING ’’ you can add more class to YES buttont, give them an interspace eg:. “class1 class2 class3”

class_button_no STRING ’’ you can add more class to NO buttont, give them an interspace eg:. “class1 class2 class3”

other_class_container STRING ’’ you can add more class to container of content, give them an interspace eg:. “class1 class2 class3”

other_class_content STRING ’’ you can add more class to content, give them an interspace eg:. “class1 class2 class3”

other_class_close STRING ’’ you can add more class to close button, give them an interspace eg:. “class1 class2 class3”

CSS OPTION VIA OPTION

/ * /

/ List of available css options for dialog container /

/ /

border:true,

border_size: ‘5’,

border_color: ’#33ccff’,

border_radius:true,

border_radius_size:’8’,

shadow: true,

shadow_size:’30’,

shadow_color:’#666’,

/ * /

/ List of available css options for dialog content /

/ /

color:’#666’,

background:’#fff’,

text_align:’left’,

/ * /

/ List of available css options for close button /

/ /

background_close:’#33ccff’,

font_color_close:’#fff’,

METHOD

$.dialogize(‘destroy’)!> this method provides to destroy all opened dialogs

it’s called when you close a dialog

Word Press Office; PHP Solve Quiz and Unlock Content; WP Solve Quiz and Unlock Content; Banners Rotator Generator For Wordpress; WP Dialogize; Banner Rotator Generator And Manager Light; Temporized Links For Files' Secure Download.

Keywords: dialog, dialog box, modal, pop up, popup, window, windows.



Tags: Dialog, Popup, Window, Windows, Modal, Dialogize, JQuery

Premium CodeCanyon JQuery Dialogize 1083847 WordPress Themes, Website Templates, Mobile Themes, Flash Templates & Scripts from creative professional designers. Full details of CodeCanyon JQuery Dialogize 1083847 for digital design and education. CodeCanyon JQuery Dialogize 1083847 desigen style information or anything related.

Comments:

Name:*
E-Mail:*
Add Comments:
Enter Code: *