?
Solved

Jquery UI and ColdFusion

Posted on 2010-03-31
5
Medium Priority
?
462 Views
Last Modified: 2012-06-22
Hi, am having problems with my Jquery tabs. I am able to see the content in FireFox but not in IE 8. Here's a sample of my code:


<link type="text/css" href="css_folder_here/themes/base/jquery.ui.all.css" rel="stylesheet" />
	<script type="text/javascript" src="js_folder_here/jquery-1.4.2.min.js"></script>
	<script type="text/javascript" src="js_folder_here/ui/jquery.ui.core.js"></script>
	<script type="text/javascript" src="js_folder_here/ui/jquery.ui.widget.js"></script>
	<script type="text/javascript" src="js_folder_here/ui/jquery.ui.tabs.js"></script>
	<link type="text/css" href="#LAYOUT.CSS#/demos.css" rel="stylesheet" />
    <script language="javascript">
	$(document).ready( function(){
					
    	$("#MyTabLayout").tabs();
	});
	</script>
    <div id="MyTabLayout">
        <ul>
            <li><a href="link1.cfm">Link 2/a></li>
            
            <li><a href = "link2.cfm">Link 2</a></li>
        </ul>
    </div>

Open in new window

0
Comment
Question by:teletractrix
  • 3
  • 2
5 Comments
 
LVL 19

Expert Comment

by:erikTsomik
ID: 29229118
it has not been tested with IE 8 so please read this page
http://stilbuero.de/jquery/tabs/#remote-tab-3
0
 
LVL 1

Author Comment

by:teletractrix
ID: 29236377
But it doesn't load any content in IE 6 either. Is there any known issue between Cold Fusion and Jquery Ajax tabs? (my code works well with static pages, but I don't see anything when I link the tabs to CFM pages.
0
 
LVL 19

Expert Comment

by:erikTsomik
ID: 29237237
can you post the code with dynamic content
0
 
LVL 1

Author Comment

by:teletractrix
ID: 29237981
this is the code in the link1.cfm file

<h1>Hello World</h1>
0
 
LVL 1

Accepted Solution

by:
teletractrix earned 0 total points
ID: 29248766
I was able to fix the problem on my code. For all files referenced on the HREF tag, make sure that cfdebugging is turned off. Place the following tag at the top of the linked page:

<cfsetting showdebugoutput="false">
0

Featured Post

Learn to develop an Android App

Want to increase your earning potential in 2018? Pad your resume with app building experience. Learn how with this hands-on course.

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

OverviewThis article demonstrates a simple search form using AJAX. The purpose of the article is to demonstrate how to use the same code to render a page and javascript (JQuery) and AJAX to make subsequent calls to refine the results. The princip…
Nothing in an HTTP request can be trusted, including HTTP headers and form data.  A form token is a tool that can be used to guard against request forgeries (CSRF).  This article shows an improved approach to form tokens, making it more difficult to…
The viewer will learn how to dynamically set the form action using jQuery.
The viewer will learn the basics of jQuery, including how to invoke it on a web page. Reference your jQuery libraries: (CODE) Include your new external js/jQuery file: (CODE) Write your first lines of code to setup your site for jQuery.: (CODE)
Suggested Courses
Course of the Month5 days, 20 hours left to enroll

588 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question