
	��ASP Shopping Cart,�Forum�&�BBS ��- all for $20 from CodeToad Plus!	��

��Home�||�ASP�|�ASP.Net�|�C++/C#�|�DHTML�|�HTML�|�Java�|�Javascript�|�Perl�|�VB�|�XML�||�CodeToad�Plus!�||�RAM�

Search Site:

Home��DHTML��Article

DHTML News Bar

Article by:

Premshree Pillai (8/28/2002)

	Add to Favourites
	Tell a friend

Summary:

This is the News Bar script which displays a number of messages and rotates them using DHTML.

Viewed: 78408 times

Rating (86 votes):�

�4.1 out of 5

�

Rate this Article

�

Read Comments

�

Post Comments

DHTML News Bar

This is the News Bar script which displays a number of messages. To display the next message click on the Right Arrow (Next). For previous message click Left Arrow (Previous). Another array target_url has been added for an option to open link in same or new window.

Also, you have an option whether you want to tick the messages or let it be static. View the source for customisation.

Select All Code

<script language="javascript">

//News Bar script- By Premshree Pillai (premshree@hotmail.com)
//http://www.qiksearch.com/javascripts.htm

//------------------------------CONFIGURE NEWS BAR--------------------------------

//Copy entire script and <style> section in the head of page
//************* SEE END OF SCRIPT FOR OPTION TO TICK MESSAGES *******************

 var msgs = new Array(
     "Welcome to Qiksearch",
     "FREE Javascripts from Qiksearch",
     "Intellisearch Bar 2.0",
     "DynamicDrive.com" ); // No comma after last ticker msg

 var msg_url = new Array(
     "http://www.qiksearch.com",
     "http://www.qiksearch.com/javascripts.htm",
     "http://www.qiksearch.com/intellisearch.htm",
     "http://www.dynamicdrive.com" ); // No comma after last ticker url

 // For New Window, "1" 
 var target_url = new Array(
     "0",
     "0",
     "0",
     "1" );
     
var barwidth=350 //Enter main bar width in px or %
var setdelay=2000 //Enter delay between msgs, in mili-seconds
var mouseover_color='#B5D0FF' //Specify highlight color
var mouseout_color='#FFFFFF' //Specify default color

//---------------------------------------------------------------------------------

/////////////////////////////////////////////////////////////////////

var count=0;
var ns6=document.getElementById&&!document.all
var ie4=document.all&&navigator.userAgent.indexOf("Opera")==-1

if (ie4||ns6){
document.write('<form name="news_bar"><input type="button" value="3" onclick="moveit(0)" class="scrollerstyle" style="width:22; height:22; border-right-width:0px;" name="prev" title="Previous News"><input type="button" name="news_bar_but" onclick="goURL();" style="color:#000000;background:' + mouseout_color + '; width:'+barwidth+'; height:22; border-width:1; border-color:#000000; cursor:hand" onmouseover="this.style.background=mouseover_color" onmouseout="this.style.background=mouseout_color"><input type="button" value="4" onclick="moveit(1)" class="scrollerstyle" style="width:22; height:22; border-left-width:0px;" name="next" title="Next News"></form>');
}
else{
document.write('<form name="news_bar"><input type="button" value="Previous" onclick="moveit(0)">')
if (navigator.userAgent.indexOf("Opera")!=-1)
document.write('<input type="button" name="news_bar_but" onclick="goURL();" style="width:'+barwidth+'" border="0">')
else
document.write('<input type="button" name="news_bar_but" onclick="goURL();" width="'+barwidth+'" border="0">')
document.write('<input type="button" value="Next" onclick="moveit(1)"></form>')
}

function init_news_bar(){
  document.news_bar.news_bar_but.value=msgs[count];
}
//moveit function by Dynamicdrive.com
function moveit(how){
if (how==1){ //cycle foward
if (count<msgs.length-1)
count++
else
count=0
}
else{ //cycle backward
if (count==0)
count=msgs.length-1
else
count--
}
document.news_bar.news_bar_but.value=msgs[count];
}

function tick_bar(){
setInterval("moveit(1)",setdelay)
}

function goURL(){
 if(target_url[count]=="0")
 {
  location.href=msg_url[count];
 }
 else
 {
  window.open(msg_url[count]);
 }
}

//--------------------------------------Ticker Effect----------------------------------

tick_bar(); // delete this line if you don't want messages to tick

//-------------------------------------------------------------------------------------

init_news_bar();

</script>

Useful Links

CodeToad Experts

Can't find the answer?
Our Site experts are answering questions for free in the CodeToad forums

Rate this article: ��Poor Excellent

View highlighted Comments

User Comments on 'DHTML News Bar'

RELATED ARTICLES
Simple Thumbnail Browsing Solution by Troy Wolf This simple script allows the user to select from several thumbnail images and view the larger image, using a mixture of DHTML and Cascading style sheets.

Creating CSS Buttons by Thomas D. Greer With Cascading Style Sheets, you can turn ordinary hyperlinks into fully functional "buttons", without using JavaScript.

DHTML Javascript Ticker by Premshree Pillai This is a JavaScript Ticker which ticks a number of messages like the one shown above. It also has a useful 'Show All' feature.

DHTML Horizontal Scroller by Premshree Pillai Scroll text horizontally when the user hovers over a link.

Manipulate Scrollbar Colors Using CSS and JavaScript by Mike Thompson The thing about the default color of scrollbars is that it's dull and ugly -- usually this color is gray. Wouldn't it be nice to change this color to better fit the overall theme of your site? Luckily, Cascading Style Sheets and JavaScript can be used to do just that!

DHTML News Bar by Premshree Pillai This is the News Bar script which displays a number of messages and rotates them using DHTML.

DHTML Scrolling Image by Premshree Pillai Using this script the user can scroll an image left or right by clicking a buttong

DHTML Image Zoom Out by Premshree Pillai Click on the image and it zooms out and disappears. This script could be a way to handle advertising or other images.

DHTML Zoom In and Out Script by Premshree Pillai Using zoOom, you can zoom in and zoom out any image that is specified in the code.

Simple Mouse Trail using VB Script by Jeff Anderson With IE gaining in prominence every day, it's becoming acceptable to use VBScript in web pages. That makes some activities like the mouse trail a real cinch.

Recent Forum Threads

•�	Run a program both on windows and linux
•�	VERO.SurfCAM.v2014
•�	Schlumberger.Petrel.V2013.2
•�	Petrel.V2013.2
•�	Altair.HyperWorks.v12
•�	VoluMill.v6.1
•�	VoluMill.NEXION.6
•�	VERO.SurfCAM.v2014
•�	Schlumberger.Petrel.V2013.2

Recent Articles

	ASP GetTempName
	Decode and Encode UTF-8
	ASP GetFile
	ASP FolderExists
	ASP FileExists
	ASP OpenTextFile
	ASP FilesystemObject
	ASP CreateFolder
	ASP CreateTextFile
	Javascript Get Selected Text

��privacy��-� contact��-� advertise��-� hot links��-� link to us��-� submit your article��