Ir para conteúdo

POWERED BY:

Arquivado

Este tópico foi arquivado e está fechado para novas respostas.

João Melo

Redimencionar site conforme resolução mas...

Por , em Javascript

Recommended Posts

João Melo    1

João Melo
Postado

Boa tarde, estou melhorando meu site, mas como fiz tudo em 1024x768 esquecí do 800x600. Bom mas já ví como arrumar isso:

index.html

<script type="text/javascript"> <!-- verifica a resolução e manda pra pagina correspondente function redirecionarPag() { var url800 = "index1.php"; var url1024 = "index2.php"; if ((screen.width == 800) && (screen.height == 600)) window.location.href= url800; else if ((screen.width == 1024) && (screen.height == 768)) window.location.href= url1024; else window.location.href= url1024; } redirecionarPag(); // --> </script>
Mas tá dando um problemão, com páginas com extenção html funciona muito bem, mas com php não funcionam, fica dando refresh até dar um erro: "ERRO NA CONECÇÃO", eu poderia usar em html e usar iframe, mas como uso códigos que só funcionam em php como base64 que uso nos links não dá pra usar em html.

 

Acho que expliquei, alguém sabe como fazer pra "arrumar" isso?

Grato.

 

Achei este outro script mas continua a mesma coisa.

<script language="JavaScript" type="text/javascript">

if(screen.width>="1024")

{

window.location.href="index1.php";

window.resizeTo(1024,768)

}

else if(screen.width=="800")

{

window.location.href="index2.php";

window.resizeTo(800,600)

}

else if(screen.width<="800")

{

window.location.href="800/nopage.php";

window.resizeTo(800,600)

}

</script>

Compartilhar este post

Link para o post
Compartilhar em outros sites

João Melo    1

João Melo
Postado

Como ninguém soube como resolver este problema achei a melhor solução sem ter que fazer 2 páginas prá cada resolução, é só fazer duas css e setar as configurações nas mesma, fica bam melhor. http://forum.imasters.com.br/public/style_emoticons/default/thumbsup.gif 

<script>	if ((screen.width == 800) && (screen.height == 600))		  document.write("<link href=\"css/estilo2.css\" rel=\"stylesheet\" type=\"text/css\" />");				else		document.write("<link href=\"css/estilo.css\" rel=\"stylesheet\" type=\"text/css\" />");	</script>
RESOLVIDO

Compartilhar este post

Link para o post
Compartilhar em outros sites

João Melo    1

João Melo
Postado

Rapaz, esta última dica que achei ela só funciona quando clico no link para abrir outra página, mas no index fica como se não tivesse o css.

Compartilhar este post

Link para o post
Compartilhar em outros sites

João Melo    1

João Melo
Postado

O index completo:

