stress com rodape!

zezito.pT · 5 de Março de 2007

Pessoal tenho aki este codigo, e tou-me a ver lixado para o rodapé parar no centro. Alguem me consegue ajudar! O codigo esta aki!

Código:

<!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>
<style type="text/css">

/*Example CSS for the two demo scrollers*/

#pscroller1{
width: 240px;
height: 120px;
padding: 5px;
}
.someclass{ //class to apply to your scroller(s) if desired
}

</style>

<script type="text/javascript" >

var pausecontent=new Array()

pausecontent[0]='<div align="center" ><a><font face="Arial" color="#669933" size=5 >Arranque Garantido</font></a></div>'
pausecontent[1]='<div align="center"><a><font face="Arial" color="#000033" size=3>Formação Pedagógica Inicial de Formadores</font></a><br /><font face="Arial" color="#000033" size=2>Turma Laboral (B)</font><br><font face="Arial" color="#660000" size=1>(19/02/2007)</font></div>'
pausecontent[2]='<div align="center"><a><font face="Arial" color="#000033" size=3>Formação Pedagógica Inicial de Formadores</font></a><br /><font face="Arial" color="#000033" size=2>Turma Pós-Laboral (C)</font><br><font face="Arial" color="#660000" size=1>(26/02/2007)</font></div>'
pausecontent[3]='<div align="center"><a><font face="Arial" color="#000033" size=3>Formação Pedagógica Inicial de Formadores</font></a><br /><font face="Arial" color="#000033" size=2>Turma Fim-De-Semana</font><br><font face="Arial" color="#660000" size=1>(24/02/2007)</font></div>'
pausecontent[4]='<div align="center"><a><font face="Arial" color="#000033" size=3>Introdução à Informática</font></a><br /><font face="Arial" color="#000033" size=2>(OFFICE)</font><br><font face="Arial" color="#660000" size=1>(Arranque Diário)</font></div>'
pausecontent[5]='<div align="center"><a><font face="Arial" color="#000033" size=3>Introdução à Internet</font></a><br /><font face="Arial" color="#660000" size=1>(Arranque Diário)</font></div>'
pausecontent[6]='<div align="center"><a><font face="Arial" color="#000033" size=3>Curso de Video</font></a><br /><font face="Arial" color="#000033" size=2>(Inicial e Avançado)</font><br><font face="Arial" color="#660000" size=1>(20/02/2007)</font></div>'
pausecontent[7]='<div align="center"><a><font face="Arial" color="#000033" size=3>Inglês Comercial</font></a><br /><font face="Arial" color="#660000" size=1>(Arranque Diário)</font></div>'
pausecontent[8]='<div align="center"><a><font face="Arial" color="#000033" size=3>Alemão Comercial</font></a><br /><font face="Arial" color="#660000" size=1>(19/02/2007)</font></div>'
pausecontent[9]='<div align="center"><a><font face="Arial" color="#000033" size=3>Espanhol Comercial</font></a><br /><font face="Arial" color="#660000" size=1>(19/02/2007)</font></div>'
pausecontent[10]='<div align="center"><a><font face="Arial" color="#000033" size=3>Francês Comercial</font></a><br /><font face="Arial" color="#660000" size=1>(19/02/2007)</font></div>'
pausecontent[11]='<div align="center"><a><font face="Arial" color="#000033" size=3>Português P/ Estrangeiros</font></a><br /><font face="Arial" color="#660000" size=1>(Arranque Diário)</font></div>'
pausecontent[12]='<div align="center"><a><font face="Arial" color="#000033" size=3>Curso Integrado de Secretariado</font></a><br /><font face="Arial" color="#660000" size=1>(Arranque Diário)</font></div>'
pausecontent[13]='<div align="center"><a><font face="Arial" color="#000033" size=3>Curso Integrado de Gestão</font></a><br /><font face="Arial" color="#660000" size=1>(19/02/2007)</font></div>'
pausecontent[14]='<div align="center"><a><font face="Arial" color="#000033" size=3>Ms Project</font></a><br /><font face="Arial" color="#000033" size=2>(Gestão e Planeamento de Projectos)</font><br><font face="Arial" color="#660000" size=1>(21/02/2007)</font></div>'
pausecontent[15]='<div align="center"><a><font face="Arial" color="#000033" size=3>Formação Pedagógica Continua de Formadores</font></a><br /><font face="Arial" color="#000033" size=2>E-Learning</font><br><font face="Arial" color="#660000" size=1>(À Distância)</font></div>'
pausecontent[16]='<div align="center"><a><font face="Arial" color="#000033" size=3>Técnico Superior de Higiene, Saude e Segurança no Trabalho</font></a><br><font face="Arial" color="#660000" size=1>(Março)</font></div>'
pausecontent[17]='<div align="center"><a><font face="Arial" color="#000033" size=3>SPSS</font></a><br /><font face="Arial" color="#660000" size=1>(05/03/2007)</font></div>'
pausecontent[18]='<div align="center"><a><font face="Arial" color="#000033" size=3>Contabilidade</font></a><br /><font face="Arial" color="#000033" size=2>(C/ Aplicações Software)</font><br><font face="Arial" color="#660000" size=1>(26/02/2007)</font></div>'
pausecontent[19]='<div align="center"><a><font face="Arial" color="#003366" size=3>Mais Informações:</font></a><br /><font face="Arial" color="#003366" size=3>Consulte o Calendário de Formação ou entre em contacto connosco.</font><br><font face="Arial" color="#003366" size=4>Obrigado!</font><br><br><font face="Arial" color="#990000" size=4>K</font><font face="Arial" color="#000066" size=4> XLS</font></div><br><br><br><br><br><br>'
</script>
<script type="text/javascript">

