PDA

View Full Version : Java Script Please help

LCN2007
04-18-2009, 12:16 PM
I know that this is not VBA support but support is slow over there and i have been trying for weeks to get this to work on my VBA home page.

Can someone help me figure this out im trying to use this script and cant figure out where to put everything. The 1st step is the hardest paret im unsure where i should be adding this.

Either on the actual home page or in a module.

http://www.rocketwerx.com/products/rokslideshow/documentation

Can some one help me sort this out so its usable for the community i know everyone is looking for a versatile sideshow all the time this one is powerful and easy to use i used to use it when i was using Joomla. Now they have a stand alone version that i want to use now that im using VBA.

Even though this is not a VBA support sight i ask for help here for everyones proffesional knowledge.

Thanks
BBR-APBT
04-18-2009, 12:22 PM
If you are talking about this part here:
<script type="text/javascript" src="rokslideshow/mootools.js"></script>
<script type="text/javascript" src="rokslideshow/rokslideshow.js"></script>

Just put that in your header include template. Not the header but the header include.
Make sure it is between your head tags.
LCN2007
04-18-2009, 12:34 PM
Thank you sir that was probably the hardest part for me to figure out.

after that i should just be able to put the script in a module correct?
BBR-APBT
04-18-2009, 12:36 PM
Yes you can put javascript in the templates just not php.
LCN2007
04-18-2009, 02:21 PM
so place this code in a template with out the numbers of course:
1.
1.
<script type="text/javascript">
2.

3.
window.RokSlideshowPath = '';
4.
window.addEvent('load', function(){
5.
var imgs = [
6.
{
7.
file: '1.jpg',
8.
title: 'Audi RS8 V-12 TDI LeMans Concept - Front Angle View',
9.
desc: 'V-12 Diesel concept version based on the LeMans winning V-10 race car.',
10.
url: '#'
11.
},{
12.
file: '2.jpg',
13.
title: 'Audi RS8 V-12 TDI LeMans Concept - Back Angle View',
14.
desc: 'More aggressive body panels gives this concept a mean look',
15.
url: '#'
16.
},{
17.
file: '3.jpg',
18.
title: 'Audi RS8 V-12 TDI LeMans Concept - Side View',
19.
desc: 'THe unique orange/grey color scheme makes this concept stand out from the crowd.',
20.
url: '#'
21.
},{
22.
file: '4.jpg',
23.
title: 'Audi RS8 V-12 TDI LeMans Concept - Front View',
24.
desc: 'Any lower and this RS8 would be scooping up tar as it drives down the road.',
25.
url: '#'
26.
},{
27.
file: '5.jpg',
28.
title: 'Audi RS8 V-12 TDI LeMans Concept - Front View',
29.
desc: 'Notice the roof mounted cooling for the mid-engine configuration',
30.
url: '#'
31.
}];
32.

33.
var myshow = new Slideshow('slideshow', {
34.
type: 'combo',
35.
showTitleCaption: 1,
36.
captionHeight: 45,
37.
width: 450,
38.
height: 300,
39.
pan: 20,
40.
zoom: 30,
41.
loadingDiv: 1,
42.
resize: true,
43.
duration: [2000, 9000],
44.
transition: Fx.Transitions.Expo.easeOut,
45.
images: imgs,
46.
path: '/images/stories/rs8/'
47.
});
48.

49.
myshow.caps.h2.setStyles({
50.
color: '#fff',
51.
fontSize: '13px'
52.
});
53.
myshow.caps.p.setStyles({
54.
color: '#ccc',
55.
fontSize: '11px'
56.
});
57.
});
58.
</script>

Where do i place this piece?

<div id="slidewrap">
<div id="slideshow"></div>
<div id="loadingDiv"></div>
</div>
BBR-APBT
04-18-2009, 02:31 PM
Where you want the slideshow to appear. You will want to put that code chunk you posted in the head include template as well.
LCN2007
04-19-2009, 12:21 PM
Cool so place the giant chunck in the template/module and then place this little one in the header too ill try this tonight ill let you know how it goes.

