Pop-up Survey with jQuery UI Dialog

7 CommentsWeb development, jquery

I was tasked with creating a pop-up survey for a project. Fairly simple whether I used the jQuery dialog or not so I added a “Thank you” dialog that displays the survey results with a lightweight, css-based bar chart just for fun.

Pop-up Behavior

Pop-up survey opens no matter what page of the website the user enters. [...]

Tags: jquery

Using jQuery Datepicker and Dialog Box To Select Date Range

5 CommentsWeb development, jquery

Using a jquery datepicker in a jquery dialog box to select a date range is a handy, slick way of having users input dates. Date handling and validation in forms when input by the user can be tricky at best.
Here a modal dialog box will be used to allow the user to select a date [...]

Tags: jquery

Positioning Multiple jQuery UI Dialogs

No CommentsWeb development, jquery

This post shows one way to position multiple jQuery UI dialogs on the same page. It positions the dialog over the calling button based on the button’s position in the viewport.
The dialog box contents can be placed anywhere in the body. For this example they look like this:

<div id="helpDialog1" title="Help >> Dialog 1">
[...]

Tags: jquery

Printing a Dynamically Loaded Iframe with jQuery

No CommentsWeb development, jquery

This is an example of printing a dynamically loaded iframe on a button click. This is useful for printing specific or generated reports or pages without leaving the current page.
The iframe to be targeted looks like this and can be placed virtually anywhere in the body tag:

<iframe id="iframeprint" width="1" height="1" frameborder="0"></iframe>

The button to be clicked [...]

Tags: jquery

jQuery.ajax and jQuery.post Form Submit Examples with ColdFusion

2 CommentsColdFusion, jquery

This is the same as the previous jquery form submit post that used PHP just flavored with CF this time.
Two jQuery functions that allow for the submission of form are the jQuery.ajax function and the jQuery.post function (there is also jQuery.get but that is not addressed here).
More functionality, along with more complexity, is offered [...]

Tags: ColdFusion, forms, jquery