/***********************************************
* Pausing up-down scroller- © Dynamic Drive ([url]www.dynamicdrive.com[/url])
* This notice MUST stay intact for legal use
* Visit [url]http://www.dynamicdrive.com/[/url] for this script and 100s more.
***********************************************/

function pausescroller(content, divId, divClass, delay){
this.content=content //message array content
this.tickerid=divId //ID of ticker div to display information
this.delay=delay //Delay between msg change, in miliseconds.
this.mouseoverBol=3 //Boolean to indicate whether mouse is currently over scroller (and pause it if it is)
this.hiddendivpointer=1 //index of message array for hidden div
document.write('<div id="'+divId+'" class="'+divClass+'" style="position: relative; overflow: hidden"><div class="innerDiv" style="position: absolute; width: 100%" id="'+divId+'1">'+content[0]+'</div><div class="innerDiv" style="position: absolute; width: 100%; visibility: hidden" id="'+divId+'2">'+content[1]+'</div></div>')
var scrollerinstance=this
if (window.addEventListener) //run onload in DOM2 browsers
window.addEventListener("load", function(){scrollerinstance.initialize()}, false)
else if (window.attachEvent) //run onload in IE5.5+
window.attachEvent("onload", function(){scrollerinstance.initialize()})
else if (document.getElementById) //if legacy DOM browsers, just start scroller after 0.5 sec
setTimeout(function(){scrollerinstance.initialize()}, 500)
}

// -------------------------------------------------------------------
// initialize()- Initialize scroller method.
// -Get div objects, set initial positions, start up down animation
// -------------------------------------------------------------------

pausescroller.prototype.initialize=function(){
this.tickerdiv=document.getElementById(this.tickerid)
this.visiblediv=document.getElementById(this.tickerid+"1")
this.hiddendiv=document.getElementById(this.tickerid+"2")
this.visibledivtop=parseInt(pausescroller.getCSSpadding(this.tickerdiv))
//set width of inner DIVs to outer DIV's width minus padding (padding assumed to be top padding x 2)
this.visiblediv.style.width=this.hiddendiv.style.width=this.tickerdiv.offsetWidth-(this.visibledivtop*2)+"px"
this.getinline(this.visiblediv, this.hiddendiv)
this.hiddendiv.style.visibility="visible"
var scrollerinstance=this
document.getElementById(this.tickerid).onmouseover=function(){scrollerinstance.mouseoverBol=1}
document.getElementById(this.tickerid).onmouseout=function(){scrollerinstance.mouseoverBol=0}
if (window.attachEvent) //Clean up loose references in IE
window.attachEvent("onunload", function(){scrollerinstance.tickerdiv.onmouseover=scrollerinstance.tickerdiv.onmouseout=null})
setTimeout(function(){scrollerinstance.animateup()}, this.delay)
}