<?php session_start(); include "conecta.php";?> <!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>João F. Melo .::Informática com agilidade e confiança!::.</title> <script type="text/javascript" src="swfs/hxActivex.js"></script> <script language="JavaScript" src="hints/hints.js"></script> <script language="JavaScript" src="hints/hints_cfg.js"></script> <!--- link rel="stylesheet" href="css/estilo.css" ---><script>	if ((screen.width == 800) && (screen.height == 600))		  document.write("<link href=\"css/estilo2.css\" rel=\"stylesheet\" type=\"text/css\" />");				else		document.write("<link href=\"css/estilo.css\" rel=\"stylesheet\" type=\"text/css\" />");	</script>  </head>  <body style="font-size:11px;"> <table width="770" border="0" cellspacing="0" cellpadding="0" align="center">   <tr>	 <td height="70" colspan="2" valign="top" background="imagem/topo_banner.gif"> <script type="text/javascript"> var fG = new meuFlash(); fG.setSWF('movie', 'swfs/jfm.swf', 150, 69); // id pode ser qq  coisa, nome do movie, largura e altura fG.setParam('allowScriptAccess', 'sameDomain'); // parametros... fG.setParam('loop', 'true'); fG.setParam('menu', 'false'); fG.setParam('bgcolor', '#000000'); fG.setParam('quality', 'high'); fG.setParam('flashvars', 'sData=somedata'); fG.setParam('wmode','transparent'); fG.display(); </script></td>   </tr>   <tr>	 <td height="14" colspan="4" align="center"> </td>   </tr>   <tr>	 <td width="25%" height="473" align="left" valign="top"> <table width="157" height="239" border="0" align="left" cellpadding="0" cellspacing="0" id="bodyTable">  <tbody>    <tr>	<td width="157" class="menuDir">	<div id="mdTitulo_cinza">	   <span>Menu</span></div>		 <div id="mdMenu">			  <ul class="main"> <li class="menu2" id="mdMenuA"> <a href="default.php" onmouseover="myHint.show('home')" onmouseout="myHint.hide()">       Home</a></li> <li class="menu1" id="mdMenuA"> <a href="?id=<? echo base64_encode("servicos"); ?>" onMouseOver="myHint.show('servico')" onMouseOut="myHint.hide()">       Serviços</a></li> <li class="menu2" id="mdMenuA"> <a href="?id=<? echo base64_encode("contato"); ?>" onmouseover="myHint.show('contato')" onmouseout="myHint.hide()">       Contato</a></li> <li class="menu1" id="mdMenuA"> <a href="?id=<? echo base64_encode("dicas"); ?>" onmouseover="myHint.show('dicas')" onmouseout="myHint.hide()">       Dicas</a></li> <li class="menu2" id="mdMenuA"> <a href="?id=<? echo base64_encode("cadastro"); ?>" onmouseover="myHint.show('cadastro')" onmouseout="myHint.hide()">       Cadastro</a></li> <li class="menu1" id="mdMenuA"><a href="?id=<? echo base64_encode("anuncios"); ?>">       Anunciantes</a></li> 			 </ul>	 </div>	 </td>	 </tr>   <tr>	 <td class="menuDir">	 <div id="mdTitulo_cinza"><span>Parceiros</span></div>	  <div id="mdMenu">	 <ul class="main">		 <li class="menu1" id="mdMenuA"><a href="contato.php" target="meio">       PUBLICITE AQUI</a></li>		 <li class="menu1" id="mdMenuA"><a href="" target="_blank"><img src="video_arquivos/publicidadxf9.gif">			</a></li>		 <li class="menu1" id="mdMenuA"><a href="" target="_blank"><img src="video_arquivos/lpbannerpubmedio.gif"></a></li>	 </ul> </div> </td>	 </tr>   <tr>	<td class="menuDir">	<div id="mdTitulo_verde"><span>Links úteis</span></div>	 <div id="mdMenu">	 <ul class="main">	  <li class="menu1" id="mdMenuA"><a href="http://www.imasters.com.br" target="_blank">       Imasters</a></li>	  <li class="menu2" id="mdMenuA"><a href="http://www.webtutoriais.com" target="_blank">       WebTutoriais</a></li>	  <li class="menu1" id="mdMenuA"><a href="http://www.mxstudio.com.br" target="_blank">       MxStudio</a></li>	  <li class="menu2" id="mdMenuA"><a href="http://www.pontoflash.com.br" target="_blank">       Ponto Flash</a></li>	 </ul>  </div>	</td></tr>	<tr>	 <td colspan="2" id="footer"> </td>	 </tr>   </tbody>  </table>		 </td>	 <td width="75%" valign="top" class="meio">	 <?php $id = base64_decode($_GET['id']); if(file_exists("$id.php")){ include_once("$id.php");}else include("meio.php"); ?></td>   </tr>   <tr>	 <td colspan="2" id="footer">João F. Melo 2007<br />	   WebDesign 	   <br />	 Todos os direitos reservados </td>   </tr> </table> </body> </html>

Compartilhar este post

Link para o post
Compartilhar em outros sites

João Melo    1

João Melo
Postado

Aqui funcionou normal.

Mas como, sem os css? vou ajeitar os css e terminar as páginas e mando os css.Obs: uso o FF 2.0.2 IE 6 e IE 7 só para testar as páginas.Bom vou sair mas entro às 23:00 e fico conectado o dia todo.

Compartilhar este post

Link para o post
Compartilhar em outros sites

João Melo    1

João Melo
Postado

Eu fiz um CSS de exemplo, salvei com o nome estilo.css dentro da pasta css. :P

Há uma falha no meu código, repare que a table principal tem o width="770" quando é prá ter 100% por isso que deve ter ficado com o tamanho certo em 800 e centralizado em 1024. Do jeito que fiz "100%" e o script funcionam muito bem, só que o index é que não pega o css só quando clico em algum link ai ele fica com todas as configurações certas mas quando volto continua como se não estivesse o css ou mesmo quando faço um refresh no index.Tbm tem outra opção, no index faço com que o script identifique a resolução e monte a página para a resolução correta (no caso index1 e index2), mas as páginas são em php, e quando identificada a resolução ele monta mas na extensão PHP fica dando refresh até dar erro, só se for *.htm que monta a página legal, mas ai não posso usar os scripts em php "uso no index: base64 nos links, include e outros".Este que é o grande problema.Poxa terminei. :blink:

Compartilhar este post

Link para o post
Compartilhar em outros sites
Ir para a lista de tópicos Javascript
×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.

  Aceito