PDA

View Full Version : Combining horizontal scroller and tab content scripts



msaz87
05-02-2009, 01:37 AM
1) Script Title: Text and/or Image Crawler AND Ajax Tabs Content script v2.0

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

3) Describe problem:

Hi all,

I'm trying to combine the above two scripts... basically making whatever content is selected via the ajax tabs scroll horizontally. I've made progress, but I can't get the actual content to load (currently the default load image pops up in the div and scrolls, but content never appears).

You can see my work in progress here, in the top right corner:
http://fasports.com/_NEW/

And here's the code:

<head>
<script type="text/javascript" src="js/crawler.js">
/*
Text and/or Image Crawler Script 2009 John Davenport Scheuer
as first seen in http://www.dynamicdrive.com/forums/ username: jscheuer1
This Notice Must Remain for Legal Use
*/
</script>
</head>

<div id="flowerdivcontainer" style="border:0px solid black; width:400px; height: 55px; background-image: url(images/backgrounds/scoreboard_gradient.gif); color: black; padding: 5px; overflow-x: hidden; overflow-y: hidden;">
</div>

<div id="flowertabs" class="modernbricksmenu2">
<ul>
<li><a href="scores/mon.htm" rel="flowerdivcontainer">MON</a></li>
<li><a href="test.htm" rel="flowerdivcontainer">SAT</a></li>
</div>
<br style="clear: left" />

<script type="text/javascript">

var myflowers=new ddajaxtabs("flowertabs", "flowerdivcontainer")
myflowers.setpersist(true)
myflowers.setselectedClassTarget("link") //"link" or "linkparent"
myflowers.init()

</script>

<script type="text/javascript">
marqueeInit({
uniqueid: 'flowerdivcontainer',
style: {
'padding': '0px',
'width': '875px',
'height': '50px'
},
inc: 5, //speed - pixel increment for each iteration of this marquee's movement
mouse: 'cursor driven', //mouseover behavior ('pause' 'cursor driven' or false)
moveatleast: 2,
neutral: 150,
savedirection: true
});
</script>

I tried changing the content it's asked to load to something simple, but that didn't seem to work either.

Any help is appreciated! Thanks!