The Arcive of Official vBulletin Modifications Site.

tome109109 · #1 10-01-2008, 02:56 PM

A bit like on inwarez.com , you see how they have got the new posts javascript runnin on the sidebar? Are there any tuts/ guides on how to make this? Ive got the content box just need the JavaScript.

-Cheers Tom

Lynne · #2 10-01-2008, 03:30 PM

Did you try looking in the page source? There is javascript right there in the source code.

tome109109 · #3 10-02-2008, 03:01 PM

yeh bit i have no idea what to do with it , please explain a little.

Lynne · #4 10-02-2008, 03:45 PM

Hmmm, well, I'm not javascript expert, but I'd start by copying/pasting that javascript along with the ilayer and layer tags into my page (and the corresponding end tags for them). I'd spit that out just prior to spitting out the latest posts, just like he does:

HTML Code:

<div>Latest Posts</div>
<div stuff>
<div stuff>
<script... javascript> several lines </script>
<ilayer...>
<layer...>

all your posts in div tags or similar

</ilayer...>
</layer...>
<script> move javascript </script>
<a onmouseover link>
<script and move javascript>
</script>
</div>
</div>

I would grab all that code and put it in my page and see what happens. Of course, I'd do this on a test page so as not to screw up the main page.

tome109109 · #5 10-02-2008, 03:52 PM

This is what ive got:

PHP Code:


			
<div class="links_top"><b>Latest Posts</b></div>
<div class="links_bg">
<div class="user_text">

<script type="text/javascript">

iens6=document.all||document.getElementById
ns4=document.layers

//specify speed of scroll (greater=faster)
var speed=7

if (iens6){
document.write('<a onmouseover="moveup()" onmouseout="clearTimeout(moveupvar)"><img src="images/post_top.gif" border="0" alt="Scroll Up" /></a>')
document.write('<div id="container" style="position:relative;width:100%;height:260px;border:0px solid black;overflow:hidden;">')
document.write('<div id="content" style="position:absolute;width:100%; height: 754px; left:0;top:0;bottom:0;">')
}
</script>
<ilayer id="nscontainer" width="175" height="190" clip="0,0,150,160">
<layer id="nscontent" width="175" visibility="hidden">



<span class="smallfont">
 
<div style='padding-top: 1px; padding-bottom: 1px;'><font color='black'>
<script type="text/javascript" src="external.php?type=js"></script> 
<script language="" type="text/javascript">
<!--
for (x = 0; x < 15; x++)
{
document.writeln(" &bull; <a href=\"showthread.php?t="+threads[x].threadid+"\"><b>"+threads
[x].title+"</b></a><br />By: "+threads[x].poster+" <br><br />");
}
//-->
</script>
</font></div>
</span>


</layer>
</ilayer>

<script language="JavaScript1.2">
if (iens6)
document.write('</div></div>')
</script>

<a onmouseover="movedown()" onmouseout="clearTimeout(movedownvar)"><img src="images/post_top1.gif" border="0" alt="Scroll Down" /></a>

<script language="JavaScript1.2">
if (iens6){
var crossobj=document.getElementById? document.getElementById("content") : document.all.content
var contentheight=crossobj.offsetHeight
}
else if (ns4){
var crossobj=document.nscontainer.document.nscontent
var contentheight=crossobj.clip.height
}

function movedown(){
if (iens6&&parseInt(crossobj.style.top)>=(contentheight*(-1)+100))
crossobj.style.top=parseInt(crossobj.style.top)-speed+"px"
else if (ns4&&crossobj.top>=(contentheight*(-1)+100))
crossobj.top-=speed
movedownvar=setTimeout("movedown()",20)
}

function moveup(){
if (iens6&&parseInt(crossobj.style.top)<=0)
crossobj.style.top=parseInt(crossobj.style.top)+speed+"px"
else if (ns4&&crossobj.top<=0)
crossobj.top+=speed
moveupvar=setTimeout("moveup()",20)

}

function getcontent_height(){
if (iens6)
contentheight=crossobj.offsetHeight
else if (ns4)
document.nscontainer.document.nscontent.visibility="show"
}
window.onload=getcontent_height
</script>

</div>
</div>


<!//--- LATEST THREADS END -->

But it just comes up blank , any ideas?

Lynne · #6 10-02-2008, 03:57 PM

Did you include the classes from the div tags - nscontainer and nscontent? And also any images that are needed? Also, do you get results - posts - without adding all that new javascript?

tome109109 · #7 10-02-2008, 04:01 PM

This is the full code:

PHP Code:


			
<!--- LATEST THREADS -->

<div class="links_top"><b>Latest Posts</b></div>
<div class="links_bg">
<div class="user_text">

<script type="text/javascript">

iens6=document.all||document.getElementById
ns4=document.layers

//specify speed of scroll (greater=faster)
var speed=7

if (iens6){
document.write('<a onmouseover="moveup()" onmouseout="clearTimeout(moveupvar)"><img src="images/post_top.gif" border="0" alt="Scroll Up" /></a>')
document.write('<div id="container" style="position:relative;width:100%;height:260px;border:0px solid black;overflow:hidden;">')
document.write('<div id="content" style="position:absolute;width:100%; height: 754px; left:0;top:0;bottom:0;">')
}
</script>
<ilayer id="nscontainer" width="175" height="190" clip="0,0,150,160">
<layer id="nscontent" width="175" visibility="hidden">



