Do you write any javascript

Megan — Wed, 06 May 2009 14:55:30 +0000

Do you write any javascript or PHP yourself? This would probably be reasonably easy to code yourself, either pulling from an XML file or a database using PHP. It would be a useful starter project if you want to get into that.

Are the messages short (one sentence) or are they more complicated (several paragraphs and a header)? That would influence how you would do this.

Here's a tutorial that might help:

http://www.webdevelopersnotes.com/tips/html/random_text_display_using_ja...

I have found this code which

Roxy — Tue, 05 May 2009 14:12:54 +0000

I have found this code which rotates images, but I want it to rotate different DIVs and Scripts. Any ideas?

<script language="JavaScript">
<!--

function random_imglink(){
  var myimages=new Array()
  myimages[1]="http://www.java-scripts.net/javascripts/img1.gif"
  myimages[2]="http://www.java-scripts.net/javascripts/img2.gif"
  myimages[3]="http://www.java-scripts.net/javascripts/img3.gif"

  var imagelinks=new Array()
  imagelinks[1]="http://www.wsabstract.com"
  imagelinks[2]="http://www.dynamicdrive.com"
  imagelinks[3]="http://www.java-scripts.net"

  var ry=Math.floor(Math.random()*myimages.length)

  if (ry==0)
     ry=1
     document.write('<a href='+'"'+imagelinks[ry]+'"'+'><img src="'+myimages[ry]+'" border=0></a>')
}

  random_imglink()
//-->
</script>

I have found this code which

Roxy — Tue, 05 May 2009 12:58:40 +0000

I have found this code which is kind of what I want but I want it to change when you refresh the page, rather than after a set time period:

<script type="text/javascript">

if (document.all || document.getElementById){ //if IE4 or NS6+
 document.write('<style type="text/css">\n');
 document.write('.dyncontent{display: none; width: 250px; height: 60px;}\n');
 document.write('</style>');
}

var curcontentindex=0;
var messages=new Array();

function getElementByClass(classname){
 var inc=0;
 var alltags=document.all? document.all : document.getElementsByTagName("*");
 for (i=0; i<alltags.length; i++){
   if (alltags[i].className==classname)
     messages[inc++]=alltags[i];
 }
}

function rotatecontent(){
 //get current message index (to show it):
 curcontentindex=(curcontentindex<messages.length-1)? curcontentindex+1 : 0;
 //get previous message index (to hide it):
 prevcontentindex=(curcontentindex==0)? messages.length-1 : curcontentindex-1;
 messages[prevcontentindex].style.display="none"; //hide previous message
 messages[curcontentindex].style.display="block"; //show current message
}

window.onload=function(){
 if (document.all || document.getElementById){
   getElementByClass("dyncontent");
   setInterval("rotatecontent()", 2000);
 }
}

</script>

Dynamic Content:
<div class="dyncontent" style="display: block">First scroller content (visible)</div>
<div class="dyncontent">Second scroller content</div>
<div class="dyncontent">Third scroller content</div>