At the risk of sounding drole, I think you'd be far better off
ditching the cf8 javascript tags and using the library of your choice
directly. The cf tags are great time saving code until you need to do
something that they can't do - and then you realise you have wasted a
heap of time. To whet your appetite (assuming jquery is new to you),
here is how I setup a tabbed interface in jquery (my favourite
framework/library so far):
<!-- jquery includes -->
<script src="/js/jquery/jquery.js" type="text/javascript"></script>
<script src="/js/jquery/ui/minified/ui.core.min.js"
type="text/javascript"></script>
<script src="/js/jquery/ui/minified/ui.tabs.min.js"
type="text/javascript"></script>
<!-- a css theme for the tabs that i downloaded -->
<link media="screen" href="/css/tabs.css" rel="stylesheet"/>
<!-- custom js script that I include accross the site -->
<script type="text/javascript>
jQuery(document).ready(function(){
jQuery("ul.jquery-tabs").tabs(); // this is all the code i need
to make the tabs work - the tabs will be applied whereever there is a
ul with class 'jquery-tabs'
}
</script>
<!-- markup in any page in which I want tabs... -->
<ul class="jquery-tabs">
<li><a href="#tab1"><span>Tab 1</span></a></li>
<li><a href="#tab2"><span>Tab 2</span></a></li>
<li><a href="#tab3"><span>Tab 3</span></a></li>
</ul>
<div id="tab1">
<p>Hello world, this is tab 1</p>
</div>
<div id="tab2">
<p>Hello world, this is tab 2</p>
</div>
<div id="tab3">
<p>Hello world, this is tab 3</p>
</div>
Bob's you're uncle.
Dominic
p.s. apologies if this is nothing new to you!
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~|
Adobe® ColdFusion® 8 software 8 is the most important and dramatic release to
date
Get the Free Trial
http://ad.doubleclick.net/clk;207172674;29440083;f
Archive:
http://www.houseoffusion.com/groups/cf-talk/message.cfm/messageid:321045
Subscription: http://www.houseoffusion.com/groups/cf-talk/subscribe.cfm
Unsubscribe: http://www.houseoffusion.com/cf_lists/unsubscribe.cfm?user=89.70.4
