Random Scrolling Text
May 30, 2006
I want to add a sort of news service to my site. I've a number of
messages, wich I want to be shown in a <marquee> tag. I've found a
simple scrit that generates an random message (wich I've putted in an
array) and the message is shown in an marquee tag. The problem is that
for changing the message, a reload of the page is required. Isn't
there a way to reload the message? Or every time the marquee tag shows
a message, it will be a differrent message? Or perhaps not using the
marquee tag, but another way to scroll text trough a page? ...
View 1 Replies
ADVERTISEMENT
Aug 6, 2010
im searching for a plugin/code example for text scrolling. I got some text in a <div> if text is longer than for example 300px it gets cut and is scrolling from start to end, stops for a second and then scrolls back, stops and all over, and if its not long enough than 300px then just displays normaly. Something similar to the Song name scrolling inin anyMP3 player.
View 2 Replies
View Related
Oct 1, 2007
Here is a little script I made and it just vertically scrolls text, but this is about the slowest I can make the text scroll, how could I get it to scroll slower witht his script? I can't increase the timeout else the eye can detect it.
HTML Code:
<script type='text/javascript'>
var done = false;
function scrollUp(x)
{
var box = document.getElementById('inner-scroll-box');
if (Math.abs(x) > box.scrollHeight) done = true;
box.style.top = (x - 1) + 'px'
if (!done) {
setTimeout('scrollUp(' + parseInt(box.style.top) + ')', 25);
} else {
done = false;
scrollUp(100);
}
}
</script>
View 1 Replies
View Related
Oct 9, 2009
in a page I'm working on I have room for a div height not more than200px, however I need to fit in a text that requires 300px and I don'twant to show the scroll-bar on the right side so I'm looking for someways/plug-ins in order to scroll the text within the div. I'd like tbe able to scroll down, to scroll up and to stop the scrolling.
View 2 Replies
View Related
Nov 29, 2005
I want to have some text inside a layer scroll up or down when the mouse moves over a certain image.
I tried this:
View 1 Replies
View Related
Jun 9, 2004
One of my clients has been using <marquee> to make some text scroll, but apparently it doesn't comply with W3C accessibility guidleines. I've been hunting around for a CSS/JavaScript code so we can lose the <marquee> command, but I can't find one. Do you know where I can get hold of one?
View 2 Replies
View Related
Jun 22, 2009
I just can't win with this site. Everytime I fix a problem, another arises.[URl].... If you view the site through IE, within the 'Upcoming Shows' i/frame, you will see some scrolling text (bottom to top).
The page that holds the code is www.mrbizness.com.au/updates.asp (the iframce pulls the code)
The problem is, it only seems to work in IE. When you view it in FF or Safari, instead of scrolling the text, it just displays the code. I've been awake for far too many hours, and consumed WAY too much PEPSI, so my eyes just aren't working anymore.
Anybody have any ideas why it would be doing this? I really want to get the site finished and be done with it...I think it's posessed.
View 2 Replies
View Related
Apr 21, 2010
I'm writing application that displays messages from users. This messages are kept in external XML file and every time user post a new message this XML document is appended.
What I want to do is to display all messages at the bottom of screen. Messages have to slide horizontally in one line. To do that I used this code:
horizontalScroll.js:
var scrllTmr;
window.onload = function(){
document.getElementById('scroll').style.overflow = 'hidden';
document.getElementById('scrollme').style.float = 'left';
[Code]....
The problem with that code is that at 1/3 length of text it starts from beginning and this is wrong. The text have to scroll to the very end and then start to scroll from beginning again.
Another thing, that I'm unable to deal with is refreshing/reloading the content from XML file. What I need to do is to check if XML was changed/appended and if it was then I have to add this added message to text that scrolls horizontally and view it at the end of horizontal text. I'm pretty sure I have to use Ajax here. Also, if text from XML file will be added to horizontal text page cannot refresh and start scrolling from beginning, but instead of that if have to append horizontal text and continue to scroll showing appended message at the end.
View 1 Replies
View Related
Feb 1, 2011
I want to make a news section on right side of my webiste's main page, it can in dreamweaver
View 2 Replies
View Related
Feb 28, 2006
I came across this javascript scrolling text. My problem is :- I need to have a huge big long message/ messages, but after a certain point the scroller stops scrolling and goes back to the beginning so doesnt show every message that I want. I have tried to take out the <nobr> tags but that doesnt work. Is there anyone out there that can have a look at the code below and see if it can be modified to allow multiple lines of messages. Many thanks
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>Untitled Document</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<SCRIPT LANGUAGE="JavaScript1.2">
<!-- Begin
var l1 = 0; // left of ticker in pixel, or 0 to position relative
var t1 = 0; // top of ticker in pixel, or 0 to position relative
var w1 = 780; // width of ticker in pixel
var ie = document.all ? true : false;
var first = true;
var l2 = l1 + w1;
var l3 = l1 - l2;
var l = l2;
function tickinit() {
if (ie) {
if (l1 == 0 && t1 == 0) {
pos = document.all['tickpos'];
l1 = getLeft(pos);
t1 = getTop(pos);
}
ticktext.style.posTop = t1;
}
else {
if (l1 == 0 && t1 == 0) {
pos = document.anchors['tickpos'];
l1 = pos.x;
t1 = pos.y;
}
document.ticktext.pageY = t1;
}
l2 = l1 + w1;
l3 = l1 - l2;
l = l2;
setInterval('tick()', 10);
}
function getLeft(ll) {
if (ll.offsetParent)
return (ll.offsetLeft + getLeft(ll.offsetParent));
else
return (ll.offsetLeft);
}
function getTop(ll) {
if (ll.offsetParent)
return (ll.offsetTop + getTop(ll.offsetParent));
else
return (ll.offsetTop);
}
function tick() {
l = l - 1;
if (l < l3) l = l2;
cl = l1 - l;
cr = l2 - l;
if (ie) {
ticktext.style.posLeft = l;
ticktext.style.posTop = t1;
ticktext.style.clip = "rect(auto "+cr+"px auto "+cl+"px)";
if (first) ticktext.style.visibility = "visible";
}
else {
document.ticktext.pageX = l;
document.ticktext.clip.left = cl;
document.ticktext.clip.right = cr;
if (first) document.ticktext.visibility = "show";
}
first = false;
}
// End -->
</script>
</head>
<body OnLoad="tickinit()"> .....
View 6 Replies
View Related
Aug 4, 2009
how to get started on how to make a scrolling text on an iframe..like a scrolling news on a page.
View 6 Replies
View Related
Nov 17, 2006
I have this script that scrolls the plain text.
<script type="text/javascript">
var msg = 'My scrolling text. ..'
var myTimeout;
function scrollMsg() {
document.getElementById('textScroll').innerHTML = msg;
msg = msg.substring(1,msg.length) + msg.substring(0,1);
myTimeout = setTimeout(scrollMsg, 200);
}
</script>
How must I change the script so that it will work with HTML text too?.
View 5 Replies
View Related
Nov 9, 2011
So I am new to JQuery and Javascript in general. I have a MasterPage with a content placeholder specifically for my JQuery script tags on my content pages.
My content page is set up as follows;
The text file text looks like this
Needless to say I cannot get it to work.
View 2 Replies
View Related
Apr 7, 2009
I have written a JS search function. I want it to work with IE, Firefox, Opera and Windows Safari. At this point it is working in all four of these browsers except for one feature: if the word I'm searching for is at the bottom of the textarea (not in the visible text) then the search function will not scroll the text up so that the find is visible.
I should quickly say that this does work in IE but not in the other three browsers. I'm at a loss as to how to get the textarea to scroll the found word into view in FF, Opera and Safari.
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
[Code]......
View 3 Replies
View Related
Jan 12, 2010
Here is an example of a scrolling window and the codes about it:
[Code]...
I have some questions about it:
a)Can i move the text from top to the buttom?(which is the opposite from what it moves now).
b)How can i make the text to move nonstop?In other words when it stops to start again.
c)I have used the obj.style.left=pos in order to make the text move from left to right but i want it to move all horizontally in one line only.How could i do that?
View 1 Replies
View Related
Mar 2, 2010
Can anybody find out why the scrolling banner text doesn't work in IE but does in everything else? code...
View 1 Replies
View Related
Jan 9, 2010
I'm trying to find a script that will scroll text past fixed position sandbag divs.
I want the text to flow around an image as it scrolls.
It's easy to do the wrap around the image part. I can't seem to find anything that will continue wrapping the content of your site around the fixed background as you scroll though.
View 4 Replies
View Related
Jan 12, 2011
<html>
<body>
<script language="JavaScript1.2">
//change 1 to another value to alter the scroll speed. Greater is faster
[Code]....
View 1 Replies
View Related
May 6, 2009
I inherited a site that has jscript and html content. The site frame (top and left nav) are controlled by the jscript file. Most all of the content that is displayed when links or topics are selected is placed in the center of the page. I need to put some scrolling text in one of the top frame blocks, (the section that is java script file).
function buildMenus(){
var headerString = "";
var leftnavString = "";
var footerString = "";
[code]....
I have a couple of jscripts that do the scrolling I want, I just need to know how to insert it in the above section.
View 3 Replies
View Related
Jun 24, 2002
I am looking at a client’s site that has a scrolling text bar at the bottom of the page for latest news. I have been asked to recommend whether they keep the scrolling text as a java applet or whether they make it dhtml with Javascript to make it scroll.
To be honest, I’m not sure whether there really is an important difference, in terms of download time, likelihood of working (if client browsers are better enabled for one verses the other), or whether there are any other reasons one should be used over the other.
View 2 Replies
View Related
Jun 10, 2011
i have a script that is close to working, but not quite. it loads 1 of 9 random images on pageload with the corresponding link on the image. that works fine. i am trying to also get the corresponding copy to appear next to it, but it seems to be totally random as well and not matching up with its proper image (for example, if image 5 loads, then copy 5 should be the one that loads). below is what i have.
HTML Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
[code]....
View 1 Replies
View Related
Oct 29, 2004
I'm trying to make a random quote in javascript but the timer doesnt work can someone help me?
<html>
<head>
<title>Untitled Document</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<script LANGUAGE=JAVASCRIPT>
<!--
var banners = new Array(
'lee',
'dee',
'bee');
var old = 0;
var current = 0;
function init()
{
while (current == old)
{
current = Math.floor(Math.random()*banners.length);
}
old = current;
document.write(banners[current]);
setTimeout('init()',3000);
}
// -->
</SCRIPT>
</head>
<body onload="init()">
</body>
</html>
View 3 Replies
View Related
Apr 12, 2010
For those without the time or patience to read the full post i have summarised a list of my issues, for the full description of the reasons behind them please read on.
Disabling the text cursor in a specific text field (not the mouse cursor but the one which is controlled by the keyboard inside the field)
Adjust the blink rate or the colour of a carat.
Anyone who has some in-depth knowledge about browser based games who would like to tell me about how they stop arrow keys from scrolling around the page.
I am currently constructing a page which displays a gallery of images and I have been trying to correct one final issue for some time now.
I have used a pair of buttons to navigate through the table cells in which the images are stored by using a getElementByTagName function and having the buttons adjust the index of the desired image. This works fine.
My issue arises from the fact that I also assigned the arrow keys using onkeydown and the relevant keycodes to call the same function so that the user can navigate the table via those keys. It all worked perfectly until I tested the page while it was zoomed in far enough that the browser scrollbars kicked in and with each arrow key press the page would scroll while also changing the selected image.
This in itself kind of highlighted the fact that I shouldn't really be hijacking default browser functions, so the logical solution was to a) provide the user with the option to enable arrow key navigation and b) prevent the document from scrolling about while this option is enabled.
So for:
a) I created a button which when pressed activates the onkeydown functions for the arrow keys and then changes into a button which will deactivate them again onclick.
b) was a hell of a lot more difficult to fix but in the end I found what I will call a "back door" method where I insert a read only text field, set it to match the background (which is conveniently black) so it is invisible, and force the document focus into the text field while the button is active. This disables the scrolling completely while the navigation is turned on and works perfectly... in firefox.
Someone extremely clever at Microsoft decided to code IE to make the text entry cursor contrast with whichever background is selected for the field, as a result I'm stuck with a blinking white carat next to my buttons which may be one of the most irritating things I have ever seen on a black background.
So again, I would be extremely happy if someone could suggest a solution to any of the following:
Disabling the text cursor in a specific text field (searched far and wide about this and the only answer anyone gets seems to be 'why bother using a text box at all' or 'removing my carat would make me extremely angry as a user' but usually because they dont specify why they want to hide it).
At least adjust the blink rate or the colour of the carat to make it less annoying or invisible (seen one example about the blink rate in JS but it seemed angled towards game coding and I couldnt get it to work on my page - tips appreciated).
An alternative or all-round better way to approach the navigation function issue as I'm not too pleased about having an invisible, barely functioning text field in the middle of my page - I've seen a few posts about setting up a div which acts as its own window but I haven't yet seen it working.
Anyone who has some in-depth knowledge about browser based games who would like to tell me about how they stop arrow keys from scrolling around the page.
One thing that I am fixed on keeping is that it is the arrow keys which navigate the table, I know an instant solution would be to use ASDW but I've been bashing away at this for so long that it's getting personal now.
View 3 Replies
View Related
Jul 23, 2005
I'm going through some "learning by doing" of javascript through trial
and error, and admittedly have a lot to learn. But in taking various
scripts and dissecting them, I still can't figure out if what I want to
do is possible, and that is this:
I'm trying to include a paragraph on my page that is randomly chosen
each time the page loads. This I can do. But in this paragraph I'm
trying to include varied text formatting (parts bold, parts different
color, etc), and make part of it a link.
If I use unformatted, un-linked text, it works fine, but that's not my
goal. When I try including html in the items from which to be selected
randomly, whether by directly specifying the attributes or using CSS
class references, nothing displays, which makes me wonder what of all
this is the problem.
View 1 Replies
View Related
Aug 9, 2009
New to JS, and not too good at it. Trying to take some prewritten code and add script that displays some random text. Having trouble with assignment. Instructions are to replace a section of the file I am given with a script element. In the script element I am suppose to declare a variable named tipNum equal to a random integer between 1 and 10 returned by the randInt() function (which I made and have shown below). Then I am suppose to use a series of document.write() methods to write the following HTML code into the page:
<h1>Random Tip<br />title</h1>
<p>tip</p>
(Where "title" is the title of the random text as generated by the tipTitle() function from a external file, and which I did not make; and "tip" is the text of the random tip as genereated by the tipText() function, which is also from the external file, and not made by me) My code for the randInt() function is
function randInt(lower, upper) {
var size = ++(upper - lower);
var randValue = Math.floor(lower + size*Math.random());
}
The script I made to display the HTML code is
[Code]...
I am getting nothing on my page where the random text should be.
View 7 Replies
View Related
Feb 15, 2010
Is there any way to add "alt" attributes to the images in the .js file?
View 6 Replies
View Related
