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 RepliesI 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.
[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]...
i'm using this code:
var r_text = new Array ();
r_text[0] = "Random Text 0";
r_text[1] = "Random Text 1";
r_text[2] = "Random Text 2";
r_text[3] = "Random Text 3";
r_text[4] = "Random Text 4";
[Code]...
The text is yellow..size 10, yet whatever font family i specify, will ALWAYS appear in the font Georgia (in the browser im using, Firefox.) in both Opera and IE, it comes out Times New Roman! this is a real rooky problem, but i am a rooky and i'd just like to understand why, and how to ACTUALLY get Calibri.
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
Is it just extraneous code possibly? It seems to be ok (from right to left) in Firefox 3 but using IE and Opera, it scrolls from btm to top and I cannot figure out why.
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 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>
can anyone recommend a good dhtml vertical pausing news ticker which works on macs as well as pcs?
View 2 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 want to display Karachi Stock Exchange ticker in my website ..
is there any way to get that only part of ticker ?
The following is a JS ticker.It works well, but I can't figure out why the text in italic tags is being printed with the tags, instead of becoming italicized.example is here:
[URL]
Code:
<div>
<span id="tick"><a href="#"> </a></span><span id="cursor"><img src="http://www.sposa.com/images/feedicon.gif" border="0" alt="_" height="10" width="8" /></span>
<script language="javascript">
[code]....
I am using a script for my navigation which is a vertical expanding menu that opens when clicked on. However when i have added another script which creates a scrolling marquee across the page, the menu links dont stay expanded as the page gets reloaded (ie. <a href="#".. ) as if its a normal link. Code:
View 3 Replies View RelatedI'd google it but I'm not an expert at judging the age of code yet.
View 6 Replies View RelatedI need to develop a scrolling price ticker, which shows live price quotes and retrieves data through PHP file and that retrieves from back end server.
That ticker should have an Embed function also like a Widget, so other blog, websites, they can put the live quotes ticker also.
How to be able to create charts, with a selection of different time-frames, and currency pairs. And it should also has Embed feature like a widget.
I have the following script in my page
var tickspeed=4000
var enablesubject=0
if (document.getElementById){
[code]....
I also have the following in my html:
<div id="dropcontentsubject"></div>
<div id="dropmsg0" class="dropcontent" subject=""></div>
There are a total of 4 dropmsg# divs. I need to be able to input 4 navigation buttons below this code that will, when clicked, pause the ticker and go directly to the "dropmsg#" assigned to that button.
This JavaScript Ticker is an example of "Data Binding" using "Tabular Data Control (TDC)" which is a Microsoft ActiveX control built in to Internet Explorer....
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.
This is funny cuz I just got done saying this morning that everything works in FF.
Well...I guess I don't know what I'm talkin about. What I'm trying to do is pretty simple. I just want to use this code to put in a ticker message at the top of my page. Just a static message. It works great in IE and Safari, but in FF it just sits there and doesn't tick. Firefox does display my 'TICKER_STYLE' changes tho. This is where I got the code from www.mioplanet.com. Below is the javascript from webticker_lib.js code...
Here is what I've tried so far:I've tried moving the <script></script> piece all over the place. This includes the head.
I took the javascript piece for if (navigator.userAgent.indexOf("MSIE")!=-1 ...{ ... and tried that with "Firefox" I changed some tags around. Don't recall all of what I changed there, but nothing worked. I have a feeling it's tag related because in the webticker_lib.js I changed 'var tickerSupported = false;' to true and that didn't work. Also, I know it's recognizing my browser as FF because I took the 'indexOf("Firefox")' piece out and it then displayed the 'else {' markup without my css changes.
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 have a Body onload event (to load the chained Menu) and a windows.onload event (to load the IFrame Ticker).If I open the page in Internet explorer both scripts function; however in Firefox I'm having problems.The Chained Menu works, however the IFrame Ticker does not display. Both events ahave ben placed on the boady tag.how I can get both to display in Firefox.
View 7 Replies View RelatedI 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]...
My client wants a ticker, only with client logos. I've found several scripts which are cool, though no one is precisely what I'm after. Company logos vary in their proportions. I'd like ideally a script able to continuously horizontally animate images of the same height, but with variable widths. Found plenty of scripts moving same width images left/right, or using a carrier (table/div/layer) to contain a set of variable width images - the latter leads to blank moments my client doesn't like while the carrier is repositioned.
I'm very intrigued as to why this doesn't seem to have been done and wonder if there's a reason. Is the computation needed in passing widths in a variable to a move function too much for the client-side? I don't want to waste my time wading into repurposing a script for this if it's not viable as I can't pass that cost on to the client, you see. I'd rather bail and do it using Flash.
I have this tweet ticker code that scrolls a live feed at the very top of the header. It runs on jQuery 1.5.0. The site I have has a vertically scrollTo div for each button pressed on the navigation. The problem I'm having is that as soon as I plug in the jQuery 1.5.0 which turns on the tweet ticker, it stops the overflow and the scrollTo. So when I click on any of the navigation buttons it jumps to the next page rather than scrolling smoothly.
View 7 Replies View Related