Jump to content

  2. → Viewing Profile: Tópicos: Henderson

Henderson

Member Since 30/01/2005
Offline Last Active 03/09/2013, 09:51
-----

Topics I've Started

Atualizar Página

15/08/2011, 11:35

Fala galera,

Seguinte, to com um sistema de chat e que tá atualizando o texto do chat usando setInterval.
Tá de 1 em 1 segundo, final, é um chat, tem que ser rápido o negócio.
Mas é MUITA requisição no servidor. Ainda mais que tem um "O usuário está digitando"
Não é possível que só possa ser feito assim. Eu abro o painel do desenvolvedor no chrome e vejo lá, aquele monte de requisição.
Eu entrei em sites como o www.omegle.com, na versão Text (só pra vces entrarem se quiserem ver do que estou falando) e lá não tem esse monte de requisição, somente uma requisição quando uma digitação é iniciada e outra requisição quando a mensagem é enviada ou recebida.

Como fazer para que seja desse jeito?
O servidor, e pelo jeito até o navegador, não dá conta direito de tanta requisição. Sem contar que a página fica sempre "carregando".

Abraço.

Não Consigo Definir Dimensões Como Quero

15/08/2011, 10:25

Olá.

Estou tentando definir algumas dimensões, de modo que a página ocupe a página inteira.
Coloquei uma figura aqui em anexo pra explicar, o HTML+CSS segue abaixo.
As áreas vermelhas tem tamanho fixo (largura e altura em px)
As áreas verdes, eu quero que adaptem suas dimensões de forma que toda a janela do browser, não importe o tamanho, fique preenchida.
A verde de cima tem largura 100% e altura que deve se ajustar.
A verde de baixo tem altura fixa e largura que deve se ajustar, sem sobrepor a vermelha à direita e sem deixar espaço em branco.

Tenderam?
Não to conseguindo fazer esse ajuste com o html e css que montei.
Alguém pode me dar uma luz?

<!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=utf-8" />
<title></title>
<style type="text/css">
html, body {
	padding: 0;
	margin: 0;
	height: 100%;
	width: 100%;
}
.class-you {
	color:#3895BF;
	font-weight:bold;
}
.class-partner {
	color:#2E900D;
	font-weight:bold;
}
#container {
	width: 100%;
	height: 100%;
}
#content {	
	width: 100%;
	height: 100%;
}
#topbar {
	padding-top: 10px;
	height: 50px;
	width: 100%;
}
#buttons {
	padding-bottom:5px;
	width:170px;
	float:left;
}
.buttonFont {
	font-size:10px;
}
#info {
	font-family:Verdana, Geneva, sans-serif;
	font-size:12px;
	float:left;
	padding-top:5px;
}
.label {
	font-family:Verdana, Geneva, sans-serif;
	font-size:11px;
	color:#3895BF;
}
#externalPanel {
	clear:both;
	margin: 0 5px 0 5px;
	height:70%;
	width:99%;
}
#panel {
	overflow:auto;
	padding:3px;
	font-family:Verdana, Geneva, sans-serif;
	font-size:12px;
	height: 100%;
	width: 100%;
}
#typing {
	padding-top: 5px;
	margin-left: 4px;
	width: 95%;
	height: 25px;
	clear: both;
}
#sendMessage {
	padding-top:5px;
	margin-left:0px;
	width: 100%;
	height: 62px;
}
#message {
	float: left;
	width: 89%;
	height: 60px;
}
#submit {
	float: right;
	font-size:13px;
	width: 10%;
	height: 62px;
}
#ads {
	clear: both;
	margin-top: 10px;	
	height: 90px;
	width: 100%;
}
</style>
</head>
<body>
<div id="container">
<div id="content">
<div id="topbar">
	<div id="buttons" class="buttonFont">
		<input type="button" id="logout" name="logout" value="close" />
		<input type="button" id="status" name="status" value="searching..." />	
	</div>
	<div id="info">
	you are a ...
	</div>
</div>
<div id="externalPanel" class="ui-corner-all ui-widget-content">
	<div id="panel">
	</div>
</div>
<div id="typing"></div>
<div id="sendMessage">
	<div id="messageBox">
		<textarea id="message" name="message" class="ui-corner-all ui-widget-content"></textarea>
	</div>
	<div id="submitBox">
		<input type="button" id="submit" value="send" />
	</div>
</div>
<div id="ads">
</div>
</div>
</div>
</body>
</html>

Valeu!!

  1. Fórum WMO
  2. → Viewing Profile: Tópicos: Henderson
  3. Privacy Policy
  4. Regras ·
IPB Skin By Virteq