PDA

View Full Version : Ajax Tab IFRAME CSS Question



sjwoo
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">
</div>

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

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

http://www.dynamicdrive.com/forums/showthread.php?t=27893