this works in FF 3:
function loadContent(id) {
$("#ajaxContent").load(id);
}
<div id="Tab_NPP">
<div class="leftyellow"></div>
<div class="rightyellow"></div>
<div class="middleyellow"><a class="ajax"
href="javascript:loadContent('forms/frm_npp_cat.cfm');">Non Physician
Practitioners</a></div>
</div>
<td colspan="6"><div id="ajaxContent" class="box_tab_info"> 
</div></td>
(inside nested tables)
However in IE 7, the function tries to work and noting displays in the
browser
this is returned via a get but not displayed
<table width="98%" class="tablesorter" id="category_table" border="0"
cellpadding="2" cellspacing="0">
<thead>
<tr>
<th>Category</th>
<th>Category Group</th>
<th>Hex ID</th>
<th>Delete</th>
</tr>
</thead>
<tbody>
<tr>
<td width="40%"><a
href="admin_category_edit.cfm?categoryId=20">Teaching- Fellows and
Residents</a></td>
<td>UNC Hospitals Activities</td>
<td bgcolor="#6666CC">#6666CC</td>
<td align="center"><a
href="actions/act_category_validate.cfm?frm=del&cgid=20"><img
src="images/delete.jpg" alt="delete" width="18" height="17" border="0"
align="middle" /></td>
</tr>
<tr>
<td width="40%"><a
href="admin_category_edit.cfm?categoryId=21">Teaching - Nursing</a></td>
<td>UNC Hospitals Activities</td>
<td bgcolor="#6666CC">#6666CC</td>
<td align="center"><a
href="actions/act_category_validate.cfm?frm=del&cgid=21"><img
src="images/delete.jpg" alt="delete" width="18" height="17" border="0"
align="middle" /></td>
</tr>
<tr>
<td width="40%"><a
href="admin_category_edit.cfm?categoryId=30">Teaching - Other</a></td>
<td>UNC Hospitals Activities</td>
<td bgcolor="#6666CC">#6666CC</td>
<td align="center"><a
href="actions/act_category_validate.cfm?frm=del&cgid=30"><img
src="images/delete.jpg" alt="delete" width="18" height="17" border="0"
align="middle" /></td>
</tr>
<tr>
<td width="40%"><a
href="admin_category_edit.cfm?categoryId=22">Support of Hospital or
Hospital-based Clinic</a></td>
<td>UNC Hospitals Activities</td>
<td bgcolor="#6666CC">#6666CC</td>
<td align="center"><a
href="actions/act_category_validate.cfm?frm=del&cgid=22"><img
src="images/delete.jpg" alt="delete" width="18" height="17" border="0"
align="middle" /></td>
</tr>
<tr>
<td width="40%"><a
href="admin_category_edit.cfm?categoryId=23">Research</a></td>
<td>UNC Hospitals Activities</td>
<td bgcolor="#6666CC">#6666CC</td>
<td align="center"><a
href="actions/act_category_validate.cfm?frm=del&cgid=23"><img
src="images/delete.jpg" alt="delete" width="18" height="17" border="0"
align="middle" /></td>
</tr>
<tr>
<td width="40%"><a
href="admin_category_edit.cfm?categoryId=24">Administrative</a></td>
<td>UNC Hospitals Activities</td>
<td bgcolor="#6666CC">#6666CC</td>
<td align="center"><a
href="actions/act_category_validate.cfm?frm=del&cgid=24"><img
src="images/delete.jpg" alt="delete" width="18" height="17" border="0"
align="middle" /></td>
</tr>
<tr>
<td width="40%"><a
href="admin_category_edit.cfm?categoryId=25">Professional and Personal
Attributes</a></td>
<td>UNC Hospitals Activities</td>
<td bgcolor="#6666CC">#6666CC</td>
<td align="center"><a
href="actions/act_category_validate.cfm?frm=del&cgid=25"><img
src="images/delete.jpg" alt="delete" width="18" height="17" border="0"
align="middle" /></td>
</tr>
<tr>
<td width="40%"><a
href="admin_category_edit.cfm?categoryId=26">Collaborative Practice
Agreements</a></td>
<td>UNC Hospitals Activities</td>
<td bgcolor="#6666CC">#6666CC</td>
<td align="center"><a
href="actions/act_category_validate.cfm?frm=del&cgid=26"><img
src="images/delete.jpg" alt="delete" width="18" height="17" border="0"
align="middle" /></td>
</tr>
<tr>
<td width="40%"><a
href="admin_category_edit.cfm?categoryId=27">Support of Physician</a></td>
<td>UNC Hospitals Activities</td>
<td bgcolor="#6666CC">#6666CC</td>
<td align="center"><a
href="actions/act_category_validate.cfm?frm=del&cgid=27"><img
src="images/delete.jpg" alt="delete" width="18" height="17" border="0"
align="middle" /></td>
</tr>
<tr>
<td width="40%"><a
href="admin_category_edit.cfm?categoryId=28">Paid Leave Time (all
types)</a></td>
<td>Other</td>
<td bgcolor="#CC6699">#CC6699</td>
<td align="center"><a
href="actions/act_category_validate.cfm?frm=del&cgid=28"><img
src="images/delete.jpg" alt="delete" width="18" height="17" border="0"
align="middle" /></td>
</tr>
</tbody>
</table>
Scott Stewart wrote:
> So I know a couple of y'all are JQuery afficianados, so it's question time
>
> I have three images wrapped in a href tags wrapped in a div called "tabBar"
> each href references a ColdFusion page
>
> further down the page I have a div called "ajaxContent"
>
> this code is in the head of the document an included header.cfm
>
> $(document).ready(function(){
> $('#tabBar a').click(function () {
> $.ajax({
> type: "GET",
> url: +this.href,
> dataType: "html"
> success: function(xml){
> $('#ajaxContent').load(url);
>
> }
>
> })
> });
> }
> );
>
>
> What I want to do is load the referenced cfm page into the div when the
> image is clicked...
>
> I'm having fits getting any JQuery functions to work in IE.
>
> (note, there are some pretty deep embedded tables and divs in the layout)
>
>
--
Scott Stewart
ColdFusion Developer
Office of Research Information Systems
Research & Economic Development
University of North Carolina at Chapel Hill
Phone:(919)843-2408
Fax: (919)962-3600
Email: [EMAIL PROTECTED]
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~|
Adobe® ColdFusion® 8 software 8 is the most important and dramatic release to
date
Get the Free Trial
http://ad.doubleclick.net/clk;203748912;27390454;j
Archive:
http://www.houseoffusion.com/groups/CF-Community/message.cfm/messageid:270438
Subscription: http://www.houseoffusion.com/groups/CF-Community/subscribe.cfm
Unsubscribe:
http://www.houseoffusion.com/cf_lists/unsubscribe.cfm?user=11502.10531.5
