Does anyone know of a scipt that will rotate random div layers on page
refresh? I have a primary content area front and center on my site
homepage, and I'd like to rotate various chunks of html (in div
layers) each time a user reloads the page. Right now I'm resorting to
a random image rotation (those scripts are a dime a dozen) on refresh,
but it's far from ideal for what I'm trying to accomplish. Any help
on this would be GREATLY appreciated!
Joey Stacks jo********@yahoo.com 10 10878
"Joey_Stacks" <jo********@yahoo.comwrote in message
news:11**********************@y80g2000hsf.googlegr oups.com...
Does anyone know of a scipt that will rotate random div layers on page
refresh? I have a primary content area front and center on my site
homepage, and I'd like to rotate various chunks of html (in div
layers) each time a user reloads the page. Right now I'm resorting to
a random image rotation (those scripts are a dime a dozen) on refresh,
but it's far from ideal for what I'm trying to accomplish. Any help
on this would be GREATLY appreciated!
Just so I can be sure of what you are asking...
You mean rotate as in switch between say 4 current DIVs for 4 *other* DIVs or did you mean
to rotate around something?
I just got confused from "random image rotations" and "rotate random div layers."
The first sounds like randomly, you turn some of the IMGs clockwise or counter- clockwise
by 90 degrees or something.
The second sounds to me as if you want to replace 4 DIVs for 4 DIVs (per my previous
example), the likes of which are undetermined ("random div layers").
-Lost
On Apr 14, 10:26 pm, "-Lost" <missed-s...@comcast.netwrote:
"Joey_Stacks" <joey_60...@yahoo.comwrote in message
news:11**********************@y80g2000hsf.googlegr oups.com...
Does anyone know of a scipt that will rotate random div layers on page
refresh? I have a primary content area front and center on my site
homepage, and I'd like to rotate various chunks of html (in div
layers) each time a user reloads the page. Right now I'm resorting to
a random image rotation (those scripts are a dime a dozen) on refresh,
but it's far from ideal for what I'm trying to accomplish. Any help
on this would be GREATLY appreciated!
Just so I can be sure of what you are asking...
You mean rotate as in switch between say 4 current DIVs for 4 *other* DIVs or did you mean
to rotate around something?
I just got confused from "random image rotations" and "rotate random div layers."
The first sounds like randomly, you turn some of the IMGs clockwise or counter- clockwise
by 90 degrees or something.
The second sounds to me as if you want to replace 4 DIVs for 4 DIVs (per my previous
example), the likes of which are undetermined ("random div layers").
-Lost
I'd be happy to clarify. You know how people rotate banner ads on
refresh? Like, at the top of a web site. Each time you refresh the
page, a different banner ad shows up in the same spot. Sometimes
you'll see the same banner on consecutive refreshes as the javascript
is completely random math (I guess.) That's what I want to do, only
with div layers. So here's what I've got going on. I'm designing a
site, and front and center on the homepage in a 900x300 table, I want
to rotate (on refresh) 3 seperate marketing messages with graphics and
html text. The text has to be on top of the graphic though, thus the
need to for div layers. Got it?
<div id="d1" style="display:none;">some text 1</div>
<div id="d2" style="display:none;">some text 2</div>
<div id="d3" style="display:none;">some text 3</div>
<script type="text/javascript">
divs = ['d1','d2','d3'];
function hideDivs() {
for (var i=0; i<divs.length; i++)
document.getElementById(divs[i]).style.display = 'none';
}
function showDiv() {
hideDivs(); //hide them all before we show the next one.
var randomDiv = divs[Math.floor(Math.random()*divs.length)];
var div = document.getElementById(randomDiv).style.display =
'block';
setTimeout(showDiv,500); //set a delay before showing the next div
}
showDiv();
</script>
In comp.lang.javascript message <11*********************@w1g2000hsg.goog
legroups.com>, Mon, 16 Apr 2007 20:17:53, Joey_Stacks
<jo********@yahoo.composted:
Sometimes you'll see the same banner on consecutive refreshes as the javascript is completely random math (I guess.)
Obviously there are two parts to the question -
How to choose the next banner,
How to emplace the chosen banner.
For the first part, consider "Indefinite Random Slide Show" at
<URL:http://www.merlyn.demon.co.uk/js-randm.htm#IRSS- but you'll need
to be able to preserve sufficient information between refreshes.
It's a good idea to read the newsgroup c.l.j and its FAQ. See below.
--
(c) John Stockton, Surrey, UK. ?@merlyn.demon.co.uk Turnpike v6.05 IE 6
news:comp.lang.javascript FAQ <URL:http://www.jibbering.com/faq/index.html>.
<URL:http://www.merlyn.demon.co.uk/js-index.htmjscr maths, dates, sources.
<URL:http://www.merlyn.demon.co.uk/TP/BP/Delphi/jscr/&c, FAQ items, links.
On Apr 17, 4:06 am, Pete <peter.gal...@gmail.comwrote:
<div id="d1" style="display:none;">some text 1</div>
<div id="d2" style="display:none;">some text 2</div>
<div id="d3" style="display:none;">some text 3</div>
<script type="text/javascript">
divs = ['d1','d2','d3'];
function hideDivs() {
for (var i=0; i<divs.length; i++)
document.getElementById(divs[i]).style.display = 'none';
}
function showDiv() {
hideDivs(); //hide them all before we show the next one.
var randomDiv = divs[Math.floor(Math.random()*divs.length)];
var div = document.getElementById(randomDiv).style.display =
'block';
setTimeout(showDiv,500); //set a delay before showing the next div
}
showDiv();
</script>
Pete, thanks for the reply! I tried your code and can't seem to get
it to work. The text isn't showing up. I assume the script goes in
between the <head></headtags yes? Any chance the display='block'
has anything to do with this? Here's what I did:
--------------------------------------------------------------------------------------------------
>
<!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=iso-8859-1" />
<title>Untitled Document</title>
<script type="text/javascript">
divs = ['d1','d2','d3'];
function hideDivs() {
for (var i=0; i<divs.length; i++)
document.getElementById(divs[i]).style.display = 'none';
}
function showDiv() {
hideDivs(); //hide them all before we show the next one.
var randomDiv = divs[Math.floor(Math.random()*divs.length)];
var div = document.getElementById(randomDiv).style.display =
'block';
setTimeout(showDiv,500); //set a delay before showing the next div
}
showDiv();
</script>
</head>
<body>
<div id="d1" style="display:none;">some text 1</div>
<div id="d2" style="display:none;">some text 2</div>
<div id="d3" style="display:none;">some text 3</div>
</body>
</html>
-------------------------------------------------------------------------------------------------------
>
I intended the script to be embedded after the divs.
If you want the js to be at the top of the page then set your body tag
to:
<body onload="showDiv();">
and remove or comment out the existing call to showDiv();
//showDiv();
</script>
Pete, thanks for the reply! I tried your code and can't seem to get
it to work. The text isn't showing up. I assume the script goes in
between the <head></headtags yes? Any chance the display='block'
has anything to do with this? Here's what I did:
PEte,
It works! You are THE MAN! One more question. How would I turn off
the auto-rotation that is built in after each page refresh? So, I
refresh the page and I see one of the 3 divs, and it stays there until
I refresh the page again, follow me? No auto-rotation going on
without a page refresh. Thanks!!
On Apr 18, 2:19 am, Pete <peter.gal...@gmail.comwrote:
I intended the script to be embedded after the divs.
If you want the js to be at the top of the page then set your body tag
to:
<body onload="showDiv();">
and remove or comment out the existing call to showDiv();
//showDiv();
</script>
Pete, thanks for the reply! I tried your code and can't seem to get
it to work. The text isn't showing up. I assume the script goes in
between the <head></headtags yes? Any chance the display='block'
has anything to do with this? Here's what I did:
Pete,
Nevermind (maybe) about turning off the auto-rotate, I might have
figured it out on my own. You're probably laughing at me. How hard
could it be to figure it out right? ha! So, I just commented out the
setTimeout function, here:
//setTimeout(showDiv,500);
On Apr 18, 11:57 pm, Joey_Stacks <joey_60...@yahoo.comwrote:
PEte,
It works! You are THE MAN! One more question. How would I turn off
the auto-rotation that is built in after each page refresh? So, I
refresh the page and I see one of the 3 divs, and it stays there until
I refresh the page again, follow me? No auto-rotation going on
without a page refresh. Thanks!!
On Apr 18, 2:19 am, Pete <peter.gal...@gmail.comwrote:
I intended the script to be embedded after the divs.
If you want the js to be at the top of the page then set your body tag
to:
<body onload="showDiv();">
and remove or comment out the existing call to showDiv();
//showDiv();
</script>
Pete, thanks for the reply! I tried your code and can't seem to get
it to work. The text isn't showing up. I assume the script goes in
between the <head></headtags yes? Any chance the display='block'
has anything to do with this? Here's what I did:
If that's the case we could simplify the code.....but hey it works
already.
On Apr 19, 1:01 pm, Joey_Stacks <joey_60...@yahoo.comwrote:
Pete,
Nevermind (maybe) about turning off the auto-rotate, I might have
figured it out on my own. You're probably laughing at me. How hard
could it be to figure it out right? ha! So, I just commented out the
setTimeout function, here:
//setTimeout(showDiv,500);
On Apr 18, 11:57 pm, Joey_Stacks <joey_60...@yahoo.comwrote:
PEte,
It works! You are THE MAN! One more question. How would I turn off
the auto-rotation that is built in after each page refresh? So, I
refresh the page and I see one of the 3 divs, and it stays there until
I refresh the page again, follow me? No auto-rotation going on
without a page refresh. Thanks!!
On Apr 18, 2:19 am, Pete <peter.gal...@gmail.comwrote:
I intended the script to be embedded after the divs.
If you want the js to be at the top of the page then set your body tag
to:
<body onload="showDiv();">
and remove or comment out the existing call to showDiv();
//showDiv();
</script>
Pete, thanks for the reply! I tried your code and can't seem to get
it to work. The text isn't showing up. I assume the script goes in
between the <head></headtags yes? Any chance the display='block'
has anything to do with this? Here's what I did:- Hide quoted text -
- Show quoted text -
Thanks again Pete, I'll have to email you when the demo site is live
so you can see your code in action...
On Apr 19, 7:38 pm, Pete <peter.gal...@gmail.comwrote:
If that's the case we could simplify the code.....but hey it works
already.
On Apr 19, 1:01 pm, Joey_Stacks <joey_60...@yahoo.comwrote:
Pete,
Nevermind (maybe) about turning off the auto-rotate, I might have
figured it out on my own. You're probably laughing at me. How hard
could it be to figure it out right? ha! So, I just commented out the
setTimeout function, here:
//setTimeout(showDiv,500);
On Apr 18, 11:57 pm, Joey_Stacks <joey_60...@yahoo.comwrote:
PEte,
It works! You are THE MAN! One more question. How would I turn off
the auto-rotation that is built in after each page refresh? So, I
refresh the page and I see one of the 3 divs, and it stays there until
I refresh the page again, follow me? No auto-rotation going on
without a page refresh. Thanks!!
On Apr 18, 2:19 am, Pete <peter.gal...@gmail.comwrote:
I intended the script to be embedded after the divs.
If you want the js to be at the top of the page then set your body tag
to:
<body onload="showDiv();">
and remove or comment out the existing call to showDiv();
//showDiv();
</script>
Pete, thanks for the reply! I tried your code and can't seem to get
it to work. The text isn't showing up. I assume the script goes in
between the <head></headtags yes? Any chance the display='block'
has anything to do with this? Here's what I did:- Hide quoted text -
- Show quoted text -
This thread has been closed and replies have been disabled. Please start a new discussion. Similar topics
by: Apostolis K. |
last post by:
I include an AdRotator component but the component doesn't rotate the ads
_index.asp_
<%
Set objAd=Server.CreateObject("MSWC.AdRotator")
vAdRotation=objAd.GetAdvertisement("ads.txt")
...
|
by: Nick Tew |
last post by:
Is there any way to post a form in a layer and have the information
refresh in the same layer without refreshing the page?
To explain, if i use, say, three layers (DIV layers) on a page. One is...
|
by: gene |
last post by:
I have some javascript code that displays random images in random
places on the page by making changes to the document's css. This
works in Safari and IE, but I can't get it to work on Mozilla. ...
|
by: TaTonka |
last post by:
hi!
how can i manage it (html or jscript with css) that everytime a user loads
or refreshes a page, the page has a new bgcolor.
i want to put it in a single file, so that all my pages have the...
|
by: byrd48 |
last post by:
Hi,
I am developing a web site which allows users to upload and share
photos. I have a datalist which lists the photos and has the usual
edit, update commands.
Within the edititemtemplate, I...
|
by: sales |
last post by:
Hello,
I am trying to get my website checkout page to rotate / take turns
displaying shopping comparison engine surveys rather than display them
all 4 at the same time, thus overwhelming &...
|
by: swethak |
last post by:
Hi,
I displayed the image taken from database.How to raotate that image using javascript.plz tell that how to start the logic.plz tell that some reference websites.
|
by: raghuvendra |
last post by:
Hi
I have a jsp page with 4 columns: namely Category name , Category order, Input field and a submit button.
All these are aligned in a row. And Each Category Name has its corresponding Category...
|
by: ryjfgjl |
last post by:
ExcelToDatabase: batch import excel into database automatically...
|
by: isladogs |
last post by:
The next Access Europe meeting will be on Wednesday 6 Mar 2024 starting at 18:00 UK time (6PM UTC) and finishing at about 19:15 (7.15PM).
In this month's session, we are pleased to welcome back...
|
by: Vimpel783 |
last post by:
Hello!
Guys, I found this code on the Internet, but I need to modify it a little. It works well, the problem is this: Data is sent from only one cell, in this case B5, but it is necessary that data...
|
by: ArrayDB |
last post by:
The error message I've encountered is; ERROR:root:Error generating model response: exception: access violation writing 0x0000000000005140, which seems to be indicative of an access violation...
|
by: PapaRatzi |
last post by:
Hello,
I am teaching myself MS Access forms design and Visual Basic. I've created a table to capture a list of Top 30 singles and forms to capture new entries. The final step is a form (unbound)...
|
by: Shællîpôpï 09 |
last post by:
If u are using a keypad phone, how do u turn on JavaScript, to access features like WhatsApp, Facebook, Instagram....
|
by: af34tf |
last post by:
Hi Guys, I have a domain whose name is BytesLimited.com, and I want to sell it. Does anyone know about platforms that allow me to list my domain in auction for free. Thank you
|
by: Faith0G |
last post by:
I am starting a new it consulting business and it's been a while since I setup a new website. Is wordpress still the best web based software for hosting a 5 page website? The webpages will be...
|
by: isladogs |
last post by:
The next Access Europe User Group meeting will be on Wednesday 3 Apr 2024 starting at 18:00 UK time (6PM UTC+1) and finishing by 19:30 (7.30PM).
In this session, we are pleased to welcome former...
| |