Ir para conteúdo

POWERED BY:

Arquivado

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

Lucas.Formariz

[Resolvido] Redimensionar DIV

Por , em Javascript

Recommended Posts

Lucas.Formariz    0

Lucas.Formariz
Postado

Oi pessoal tudo bem?

Estou com uma dúvida aqui.

Estou trabalhando com um site em flash 100% x 100%.

Porém preciso que se a janela do navegador for menos que 1020px x 620 px, apareça barra de rolagem.

 

Já travei as funções no Flash para ele redimensionar apenas até isso, só falta achar uma função JS que substitua o min-height e min-width que o IE não reconhece.

 

onde estou errando aqui?

HTML

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>MINHA PÁGINA</title>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<meta http-equiv="Content-Language" content="pt-BR">
<link rel="shortcut icon" href="favicon.ico">
<script type="text/javascript" src="js/inserirflash.js"></script>
<style type="text/css">
<!--
body {
	background:url(imgs/bg.jpg) #DDD left top;
	color:#000;
	margin:0;
}
#conteudo {
	position:absolute;
}
-->
</style>
<script type="text/javascript">

	var d = document.getElementById("conteudo");
	if(d.style.width<"1020px"){
	d.style.width = "1020px";
	} else if(d.style.height<"620px"){
	d.style.height = "620px";
	} else {
	d.style.width = "100%";
	d.style.height = "100%";
	}

</script>
</head>
<body>
<div id="conteudo">
	<script type="text/javascript"> 
	<!--
	var Variaveis = ""; 
	InserirFlash('principal-1.swf',Variaveis,'100%','100%','#FFFFFF',false,'','high','sp',false); 
	//Parâmetros ==> (swf,flashVarString,width,height,bgcolor,menu,mode,qualidade,id,fullscreen) 
	-->
	</script>
</div>
</body>
</html>

 

Desde já agradeço a todos.

Compartilhar este post

Link para o post
Compartilhar em outros sites

Lucas.Formariz    0

Lucas.Formariz
Postado

O Mais proximo que consegui da resolução foi o código abaixo que funciona perfeitamente no FF3, mas no IE ele fica bugando.

 

Alguem sabe dizer qual meu erro?

 


<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>MINHA PÁGINA</title>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<meta http-equiv="Content-Language" content="pt-BR">
<link rel="shortcut icon" href="favicon.ico">
<script type="text/javascript" src="js/inserirflash.js"></script>
<style type="text/css">
<!--
body {
	background:url(imgs/bg.jpg) #DDD left top;
	color:#000;
	margin:0;
}
#conteudo {
	position:static;
}
#tamanho {
	position:absolute;
	height:100% !important;
	width:100% !important;
}
-->
</style>
<script type="text/javascript">
window.onload = function(){
	var t = document.getElementById('tamanho');
	var d = document.getElementById('conteudo').style;
	if (t.scrollHeight<="620px"){
	d.height="620px";
	} else {
			d.height = t.scrollHeight;
	}
	if (t.scrollWidth<="1020px"){
	d.width="1020px";
	} else {
			d.width = t.scrollWidth;
	}
}
window.onresize = function(){
	var t = document.getElementById('tamanho');
	var d = document.getElementById('conteudo').style;
	if (t.scrollHeight<="620px"){
	d.height="620px";
	} else {
			d.height = t.scrollHeight;
	}
	if (t.scrollWidth<="1020px"){
	d.width="1020px";
	} else {
			d.width = t.scrollWidth;
	}
}
</script>
</head>
<body>
<div id="tamanho">
<div id="conteudo">
	<script type="text/javascript"> 
	<!--
	var Variaveis = ""; 
	InserirFlash('principal-1.swf',Variaveis,'100%','100%','#FFFFFF',false,'','high','sp',false); 
	//Parâmetros ==> (swf,flashVarString,width,height,bgcolor,menu,mode,qualidade,id,fullscreen) 
	-->
	</script>
</div>
</div>
</body>
</html>

Compartilhar este post

Link para o post
Compartilhar em outros sites

Lucas.Formariz    0

Lucas.Formariz
Postado

Encontrei a resposta aqui vai:

 


<script type="text/javascript">
function redimensionar(){
	var t = document.getElementById('conteudo');
	if (document.body.clientHeight<620){
	t.style.height=620;
	} else {
			t.style.height = "100%";
	}
	if (document.body.clientWidth<1020){
	t.style.width=1020;
	} else {
			t.style.width = "100%";
	}
}
window.onload = function(){
	redimensionar();
}
window.onresize = function(){
	redimensionar();
}
</script>

 

Ao invés de eu tentar calcular o tamanho da div, peguei o codigo para calcular o tamanho da janela.

Dessa maneira que fiz ele funciona perfeitamente nos navegadores.

 

Obrigado a todos.

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