Come aggiungere OnClick a scrolling testo

[cimma]

Ragazzi ciao, ho il seguente scrolling ti testo che si ferma "onmouseover" e riparte "onmouseout" ...come faccio ad aggiungergli l'"onclick"?

Vorrei che si stoppasse anche quando clicco e ripartisse al secondo click. Vista la mia scarsa conoscenza di javaScript potete aiutarmi scrivendomi il codice?

Grazie mille a tutti.






<style type="text/css">


#marqueecontainer{
position: relative;
width: 700px; /*marquee width */
height: 400px; /*marquee height */
overflow: hidden;
border: 1px solid #D0D0D0;
padding: 2px;
padding-left: 4px;


}</style><script type="text/javascript">



var delayb4scroll=2000 //Specify initial delay before marquee starts to scroll on page (2000=2 seconds)
var marqueespeed=2 //Specify marquee scroll speed (larger is faster 1-10)
var pauseit=1 //Pause marquee onMousever (0=no. 1=yes)?

var copyspeed=marqueespeed
var pausespeed=(pauseit==0)? copyspeed: 0
var actualheight=''

function scrollmarquee(){
if (parseInt(cross_marquee.style.top)>(actualheight*(-1)+8))
cross_marquee.style.top=parseInt(cross_marquee.sty le.top)-copyspeed+"px"
else
cross_marquee.style.top=parseInt(marqueeheight)+8+ "px"
}

function initializemarquee(){
cross_marquee=document.getElementById("vmarquee")
cross_marquee.style.top=0
marqueeheight=document.getElementById("marqueecont ainer").offsetHeight
actualheight=cross_marquee.offsetHeight
if (window.opera || navigator.userAgent.indexOf("Netscape/7")!=-1){ //if Opera or Netscape 7x, add scrollbars to scroll and exit
cross_marquee.style.height=marqueeheight+"px"
cross_marquee.style.overflow="scroll"
return
}
setTimeout('lefttime=setInterval("scrollmarquee()" ,30)', delayb4scroll)
}

if (window.addEventListener)
window.addEventListener("load", initializemarquee, false)
else if (window.attachEvent)
window.attachEvent("onload", initializemarquee)
else if (document.getElementById)
window.onload=initializemarquee
</script></p>


<div id="marqueecontainer" onMouseout="copyspeed=marqueespeed" onMouseover="copyspeed=pausespeed">
<div id="vmarquee" style="position: relative; width: 98%">
<p class="rtecenter"></p>




Testo prova 1</p>


Testo prova 2</p>


Testo prova 3</p>


Testo prova 4</p>


Testo prova 5</p>


</div>
</div>


<style type="text/css">

[echoweb]

Ciao,

ecco il codice modificato

<style type="text/css">


#marqueecontainer{
position: relative;
width: 700px; /*marquee width */
height: 400px; /*marquee height */
overflow: hidden;
border: 1px solid #D0D0D0;
padding: 2px;
padding-left: 4px;


}</style><script type="text/javascript">



var delayb4scroll=2000 //Specify initial delay before marquee starts to scroll on page (2000=2 seconds)
var marqueespeed=2 //Specify marquee scroll speed (larger is faster 1-10)
var pauseit=1 //Pause marquee onMousever (0=no. 1=yes)?

var copyspeed=marqueespeed
var pausespeed=(pauseit==0)? copyspeed: 0
var actualheight=''

var toggle=0

function scrollmarquee(){
if (parseInt(cross_marquee.style.top)>(actualheight*(-1)+8))
cross_marquee.style.top=parseInt(cross_marquee.style.top)-copyspeed+"px"
else
cross_marquee.style.top=parseInt(marqueeheight)+8+"px"
}

function initializemarquee(){
cross_marquee=document.getElementById("vmarquee")
cross_marquee.style.top=0
marqueeheight=document.getElementById("marqueecontainer").offsetHeight
actualheight=cross_marquee.offsetHeight
if (window.opera || navigator.userAgent.indexOf("Netscape/7")!=-1){ //if Opera or Netscape 7x, add scrollbars to scroll and exit
cross_marquee.style.height=marqueeheight+"px"
cross_marquee.style.overflow="scroll"
return
}
setTimeout('lefttime=setInterval("scrollmarquee()",30)', delayb4scroll)
}

if (window.addEventListener)
window.addEventListener("load", initializemarquee, false)
else if (window.attachEvent)
window.attachEvent("onload", initializemarquee)
else if (document.getElementById)
window.onload=initializemarquee
</script></p>

<script>

function myClick()
{	
	if(toggle==0)
	{
		toggle=1
		return
	}
	
	if(toggle==1)
	{
		toggle=0
		return
	}
}
</script>


<div id="marqueecontainer" onMouseout="javascript:if(toggle==1){copyspeed=marqueespeed}" onMouseover="copyspeed=pausespeed" onClick="myClick()">
<div id="vmarquee" style="position: relative; width: 98%">
<p class="rtecenter"> </p>




Testo prova 1</p>


Testo prova 2</p>


Testo prova 3</p>


Testo prova 4</p>


Testo prova 5</p>


</div>
</div>


<style type="text/css">

[cimma]

Grazie mille echoweb! Appena torno dalle vacanze mi studio il codice!

[carlomarx]

Così, giusto perché a volte esistono strade più semplici&hellip;

<script>
function myClick() { toggle ^= 1; }
</script>

Fa esattamente la stessa cosa. Anzi, fai prima a inserire toggle^=1; nell'onclick al posto di myClick();.

P.S. Il resto del codice non l'ho proprio letto!