Forum Pplware
content box... definir posição conforme resolução de ecrã. - Versão de Impressão

+- Forum Pplware (http://forum.pplware.com)
+-- Fórum: Mais Tech (/forumdisplay.php?fid=11)
+--- Fórum: Programação e Web (/forumdisplay.php?fid=16)
+--- Tópico: content box... definir posição conforme resolução de ecrã. (/showthread.php?tid=9448)



content box... definir posição conforme resolução de ecrã. - aeduarda - 28-07-2011 16:36

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?


RE: content box... definir posição conforme resolução de ecrã. - aeduarda - 29-07-2011 10:10

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