<span class="smallfont">
 
<div style='padding-top: 1px; padding-bottom: 1px;'><font color='black'>
<script type="text/javascript" src="external.php?type=js"></script> 
<script language="" type="text/javascript">
<!--
for (x = 0; x < 15; x++)
{
document.writeln(" &bull; <a href=\"showthread.php?t="+threads[x].threadid+"\"><b>"+threads
[x].title+"</b></a><br />By: "+threads[x].poster+" <br><br />");
}
//-->
</script>
</font></div>
</span>


</layer>
</ilayer>

<script language="JavaScript1.2">
if (iens6)
document.write('</div></div>')
</script>

<a onmouseover="movedown()" onmouseout="clearTimeout(movedownvar)"><img src="images/post_top1.gif" border="0" alt="Scroll Down" /></a>

<script language="JavaScript1.2">
if (iens6){
var crossobj=document.getElementById? document.getElementById("content") : document.all.content
var contentheight=crossobj.offsetHeight
}
else if (ns4){
var crossobj=document.nscontainer.document.nscontent
var contentheight=crossobj.clip.height
}

function movedown(){
if (iens6&&parseInt(crossobj.style.top)>=(contentheight*(-1)+100))
crossobj.style.top=parseInt(crossobj.style.top)-speed+"px"
else if (ns4&&crossobj.top>=(contentheight*(-1)+100))
crossobj.top-=speed
movedownvar=setTimeout("movedown()",20)
}

function moveup(){
if (iens6&&parseInt(crossobj.style.top)<=0)
crossobj.style.top=parseInt(crossobj.style.top)+speed+"px"
else if (ns4&&crossobj.top<=0)
crossobj.top+=speed
moveupvar=setTimeout("moveup()",20)

}

function getcontent_height(){
if (iens6)
contentheight=crossobj.offsetHeight
else if (ns4)
document.nscontainer.document.nscontent.visibility="show"
}
window.onload=getcontent_height
</script>

</div>
</div>


<!//--- LATEST THREADS END -->

And yeh i have uploaded all the images needed , ill try what u suggest now.

--------------- Added [DATE]1222969029[/DATE] at [TIME]1222969029[/TIME] ---------------

doesnt work...

--------------- Added [DATE]1222978390[/DATE] at [TIME]1222978390[/TIME] ---------------

Ok that code is working , but there must be some errors because it doesnt work when u post stuff , but only displays old ones. PLEASE HELP

Thread Tools
Show Printable Version Email this Page
Display Modes
Linear Mode Switch to Hybrid Mode Switch to Threaded Mode

X vBulletin 3.8.12 by vBS Debug Information
Page Generation 0.22069 seconds Memory Usage 2,284KB Queries Executed 11 (?)
More Information
Template Usage: (1)SHOWTHREAD (1)ad_footer_end (1)ad_footer_start (1)ad_header_end (1)ad_header_logo (1)ad_navbar_below (1)ad_showthread_beforeqr (1)ad_showthread_firstpost (1)ad_showthread_firstpost_sig (1)ad_showthread_firstpost_start (1)bbcode_html (2)bbcode_php (1)footer (1)forumjump (1)forumrules (1)gobutton (1)header (1)headinclude (1)navbar (3)navbar_link (120)option (7)post_thanks_box (7)post_thanks_button (1)post_thanks_javascript (1)post_thanks_navbar_search (7)post_thanks_postbit_info (7)postbit (7)postbit_onlinestatus (7)postbit_wrapper (1)spacer_close (1)spacer_open (1)tagbit_wrapper Phrase Groups Available: global inlinemod postbit posting reputationlevel showthread	Included Files: ./showthread.php ./global.php ./includes/init.php ./includes/class_core.php ./includes/config.php ./includes/functions.php ./includes/class_hook.php ./includes/modsystem_functions.php ./includes/functions_bigthree.php ./includes/class_postbit.php ./includes/class_bbcode.php ./includes/functions_reputation.php ./includes/functions_post_thanks.php Hooks Called: init_startup init_startup_session_setup_start init_startup_session_setup_complete cache_permissions fetch_threadinfo_query fetch_threadinfo fetch_foruminfo style_fetch cache_templates global_start parse_templates global_setup_complete showthread_start showthread_getinfo forumjump showthread_post_start showthread_query_postids showthread_query bbcode_fetch_tags bbcode_create showthread_postbit_create postbit_factory postbit_display_start post_thanks_function_post_thanks_off_start post_thanks_function_post_thanks_off_end post_thanks_function_fetch_thanks_start post_thanks_function_fetch_thanks_end post_thanks_function_thanked_already_start post_thanks_function_thanked_already_end fetch_musername postbit_imicons bbcode_parse_start bbcode_parse_complete_precache bbcode_parse_complete postbit_display_complete post_thanks_function_can_thank_this_post_start tag_fetchbit_complete forumrules navbits navbits_complete showthread_complete
Messages:

The Arcive of Official vBulletin Modifications Site.

It is not a VB3 engine, just a parsed copy!