News Ticker
Jul 23, 2001can anyone recommend a good dhtml vertical pausing news ticker which works on macs as well as pcs?
View 2 Replies
ADVERTISEMENT
Convert News Ticker To RSS News Ticker
Nov 3, 2010I have a simple news ticker script that taking scrolling text, but i want that it should take contents from rss feed.
Here is the code
HTML Code:
How to converting simple ticker too rss ticker?
JQuery :: Use A News Ticker Where The Lines Of News Fade In And Out?
Dec 1, 2010I want to use a news ticker where the lines of news fade in and out. This is a piece of the script:
$(function(){
$('.Rotator ul li').hide();
$('.Rotator ul li:first').show(); Rotate();
});
[Code]...
How To Create A BBC News Style News Ticker
Oct 27, 2005Does anyone have guidance as to how BBC News (http://news.bbc.co.uk/) generates its news ticker "Latest" that appears at the top of the screen? I am interested in creating something like this for my site.
View 1 Replies View RelatedLooking For A News Ticker With Modern Code That Is Free ?
Jan 3, 2010I'd google it but I'm not an expert at judging the age of code yet.
View 6 Replies View RelatedWhile Loading The News Ticker Content Is Rendering Outside The Div
Jul 6, 2009I have a news ticker in my site, which is using prototype. It works good in all browsers, but the problem is while loading the news ticker content is rendering outside the div.
Is there any ways to hide the content while loading or any other ideas to prevent it loading outside the div.
JQuery :: Change Flexible Height In News Ticker?
Oct 13, 2011how to change basic settings etc.But I have a problem changing the height of the following "news-ticker"
[URL]
You can see that I have different length of text in the testimonials and they appear now with fixed height. Where can I change the height so it's flexible to the amount of text. I've tried to changed it in the <li> and the <ul> but that didn't worked for me.
JQuery :: Shuffling A List (Vertical News Ticker Concept)?
Jan 26, 2010I am writing my own vertical scrolling news ticker as I can't find one I like. The basic functionality is:
Get the first item in a container (like a UL) and store it temporarily Remove it. Add the removed item to the bottom of the list. Slide the rest of the list upwards. In the example below, a UL is the target container. Each LI in the UL is removed in turn, added to the bottom and the whole thing works pretty good.Except in Internet Explorer 7 (IE7). I'm not even trying to get this working in IE6. In IE7, when the item is removed, there is no sliding animation at all.
[Code]...
RSS Ticker/scroller
May 12, 2006I have been looking for rss scrollers/tickers which go horizontally, I
have found one which goes vertically and is very good, but I have no
idea how to change this to go hoirzontally.
Does anyone know of a script I can use to solve my problem.
Obviously it is impossible to show the script I am using for the
vertical one as it is made up of several files.
Ticker Not Working In IE6 & IE7?
May 12, 2010I have a ticker that works in IE8 and Firefox 3.6 aswell as older versions of Firefox. Here is the javascipt code:
[Code]...
When I load the page in IE6 or IE7 it just just shows the little icon at the bottom that means error on page but the page is just blank.
Fading Ticker
Aug 9, 2002This is a Fading Javascript Ticker that can tick any number of messages. The Ticking message fades in while being displayed.
<!--BEGIN FADING TICKER JAVASCRIPT-->
<script language="JavaScript1.2">
// Fading Ticker JavaScript
// © Premshree Pillai
// http://www.qiksearch.com
//--------------------------------------CUTOMISE----------------------------------------------
// Ticker Messages ( HTML Tags supported)
var qiksearch_ticker_text = new Array ("Qiksearch.com", "FREE JavaScripts by Premshree Pillai", "Articles by Premshree Pillai", "Intellisearch Bar FREE Download");
// Ticker Message URLs
var qiksearch_ticker_URL = new Array ("http://www.qiksearch.com", "http://www.qiksearch.com/javascripts.htm", "http://www.qiksearch.com/articles.htm", "http://www.qiksearch.com/intellisearch.htm");
// Ticker Message URLs' Target (1 for NEW WINDOW, 0 for SAME WINDOW)
var qiksearch_ticker_target = new Array ("0", "0", "0", "1");
var qiksearch_ticker_width = 390; // The width of the Ticker
var qiksearch_ticker_height = 25; // The height of the Ticker
var qiksearch_ticker_borderw=1; // Border width
var qiksearch_ticker_borderc="#808080"; // Border Color
var timeOutVal=200; // Delay in milliseconds
var isPause=false; // true if you want pause on mouseover, else false
// setting to true is a bit buggy
//--------------------------------------------------------------------------------------------
//-----------------------------DO-NOT-MODIFY-BELOW-THIS---------------------------------------
var ie4=document.all&&navigator.userAgent.indexOf("Opera")==-1;
var ns6=document.getElementById&&navigator.userAgent.indexOf("Opera")==-1;
var ns4=document.layers;
var qiksearch_tickerObj;
var ticker_left_ns4=(screen.width/2-20)-Math.round(qiksearch_ticker_width/2);
// Setting qiksearch_tickerObj depending on Browser
function setTickerObj()
{
if(ie4)
{
qiksearch_tickerObj=document.all.qiksearch_js_ticker;
}
if(ns6)
{
qiksearch_tickerObj=document.getElementById("qiksearch_js_ticker");
}
}
// isPause Content
var isPauseContent;
if(isPause)
{
isPauseContent=' onMouseOver="delay_timeOutVal();" onMouseOut="resume_timeOutVal();"'
}
else
{
isPauseContent=''
}
if(ie4||ns6)
{
document.write('<table' + isPauseContent + ' onMouseUp="goURL();" width="' + qiksearch_ticker_width + '" height="' + qiksearch_ticker_height + '" style="cursor:pointer; background:#FFFFFF; border:' + qiksearch_ticker_borderw + 'px solid ' + qiksearch_ticker_borderc + '"><tr><td align="middle">');
document.write('<div id="qiksearch_js_ticker">');
document.write('</div>');
document.write('</td></tr></table>');
}
var def_10='A',def_11='B',def_12='C',def_13='D',def_14='E',def_15='F'
var colorVal=15;
var div_count=0;
// Fading Color code Generating function
function qiksearch_fade_desat(getColorIntVal)
{
var returnVal;
if(getColorIntVal>=10)
{
for(var i=0; i<=15; i++)
{
if((getColorIntVal==i))
{
returnVal = eval('def_' + i);
}
}
}
else
{
returnVal=getColorIntVal;
}
return(returnVal);
}
// Main
function writeDiv()
{
if(ie4||ns6)
{
qiksearch_tickerObj.innerHTML= '<font face="verdana,arial,helvetica" size="-1" color="#' + joinColor(qiksearch_fade_desat(colorVal)) + '"><b>' + qiksearch_ticker_text[div_count] + '</b></font>' ;
}
if(ns4)
{
qiksearch_tickerObj=document.qiksearch_ticker_ns4;
qiksearch_tickerObj.document.write('<table border="1" bordercolor="' + qiksearch_ticker_borderc + '"width="100%"><tr><td align="center"><a href="javascript:void(0);"' + isPauseContent + ' onMouseUp="javascript:goURL();"><font face="verdana,arial,helvetica" size="-1" color="#' + joinColor(qiksearch_fade_desat(colorVal)) + '"><b>' + qiksearch_ticker_text[div_count] + '</b></font></a></td></tr></table>');
qiksearch_tickerObj.document.close();
}
if((colorVal>0) && (colorVal!=0))
{
colorVal--;
}
else
{
colorVal=15;
if(div_count<qiksearch_ticker_text.length)
{
div_count++;
}
if(div_count==qiksearch_ticker_text.length)
{
setTimeout("resetAll()",timeOutVal);
setTimeout("writeDiv()",timeOutVal);
}
}
if(div_count<qiksearch_ticker_text.length)
{
setTimeout("writeDiv()",timeOutVal);
}
}
// Generating Final Hex Color
function joinColor(getColor)
{
return (getColor + Ɔ' + getColor + Ɔ' + getColor + Ɔ');
}
// Reset
function resetAll()
{
div_count=0;
colorVal=15;
}
// URL Navigation function
function goURL()
{
if(qiksearch_ticker_target[div_count]=="0")
{
location.href=qiksearch_ticker_URL[div_count];
}
else
{
if(qiksearch_ticker_target[div_count]=="1")
{
window.open(qiksearch_ticker_URL[div_count]);
}
}
}
// Setting Delay on MouseOver and MouseOut
var temp_timeOutVal=timeOutVal;
function delay_timeOutVal()
{
timeOutVal=100000000000000;
setTimeout("writeDiv()",timeOutVal);
}
function resume_timeOutVal()
{
timeOutVal=temp_timeOutVal;
setTimeout("writeDiv()",timeOutVal);
}
setTickerObj();
window.onload=writeDiv;
if(ns4)
{
document.write('<layer id="qiksearch_ticker_ns4" width="' + qiksearch_ticker_width + '" left="' + ticker_left_ns4 + '"></layer>');
}
</script>
<!--END FADING TICKER JAVASCRIPT-->
A JavaScript Ticker
Sep 25, 2002<!--
********************************
Message Center 4.0
Designed for older browsers.
By Skyzyx Genesis
********************************
-->
<html>
<head>
<title>
Message Center 4.0
</title>
<script language="javascript">
<!--
// Basic Configuration
var zDelay=4000;
var zCurrMsg=0;
var zContents=new Array;
// Site Switcher
var site=1;
if (site==1)
{
// Messages
zContents[0]="This is site 1 message 1";
zContents[1]="This is site 1 message 2";
zContents[2]="This is site 1 message 3";
zContents[3]="This is site 1 message 4";
zContents[4]="This is site 1 message 5";
}
else if (site==2)
{
// Messages
zContents[0]="This is site 2 message 1";
zContents[1]="This is site 2 message 2";
zContents[2]="This is site 2 message 3";
zContents[3]="This is site 2 message 4";
zContents[4]="This is site 2 message 5";
}
else if (site==3)
{
// Messages
zContents[0]="This is site 3 message 1";
zContents[1]="This is site 3 message 2";
zContents[2]="This is site 3 message 3";
zContents[3]="This is site 3 message 4";
zContents[4]="This is site 3 message 5";
}
else if (site==4)
{
// Messages
zContents[0]="This is site 4 message 1";
zContents[1]="This is site 4 message 2";
zContents[2]="This is site 4 message 3";
zContents[3]="This is site 4 message 4";
zContents[4]="This is site 4 message 5";
}
function zMessageCenter()
{
var zMessages=zContents.length;
if (document.getElementById)
{
zMCID=document.getElementById("ShowMessageCenter");
zMCID.innerHTML=zContents[zCurrMsg];
}
// MESSAGE COUNTER
if (zCurrMsg == (zMessages-1)) zCurrMsg=0;
else zCurrMsg++;
setTimeout("zMessageCenter()", zDelay)
}
//-->
</script>
</head>
<body>
<span style="font-family:Verdana; font-size:16pt; color:#0066FF; font-weight:bold;" id="ShowMessageCenter"></span>
<script language="javascript">
<!--
zMessageCenter();
//-->
</script>
</body>
</html>
How To Make Animated News Bar ?
Sep 30, 2009i wanna make animated news bar like the one in the top of site alibaba.com, so how can i do that,
View 1 Replies View RelatedNews Box With Loop And MouseOver
Jul 17, 2011I would like to have a box in which to loop several html files (every 5 seconds or more)or to change the file by pointing buttons at the bottom at the box(without making click, just mouseover)I don't know if this is only based on JavaScript.I don't know if the terms (box / loop / html / buttons) describe exactly what I want to have.I Googled it for hours.To be more specific, you could see the well known radio site URL... and on the left there is Today's Top Stories.
View 3 Replies View RelatedJavascript Typewriter Ticker
Jul 23, 2005Does anyone know of a good Javascript typewriter ticker that allows
you to insert HTML into the ticker. I have found lots but when HTML is
inserted, the ticker pauses at the point it reaches the HTML as well
as applying the formatting. I need one whose character timer ignores
characters in tags. I need to apply font color and weight styling to
different words.
Rss Ajax Ticker, Issues In IE
Mar 7, 2007Ive created a ticker that reads my RSS files by loading the xml in an
Ajax function.
To refresh the content, Ive used a settimeout that reloads the xml,
through ajax calls, and refresh the portion of the page with the rss
content.
It works fine in Firefox , where the content is always updated, while
i have problems in IE since it seems that the RSS is cached at the
first page opening and so all the automatical refreshes just dont
work(the xml received is always the old one).
Ticker/scroller Script From DD
Dec 28, 2007I have a question about this scroller/ticker script (http://www.dynamicdrive.com/dynamicindex2/mikescroll.htm) I'm working with. I'm able to get the script working on it's own page, but when I put into my HTML I'm having an issue where all the test lays on-top of each other and the scrolling is broken (see attached image).
View 3 Replies View RelatedWay To Display WKSE Ticker
Dec 22, 2009I want to display Karachi Stock Exchange ticker in my website ..
is there any way to get that only part of ticker ?
Import News Feeds From Various Web Sites?
Apr 23, 2010I need to be able to import news feeds from various web sites.I only want to display the title and the first line or two from the source, with a link back to the source. I guessing it's JavaScript, but I really don't know where to start.
View 2 Replies View RelatedMake A News Slider For A Website In Js?
Jan 11, 2011I'm trying to make a news slider for a website in js. This is what I currently have:
<script type="text/javascript">
var refresh = setInterval("refresh()", 5000);
function refresh()[code]....
The id #top_news is an empty div, in which the news are shown, and the file top_ten.php gets top 10 news from the database, and outputs a random one. The script is working fine, but what I want is, for news to slide in and when a new article slides in, the old one slides out. It would be even better, if there is an excistant script, for news or divs (a small image and text).ALSO, when I refresh/load the site, it takes the time from setInterval, to load the news.
Scrolling Text For News Section?
Feb 1, 2011I want to make a news section on right side of my webiste's main page, it can in dreamweaver
View 2 Replies View RelatedMoveable Divs - Google News
Mar 10, 2006Does anyone know of a tutorial for how I can do what google news does for "Personalize this page" It seems like it is moveable divs, that lock into position?
View 2 Replies View RelatedCreate A News Section Like The One On Liverpoolfc.tv?
Jan 9, 2011Does anyone know ho to create a news section like the one on liverpoolfc.tv?
View 1 Replies View RelatedShow / Hide News And Tip When Clicked?
Oct 29, 20111. I have code to show tip like:
<a class="notvisible" onclick="mytip.disable();" href="javascript:void(0);">Close</a>
How is correct Javascript code to Close this tip when clicked?
2. How to move next news feed with click on arror icon and back icon?
<a onclick="mynews.previous();" href="javascript:void(0);">Previous</a> <a onclick="mynews.next();" href="javascript:void(0);">Next</a>
How is correct Javascript code to move news item next and prevoius news? when clicked?
PHP Code:
<script type="text/javascript">
mynews.init();
mytip.init();
</script>
Google News Api Search - Add Image{}?
Dec 16, 2010I tried to make a easy google news search api. I know google news api search can show max 8 items per page, and 8 pages(total 64 items).
1.How to add `image{}`(I want to show the news image), I read the document in google official website, but not understand.
2.Can google news api search set a start page at page 3?(the default page is always show page 1)
3.Is google api search have a day limit? I saw the old version Google SOAP Search API just allow custom use 1000 times per day.
[Code]....
Ticker Scroller Doesn't Work In IE8
May 16, 2011[URL] The ticker below the navbar works fine in FF and Safari, does not work in IE8 (and mostly likely other IE version as well). In IE, the live page will not even load; will load locally but the ticker doesn't work (remains static). Here is the .js:
TICKER_CONTENT = document.getElementById("TICKER").innerHTML;
TICKER_RIGHTTOLEFT = false;
TICKER_SPEED = 1;
TICKER_STYLE = "font-family:Arial; font-size:12px; color:#444444";
TICKER_PAUSED = false;
[Code]...