Bom dia.
Estou batendo cabeça aqui para encotrar uma forma de se fazer isso.
Tenho um javascript que nada mais é do que um banner que fica mostrando textos armazemados em um array.
var tickercontents=new Array()
tickercontents[0]='Welcome to Technologu';
tickercontents[1]='The Page Generator!';
tickercontents[2]='http://www.test.com;
Só que este codigo é fixo e preciso fazer com que o resultado de um select, seja passado para o javascript populando esse array.
Não sei se posso fazer isso diretamente no javascript ou preciso fazer a consulta normamente em uma dao e passar algum parametro para o javascript.
alguma sugestão???
Segue o codigo inteiro para analise:
<div style="position:relative;left:0px;top:0px">
<span id="highlighter" style="position:absolute;left:0;top:0;font-size:12px;font-family:Arial;background-color:#FFFF00;clip:rect(0px 0px auto 0px)"></span>
</div>
<script type="text/javascript">
/*
Highligher Scroller script- By JavaScript Kit
For this and over 400+ free scripts, visit http://www.javascriptkit.com/
This notice must stay intact
*/
var tickercontents=new Array()
tickercontents[0]='Welcome to Technologu';
tickercontents[1]='The Page Generator!';
tickercontents[2]='http://www.test.com
// delay btw messages
var tickdelay=3000;
// 10 pixels at a time.
var highlightspeed=10;
////Do not edit pass this line////////////////
var currentmessage=0;
var clipwidth=0;
function changetickercontent()
{
crosstick.style.clip="rect(0px 0px auto 0px)";
crosstick.innerHTML=tickercontents[currentmessage];
highlightmsg();
}
function highlightmsg()
{
var msgwidth=crosstick.offsetWidth;
if (clipwidth<msgwidth)
{
clipwidth+=highlightspeed;
crosstick.style.clip="rect(0px "+clipwidth+"px auto 0px)";
beginclip=setTimeout("highlightmsg()",20);
}
else
{
clipwidth=0;
clearTimeout(beginclip);
if (currentmessage==tickercontents.length-1) currentmessage=0;
else currentmessage++;
setTimeout("changetickercontent()",tickdelay);
}
}
function start_ticking()
{
crosstick = document.getElementById("highlighter");
crosstickParent=crosstick.parentNode? crosstick.parentNode : crosstick.parentElement;
if (parseInt(crosstick.offsetHeight)>0)
crosstickParent.style.height=crosstick.offsetHeight+'px';
else
setTimeout("crosstickParent.style.height=crosstick.offsetHeight+'px'",100);
changetickercontent();
}
start_ticking();
</script>