I 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?
I 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]...
Does 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 Relatedcan anyone recommend a good dhtml vertical pausing news ticker which works on macs as well as pcs?
View 2 Replies View RelatedI'd google it but I'm not an expert at judging the age of code yet.
View 6 Replies View RelatedI 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.
how 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.
I 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]...
I 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.
I 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.
This 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-->
<!--
********************************
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>
i 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 RelatedI 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 RelatedDoes 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.
Ive 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).
I 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 RelatedI want to display Karachi Stock Exchange ticker in my website ..
is there any way to get that only part of ticker ?
I 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 RelatedI'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.
I want to make a news section on right side of my webiste's main page, it can in dreamweaver
View 2 Replies View RelatedDoes 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 RelatedDoes anyone know ho to create a news section like the one on liverpoolfc.tv?
View 1 Replies View Related1. 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>
I 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]....
[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]...
