View Full Version : Ajax Tab IFRAME CSS Question

02-06-2008, 12:00 AM
1) Script Title: Ajax Tabs

2) Script URL (on DD): http://www.dynamicdrive.com/dynamicindex17/ajaxtabscontent/index.htm

3) Describe problem:

Quoting from the instruction page:

In case you're wondering, the IFRAME tag that's added to the content container always carries the CSS class name "tabcontentiframe" and a name attribute of "_ddajaxtabsiframe-contentdivid", where "contentdivid" is the ID of the content container (ie: "countrydivcontainer"). You can further use this information to either style the IFRAME using CSS, or manipulate it somehow by directly accessing it via its name attribute.

All I want is to define the IFRAME height -- how can I do this? Example call is below. Thanks!

<ul id="maintab" class="shadetabs">
<li><cfoutput><a href="ajax.htm" rel="maintabdivcontainer">AJAX page</a></cfoutput></li>
<li><cfoutput><a href="iframe.htm" rel="##iframe">IFRAME page</a></cfoutput></li>

<div id="maintabdivcontainer" class="contentstyle">

<script type="text/javascript">
var maintabvar=new ddajaxtabs("maintab", "maintabdivcontainer")
maintabvar.setselectedClassTarget("link") //"link" or "linkparent"

02-06-2008, 02:52 AM
The answer's right here: