Test URL button on Chronoform

Hi folks,

Does anyone have any idea how i can incorporate a "Test URL" button on my Submit Project Info page on my website for local enviornmental projects? The button would open a pop-up window with the URL that the person submitting details has entered into the "Your project's website" textbox on the form, so that they can be sure the URL they have entered is correct.

At present the (very basic! i'm a beginner) code for the Website bit of the form is:

<div class="form_item">
<div class="form_element cf_textbox">
<label class="cf_label" style="width: 150px;">Website</label>
<input class="cf_inputbox required validate-url" maxlength="150"
size="30" title="Please enter a valid web address" id="text_7"
name="ProjectWebsite" type="text" />
</div>
<div class="cfclear"> </div>
</div>

The bit i'm not sure about is how to do this before the data has been submitted.
Thanks!

Hi buckwheatpie,

I'd suggest that you Google around a bit looking for some simple code to do preview popups. There seem to be a whole lot of websites that have them now and it should be fairly straightforwad to implement in a form. There will clearly need to be some JavaScript to enable the popup when a valid url is entered in the input box.

Bob

Thanks Bob. i figured it out in no time - i'll try not to be so lazy in future....

Hi buckwheatpie,

No problem - if you have a moment - please post your solution here as it may be useful to other users.

Bob