<div id="slidewrap">
<div id="slideshow"></div>
<div id="loadingDiv"></div>
</div>
BBR-APBT
04-19-2009, 01:01 PM
Cool so place the giant chunck in the template/module and then place this little one in the header too ill try this tonight ill let you know how it goes.

<div id="slidewrap">
<div id="slideshow"></div>
<div id="loadingDiv"></div>
</div>

NO

Stick the big chunk in the header include template.

And this part goes in the module.

<div id="slidewrap">
<div id="slideshow"></div>
<div id="loadingDiv"></div>
</div>
LCN2007
04-19-2009, 08:23 PM
Thanks BBR i appreciate your help with this.

I could not find any head tags in the header include.
<meta http-equiv="Content-Type" content="text/html; charset=$stylevar[charset]" />
<meta name="generator" content="vBulletin $vboptions[templateversion]" />
<if condition="$show['threadinfo']">
<meta name="keywords" content="<if condition="$threadinfo['taglist']">$threadinfo[taglist], </if>$threadinfo[prefix_plain_html] $threadinfo[title], $vboptions[keywords]" />
<meta name="description" content="<if condition="$pagenumber>1"><phrase 1="$pagenumber">$vbphrase[page_x]</phrase>-</if>$threadinfo[prefix_plain_html] $threadinfo[title] $foruminfo[title_clean]" />
<else /><if condition="$show['foruminfo']">
<meta name="keywords" content="$foruminfo[title_clean], $vboptions[keywords]" />
<meta name="description" content="<if condition="$pagenumber>1"><phrase 1="$pagenumber">$vbphrase[page_x]</phrase>-</if>$foruminfo[description_clean]" />
<else />
<meta name="keywords" content="$vboptions[keywords]" />
<meta name="description" content="$vboptions[description]" />
</if></if>

<!-- CSS Stylesheet -->
$style[css]
<if condition="is_browser('opera') AND !is_browser('opera', '8.0.1')">
<style type="text/css" id="vbulletin_opera8fix_css">
ul, ol { padding-$stylevar[left]:20px; }
</style>
</if>
<if condition="$show['editor_css']">
$editor_css
</if>
<!-- / CSS Stylesheet -->

<script type="text/javascript" src="$stylevar[yuipath]/yahoo-dom-event/yahoo-dom-event.js?v=$vboptions[simpleversion]"></script>
<script type="text/javascript" src="$stylevar[yuipath]/connection/connection-min.js?v=$vboptions[simpleversion]"></script>
<script type="text/javascript">
<!--
var SESSIONURL = "$session[sessionurl_js]";
var SECURITYTOKEN = "$bbuserinfo[securitytoken]";
var IMGDIR_MISC = "$stylevar[imgdir_misc]";
var vb_disable_ajax = parseInt("$vboptions[disable_ajax]", 10);
// -->
</script>
<script type="text/javascript" src="clientscript/vbulletin_global.js?v=$vboptions[simpleversion]"></script>
<if condition="$show['popups']"><script type="text/javascript" src="clientscript/vbulletin_menu.js?v=$vboptions[simpleversion]"></script></if>

<if condition="$vboptions['externalrss']">
<link rel="alternate" type="application/rss+xml" title="$vboptions[bbtitle] RSS Feed" href="external.php?type=RSS2" />
<if condition="$show['foruminfo'] OR $show['threadinfo']">
<link rel="alternate" type="application/rss+xml" title="$vboptions[bbtitle] - $foruminfo[title_clean] - RSS Feed" href="external.php?type=RSS2&amp;forumids=$foruminfo[forumid]" />
</if>
</if>
<script type="text/javaScript">
<!--
function MM_swapImgRestore() { //v3.0
var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
}

function MM_preloadImages() { //v3.0
var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
}

function MM_findObj(n, d) { //v4.01
var p,i,x; if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
if(!x && d.getElementById) x=d.getElementById(n); return x;
}

function MM_swapImage() { //v3.0
var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
}
//-->
</script>

--------------- Added 1240238538 at 1240238538 ---------------

Anyone have any ideas?
LCN2007
04-21-2009, 12:17 PM
Can someone please help me i feel like im so close.
LCN2007
04-22-2009, 10:41 PM
I Dont have much but i can Donate a little for this.