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>
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>