Go Premium for a chance to win a PS4. Enter to Win

x
  • Status: Solved
  • Priority: Medium
  • Security: Public
  • Views: 742
  • Last Modified:

jQuery dialog not defined

I am hoping that someone might be able to help me understand why I can't get the jQuery dialog.  When I try to load the page: http://www.adreflex.com/portal/annademo/test_photo.cfm I get the following error:

$("#dialogWarning").dialog is not a function

Also, if anyone can give me a suggestion of what to add so that the arrows are positioned on either side of the photo that would be very much appreciated.

Thanks for any help that you can provide
0
WestCoast_BC
Asked:
WestCoast_BC
  • 2
  • 2
  • 2
1 Solution
 
stergiumCommented:
hello.
the error that i'm receiving is this
$("#slider").easySlider is not a function

for starters move this
<script type="text/javascript">
$(document).ready(function(){
$("#slider").easySlider({
auto: true,
continuous: true
});
});
</script> 

Open in new window

in the head section and not inside the body.
0
 
stergiumCommented:
and i also have some questions.
why do you use so many times so different versions of jquery? one is enough (the latest probably)
where is your js of easy slider? did you forgot to include it?
0
 
Lalit ChandraCommented:
you link gives the following error
 $("#slider").easySlider is not a function

Have you added the easySlider plugin reference on your page.
0
VIDEO: THE CONCERTO CLOUD FOR HEALTHCARE

Modern healthcare requires a modern cloud. View this brief video to understand how the Concerto Cloud for Healthcare can help your organization.

 
WestCoast_BCAuthor Commented:
My apologies, my sample page was not correct.  Can you please try it again.  The text at the bottom of the screen that says that the session is about to expire should not be displayed.

http://www.adreflex.com/portal/annademo/test_photo.cfm
Thanks again
0
 
Lalit ChandraCommented:
There are multiple times you have defined the jquery js version,  Ui , css.
So,Remove all jquery js files,jquery css files and Jquery ui js files.

simply add the following at the head section in the sequence defined below

   <link href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/themes/base/jquery-ui.css" rel="stylesheet" type="text/css"/>
  <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.5/jquery.min.js"></script>
  <script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/jquery-ui.min.js"></script>
       

This will remove all the problem and get your page running.
0
 
WestCoast_BCAuthor Commented:
Thanks, looks like I have some clean up to do.

Anyone know what I can do to get the arrows to display on either side of the picture?
0

Featured Post

Concerto Cloud for Software Providers & ISVs

Can Concerto Cloud Services help you focus on evolving your application offerings, while delivering the best cloud experience to your customers? From DevOps to revenue models and customer support, the answer is yes!

Learn how Concerto can help you.

  • 2
  • 2
  • 2
Tackle projects and never again get stuck behind a technical roadblock.
Join Now