http:\/\/code.google.com\/p\/geniealert\/source\/checkout<\/a><\/p>\nUSAGE:<\/p>\n
1. Include the geniealert.js and style.css in the header.
\n
\n< script src=\"geniealert.0.1.js\" type=\"text\/javascript\" \/>
\n< link href=\"style.css\" mce_href=\"style.css\" rel=\"stylesheet\" type=\"text\/css\" \/>
\n<\/code><\/p>\n2. Place all the images in the \u00e2\u20ac\u0153images\u00e2\u20ac\u009d folder.
\n3. Arguments for the customized alert, Alert Message, Array of Button names, Array of function names (with the arguments if necessary), Title for the alert window, URL for the image to be show in the alert window.
\n4. On Calling the default alert(\u00e2\u20ac\u0153some text\u00e2\u20ac\u009d) the customized alert windos with default title as \u00e2\u20ac\u0153Alert!\u00e2\u20ac\u009d and an \u00e2\u20ac\u0153information\u00e2\u20ac\u009d icon will be shown.
\n5. Create a Array of Text to be shown in the Alert Box, Create Array of function names to be called when the corresponding buttons are clciked, a Title for the Alert and the URl of the image to be shown inside the alertbox. (Make sure the image is 32px X 32px).
\n6. Call the function as follows whereever ncessary.
\n
\n< script type=\"text\/javascript\" >
\nfunction YourFunctionName()
\n{
\nvar buttonList = [\"Yes\", \"No\", \"Cancel\"] ;
\nvar buttonListFunc = [\"YesFunction()\", \"NoFunction()\", \"CancelFunction()\"] ;
\nalert(\"Sample alert with default settings\") ;
\nalert(\"Click on the following buttons to call the corresponding methods.\", buttonList, buttonListFunc, \"Alert Box\", \"images\/error.png\") ;
\n}
\nfunction YesFunction() { \/\/ Your Code here }
\nfunction NoFunction() { \/\/ Your Code here }
\nfunction CancelFunction() { \/\/ Your Code here }
\n< \/script><\/code><\/p>\nSCREENSHOT:<\/p>\n
![\"\"](\"http:\/\/itechgenie.com\/myblog\/wp-content\/uploads\/2011\/03\/alertbox.png\")
<\/p>\n
<\/p>\n","protected":false},"excerpt":{"rendered":"
The GenieAlert provides the features to add custom buttons and functions to be called upon click of each buttons. The Title and the alert icon to be disaplyed can also be configured as per the user need. Note: Note the default alert box of the javascript will be completely overridden by this utility. DOWNLOAD: 1. … <\/p>\n
Continue reading “GenieAlert-a Customized Javascript Alert Box.”<\/span><\/a><\/p>\n","protected":false},"author":2,"featured_media":0,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"jetpack_post_was_ever_published":false,"_jetpack_newsletter_access":"","_jetpack_dont_email_post_to_subs":false,"_jetpack_newsletter_tier_id":0,"_jetpack_memberships_contains_paywalled_content":false,"_jetpack_memberships_contains_paid_content":false,"footnotes":"","jetpack_publicize_message":"","jetpack_publicize_feature_enabled":true,"jetpack_social_post_already_shared":false,"jetpack_social_options":{"image_generator_settings":{"template":"highway","default_image_id":0,"font":"","enabled":false},"version":2}},"categories":[13],"tags":[24,59,60,61,62,63,64,65,85,90,125,126],"class_list":["post-224","post","type-post","status-publish","format-standard","hentry","category-utility","tag-alert-box","tag-css-alert","tag-css-alert-box","tag-custom-alert-css","tag-custom-javascript-alert-box","tag-customize-alert-box-in-javascript","tag-customized-alert-box","tag-customized-alert-window","tag-function-to-make-a-alert-box-with-an-image-styles","tag-genie-green","tag-javascript","tag-javascript-custom-alert"],"jetpack_publicize_connections":[],"jetpack_featured_media_url":"","jetpack_sharing_enabled":true,"jetpack_shortlink":"https:\/\/wp.me\/p2Iua7-3C","_links":{"self":[{"href":"https:\/\/itechgenie.com\/jagathselvan\/wp-json\/wp\/v2\/posts\/224","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/itechgenie.com\/jagathselvan\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/itechgenie.com\/jagathselvan\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/itechgenie.com\/jagathselvan\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/itechgenie.com\/jagathselvan\/wp-json\/wp\/v2\/comments?post=224"}],"version-history":[{"count":0,"href":"https:\/\/itechgenie.com\/jagathselvan\/wp-json\/wp\/v2\/posts\/224\/revisions"}],"wp:attachment":[{"href":"https:\/\/itechgenie.com\/jagathselvan\/wp-json\/wp\/v2\/media?parent=224"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/itechgenie.com\/jagathselvan\/wp-json\/wp\/v2\/categories?post=224"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/itechgenie.com\/jagathselvan\/wp-json\/wp\/v2\/tags?post=224"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}