Colocar Resposta 
 
Avaliação do Tópico:
  • 0 votos - 0 Média
  • 1
  • 2
  • 3
  • 4
  • 5
content box... definir posição conforme resolução de ecrã.
28-07-2011, 16:36
Mensagem: #1
content box... definir posição conforme resolução de ecrã.
Boa tarde,

Estou a utilizar o Interstitial Content Box (v1.1), javascript. Centra automaticamente a janela criada. Mas, eu gostaria de escolher a posição ao invés de central.
Já tentei através de CSS definir o left e o top (em % ou em px) e funciona bem, mas quando vejo noutro computador, com outra resolução fica fora do sitio que pretendo. Também já experimentei alterar o ficheiro javascript, mas sem sucesso. Parece uma coisa simples, mas não estou a conseguir!
em baixo está a parte do Js com a definição de centrar a janela.
Código:
showcontainer:function(){
if (this.interContainer.style.display=="none") return //if interstitial box has already closed, just exit (window.onresize event triggers function)
var ie=document.all && !window.opera
var dom=document.getElementById
var scroll_top=(ie)? this.standardbody.scrollTop : window.pageYOffset
var scroll_left=(ie)? this.standardbody.scrollLeft : window.pageXOffset
var docwidth=(ie)? this.standardbody.clientWidth : window.innerWidth-this.scrollbarwidth
var docheight=(ie)? this.standardbody.clientHeight: window.innerHeight
var docheightcomplete=(this.standardbody.offsetHeight>this.standardbody.scrollHeight)? this.standardbody.offsetHeight : this.standardbody.scrollHeight
var objwidth=this.interContainer.offsetWidth
var objheight=this.interContainer.offsetHeight
this.interVeil.style.width=docwidth+"px" //set up veil over page
this.interVeil.style.height=docheightcomplete+"px" //set up veil over page
this.interVeil.style.left=0 //Position veil over page
this.interVeil.style.top=0 //Position veil over page
this.interVeil.style.visibility="visible" //Show veil over page
this.interContainer.style.left=docwidth/2-objwidth/2+"px" //Position interstitial box
var topposition=(docheight>objheight)? scroll_top+docheight/2-objheight/2+"px" : scroll_top+5+"px" //Position interstitial box
this.interContainer.style.top=Math.floor(parseInt(topposition))+"px"
this.interContainer.style.visibility="visible" //Show interstitial box
if (this.autohidetimer && parseInt(this.autohidetimer)>0 && typeof this.timervar=="undefined")
this.timervar=setTimeout("interstitialBox.closeit()", this.autohidetimer*1000)
},

experimentei alterar para
Código:
this.interContainer.style.top=10+"%" //Position veil over page
this.interContainer.style.left=26+"%" //Position veil over page

mas só funciona bem no meu computador.... :/ que será necessário fazer?
Procurar todas as mensagens deste utilizador
Citar esta mensagem numa resposta
29-07-2011, 10:10
Mensagem: #2
RE: content box... definir posição conforme resolução de ecrã.
Realmente nada como uma boa noite de sono para voltar a olhar para o código. Já consegui colocar as posições pretendidas para qualquer ecrã Smile
Aqui fica o código, pode ajudar alguém com o mesmo problema Smile

this.interContainer.style.left=docwidth/2-455+"px" //Position interstitial box
this.interContainer.style.top=100+"px" //Position interstitial box
Procurar todas as mensagens deste utilizador
Citar esta mensagem numa resposta
Colocar Resposta 


Saltar Fórum:


Utilizadores a ver este tópico: 1 Visitante(s)