// -------------------------------------------------------------------
// animateup()- Move the two inner divs of the scroller up and in sync
// -------------------------------------------------------------------

pausescroller.prototype.animateup=function(){
var scrollerinstance=this
if (parseInt(this.hiddendiv.style.top)>(this.visibledivtop+5)){
this.visiblediv.style.top=parseInt(this.visiblediv.style.top)-5+"px"
this.hiddendiv.style.top=parseInt(this.hiddendiv.style.top)-5+"px"
setTimeout(function(){scrollerinstance.animateup()}, 50)
}
else{
this.getinline(this.hiddendiv, this.visiblediv)
this.swapdivs()
setTimeout(function(){scrollerinstance.setmessage()}, this.delay)
}
}

// -------------------------------------------------------------------
// swapdivs()- Swap between which is the visible and which is the hidden div
// -------------------------------------------------------------------

pausescroller.prototype.swapdivs=function(){
var tempcontainer=this.visiblediv
this.visiblediv=this.hiddendiv
this.hiddendiv=tempcontainer
}

pausescroller.prototype.getinline=function(div1, div2){
div1.style.top=this.visibledivtop+"px"
div2.style.top=Math.max(div1.parentNode.offsetHeight, div1.offsetHeight)+"px"
}

// -------------------------------------------------------------------
// setmessage()- Populate the hidden div with the next message before it's visible
// -------------------------------------------------------------------

pausescroller.prototype.setmessage=function(){
var scrollerinstance=this
if (this.mouseoverBol==1) //if mouse is currently over scoller, do nothing (pause it)
setTimeout(function(){scrollerinstance.setmessage()}, 100)
else{
var i=this.hiddendivpointer
var ceiling=this.content.length
this.hiddendivpointer=(i+1>ceiling-1)? 0 : i+1
this.hiddendiv.innerHTML=this.content[this.hiddendivpointer]
this.animateup()
}
}

pausescroller.getCSSpadding=function(tickerobj){ //get CSS padding value, if any
if (tickerobj.currentStyle)
return tickerobj.currentStyle["paddingTop"]
else if (window.getComputedStyle) //if DOM2
return window.getComputedStyle(tickerobj, "").getPropertyValue("padding-top")
else
return 0
}

</script>
</head>

<body>
<div style="width:247px; text-align:left;">
<script type="text/javascript">

//new pausescroller(name_of_message_array, CSS_ID, CSS_classname, pause_in_miliseconds)

new pausescroller(pausecontent, "pscroller1", "someclass", 3000)

</script>
</div>
</body>
</html>

HecKel · 5 de Março de 2007

Boas!

Uma sugestão para o futuro (e para editares o teu post), usa as tags de [code] CÓDIGO [/code] ou [php] CÓDIGO [/php], perdi-me totalmente com o teu código com smilies à mistura e sem formatação nenhuma...

Torna-se complicado conseguir ajudar quando o código não é legível.

abraços, HecKel

msdevweb · 10 de Março de 2007

Mas queres que o pausecroller seja criado no meio da pagina?
como foi aqui dito, estar a ver esse codigo todo não ajuda em nada, mas o que me pareceu importante foi no final:

Estas a efectuar um /div e não estas a colocar-lhe o parametro align.
tenta <div align="center">

ou então se o div nao interage com o script, (pelo que parece não), esquece o /div e faz um <p align="center"></p>

Não sei se era isto que querias, se não era... SORRY :!

<div style="width:247px; text-align:left;">
<script type="text/javascript">

//new pausescroller(name_of_message_array, CSS_ID, CSS_classname, pause_in_miliseconds)

new pausescroller(pausecontent, "pscroller1", "someclass", 3000)

</script>
</div>

zezito.pT · 12 de Março de 2007

ya isso mesmo quero que ele pare no meio e nao em cima, mas isso que fizes t nao da eu ja tinha exprimentado isso.

stress com rodape!

zezito.pT

Power Member

HecKel

The WORM

msdevweb

Power Member

zezito.pT

Power Member