Help
Salve salve galera mx..
:
Estou tentando enteder como o bate papo do gmail funciona com ajax.. mas ta dificil, estou lendo sobre javascript e ajax, assim cheguei nesta dúvida?
É possível utilizar um textarea sem utilizar a tag form?
Publicidade
|
|
Page 1 of 1
Usando textarea sem a tag form é possivel com ajax.. ou com códigos extra-terrestes???
#2
Tiago Braga 
- Group: Moderadores
- Posts: 732
- Joined: 15-May 07
Posted 09 October 2008 - 06:23 PM
Que pod, pod, mas com qual finalidade?
Até
Até
#3
JeffScript
- Group: Membros
- Posts: 118
- Joined: 18-July 07
Posted 09 October 2008 - 06:34 PM
Estou pensando em montar um chat, que use este text area e que as informações sejam exibidas na div do chat,...
Você sabe como o scroll fica em baixo por defaul porque o texto aparece mas não mas a barra continua em cima.. ocultando assim as mensagens
Você sabe como o scroll fica em baixo por defaul porque o texto aparece mas não mas a barra continua em cima.. ocultando assim as mensagens
#4
Tiago Braga
- Group: Moderadores
- Posts: 732
- Joined: 15-May 07
Posted 10 October 2008 - 10:33 AM
Vc pod jogar os textos digitados na div, direto nela e colocando o overflow da div como auto.
Até
Até
#5
JeffScript
- Group: Membros
- Posts: 118
- Joined: 18-July 07
Posted 13 October 2008 - 12:57 PM
Certo ja tenteni isso, ate no css tem essa propriedade, em javascript consegui alguns exemplos só que funcionam apenas com window, quando "Tento aplicar ao scroll da div ele simplesmente ignora e da erro..
Te como você postar um exemplo?
Te como você postar um exemplo?
#6
Tiago Braga
- Group: Moderadores
- Posts: 732
- Joined: 15-May 07
Posted 13 October 2008 - 01:46 PM
faz o seguinte..
Crie uma página básica html e add uma div com o id de scroll_div.
No css faz assim:
#scroll_div{
width:200px;
height:50px;
overflow:scroll;
}
Coloque o loren ipsum dentro da caixa e teste.
Até
Crie uma página básica html e add uma div com o id de scroll_div.
No css faz assim:
#scroll_div{
width:200px;
height:50px;
overflow:scroll;
}
Coloque o loren ipsum dentro da caixa e teste.
Até
#7
JeffScript
- Group: Membros
- Posts: 118
- Joined: 18-July 07
Posted 13 October 2008 - 02:15 PM
Ta certim, ok.
Mas como faço o scroll começar em baixo "no rodape da página" por padrão?
Ao invez dele começar com o scroll no topo ele comece no rodape??
Grato..
Mas como faço o scroll começar em baixo "no rodape da página" por padrão?
Ao invez dele começar com o scroll no topo ele comece no rodape??
Grato..
#8
Tiago Braga
- Group: Moderadores
- Posts: 732
- Joined: 15-May 07
Posted 13 October 2008 - 03:36 PM
CÓDIGO
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Untitled Document</title>
<script type="text/javascript">
setInterval("document.getElementById('scroll_div').scrollTop = 1000000;", 500);
</script>
<style>
#scroll_div{
width:200px;
height:100px;
overflow:scroll;
}
</style>
</head>
<body>
<div id="scroll_div">
Nam commodo mattis odio. Vestibulum cursus velit vitae quam? Proin tristique purus eget massa. Mauris nibh tellus, porttitor et; tincidunt eget, aliquet id, dolor. Sed ultrices magna ut quam. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Curabitur commodo. Ut non felis. Praesent posuere pede at elit. Aenean quis sapien. Pellentesque volutpat, nisl nec fringilla tincidunt, lacus augue scelerisque orci, et sagittis nunc dui at orci. Morbi ullamcorper venenatis pede.
<a name="fim" id="fim"></a>
</div>
</body>
</html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Untitled Document</title>
<script type="text/javascript">
setInterval("document.getElementById('scroll_div').scrollTop = 1000000;", 500);
</script>
<style>
#scroll_div{
width:200px;
height:100px;
overflow:scroll;
}
</style>
</head>
<body>
<div id="scroll_div">
Nam commodo mattis odio. Vestibulum cursus velit vitae quam? Proin tristique purus eget massa. Mauris nibh tellus, porttitor et; tincidunt eget, aliquet id, dolor. Sed ultrices magna ut quam. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Curabitur commodo. Ut non felis. Praesent posuere pede at elit. Aenean quis sapien. Pellentesque volutpat, nisl nec fringilla tincidunt, lacus augue scelerisque orci, et sagittis nunc dui at orci. Morbi ullamcorper venenatis pede.
<a name="fim" id="fim"></a>
</div>
</body>
</html>
Não sabia como queria, e nem como fazer. Mas não tem nada, nada mesmo que o oráculo não saiba
(GOOOGLE).A solução foi achada aqui: http://forum.imasters.uol.com.br/index.php?showtopic=268432
Espero que ajude.
Até
#9
JeffScript
- Group: Membros
- Posts: 118
- Joined: 18-July 07
Posted 14 October 2008 - 10:11 AM
QUOTE(xavrim @ 13/10/2008 14:10:13) <{POST_SNAPBACK}>
CÓDIGO
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Untitled Document</title>
<script type="text/javascript">
setInterval("document.getElementById('scroll_div').scrollTop = 1000000;", 500);
</script>
<style>
#scroll_div{
width:200px;
height:100px;
overflow:scroll;
}
</style>
</head>
<body>
<div id="scroll_div">
Nam commodo mattis odio. Vestibulum cursus velit vitae quam? Proin tristique purus eget massa. Mauris nibh tellus, porttitor et; tincidunt eget, aliquet id, dolor. Sed ultrices magna ut quam. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Curabitur commodo. Ut non felis. Praesent posuere pede at elit. Aenean quis sapien. Pellentesque volutpat, nisl nec fringilla tincidunt, lacus augue scelerisque orci, et sagittis nunc dui at orci. Morbi ullamcorper venenatis pede.
<a name="fim" id="fim"></a>
</div>
</body>
</html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Untitled Document</title>
<script type="text/javascript">
setInterval("document.getElementById('scroll_div').scrollTop = 1000000;", 500);
</script>
<style>
#scroll_div{
width:200px;
height:100px;
overflow:scroll;
}
</style>
</head>
<body>
<div id="scroll_div">
Nam commodo mattis odio. Vestibulum cursus velit vitae quam? Proin tristique purus eget massa. Mauris nibh tellus, porttitor et; tincidunt eget, aliquet id, dolor. Sed ultrices magna ut quam. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Curabitur commodo. Ut non felis. Praesent posuere pede at elit. Aenean quis sapien. Pellentesque volutpat, nisl nec fringilla tincidunt, lacus augue scelerisque orci, et sagittis nunc dui at orci. Morbi ullamcorper venenatis pede.
<a name="fim" id="fim"></a>
</div>
</body>
</html>
Não sabia como queria, e nem como fazer. Mas não tem nada, nada mesmo que o oráculo não saiba
(GOOOGLE).A solução foi achada aqui: http://forum.imasters.uol.com.br/index.php?showtopic=268432
Espero que ajude.
Até
Tirando o chapéu "(estudo)"... relamente deu certim, mas vai mais um desafio para o ORÁCULO..
Como seria para habilitar/desabilitar com um checkbox...
QUOTE
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Untitled Document</title>
<script type="text/javascript">
function check()
{
var liberar = document.getElementById("check1").checked;
if(liberar == false)
document.getElementById('scroll_div').scrollTop = 0;
else(liberar == true)
setInterval("document.getElementById('scroll_div').scrollTop = 1000000;", 500);
}
</script>
<style>
#scroll_div{
width:200px;
height:100px;
overflow:scroll;
}
</style>
</head>
<body>
<div id="scroll_div">
Nam commodo mattis odio. Vestibulum cursus velit vitae quam? Proin tristique purus eget massa. Mauris nibh tellus, porttitor et; tincidunt eget, aliquet id, dolor. Sed ultrices magna ut quam. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Curabitur commodo. Ut non felis. Praesent posuere pede at elit. Aenean quis sapien. Pellentesque volutpat, nisl nec fringilla tincidunt, lacus augue scelerisque orci, et sagittis nunc dui at orci. Morbi ullamcorper venenatis pede.
<a name="fim" id="fim"></a>
</div>
<form id="form1" name="form1" method="post" action="">
<label>Rolar página?
<input type="checkbox" onclick="check()" name="checkbox" id="check1" />
</label>
</form>
</body>
</html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Untitled Document</title>
<script type="text/javascript">
function check()
{
var liberar = document.getElementById("check1").checked;
if(liberar == false)
document.getElementById('scroll_div').scrollTop = 0;
else(liberar == true)
setInterval("document.getElementById('scroll_div').scrollTop = 1000000;", 500);
}
</script>
<style>
#scroll_div{
width:200px;
height:100px;
overflow:scroll;
}
</style>
</head>
<body>
<div id="scroll_div">
Nam commodo mattis odio. Vestibulum cursus velit vitae quam? Proin tristique purus eget massa. Mauris nibh tellus, porttitor et; tincidunt eget, aliquet id, dolor. Sed ultrices magna ut quam. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Curabitur commodo. Ut non felis. Praesent posuere pede at elit. Aenean quis sapien. Pellentesque volutpat, nisl nec fringilla tincidunt, lacus augue scelerisque orci, et sagittis nunc dui at orci. Morbi ullamcorper venenatis pede.
<a name="fim" id="fim"></a>
</div>
<form id="form1" name="form1" method="post" action="">
<label>Rolar página?
<input type="checkbox" onclick="check()" name="checkbox" id="check1" />
</label>
</form>
</body>
</html>
#10
Tiago Braga
- Group: Moderadores
- Posts: 732
- Joined: 15-May 07
Posted 14 October 2008 - 10:50 AM
Olha. Vc pod criar uma outra função para desativar o setInterval. Ele que é responsável por faz o scroll permanecer embaixo. O setInterval gera um ID, este ID vc passa para clearInterval.
Procure sobre setInterval e clearInterval. Até
Procure sobre setInterval e clearInterval. Até
#11
JeffScript
- Group: Membros
- Posts: 118
- Joined: 18-July 07
Posted 14 October 2008 - 01:02 PM
QUOTE
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Untitled Document</title>
<script type="text/javascript">
var teste = setInterval("clock()", 500);
function clock()
{
document.getElementById('scroll_div').scrollTop = 1000000;
}
function voltar (){
var teste = setInterval("clock()", 500);
}
</script>
<style>
#scroll_div{
width:200px;
height:100px;
overflow:scroll;
}
</style>
</head>
<body>
<div id="scroll_div">
Nam commodo mattis odio. Vestibulum cursus velit vitae quam? Proin tristique purus eget massa. Mauris nibh tellus, porttitor et; tincidunt eget, aliquet id, dolor. Sed ultrices magna ut quam. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Curabitur commodo. Ut non felis. Praesent posuere pede at elit. Aenean quis sapien. Pellentesque volutpat, nisl nec fringilla tincidunt, lacus augue scelerisque orci, et sagittis nunc dui at orci. Morbi ullamcorper venenatis pede.
<a name="fim" id="fim"></a>
</div>
<button onclick="clearInterval(teste)">Parar Rolagem</button>
<button onclick="voltar()">Continuar Rolagem</button>
</body>
<form id="form1" name="form1" method="post" action="">
<label>Rolar página?
<input type="checkbox" onClick="check()" name="checkbox" id="check1" />
</label>
</form>
</html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Untitled Document</title>
<script type="text/javascript">
var teste = setInterval("clock()", 500);
function clock()
{
document.getElementById('scroll_div').scrollTop = 1000000;
}
function voltar (){
var teste = setInterval("clock()", 500);
}
</script>
<style>
#scroll_div{
width:200px;
height:100px;
overflow:scroll;
}
</style>
</head>
<body>
<div id="scroll_div">
Nam commodo mattis odio. Vestibulum cursus velit vitae quam? Proin tristique purus eget massa. Mauris nibh tellus, porttitor et; tincidunt eget, aliquet id, dolor. Sed ultrices magna ut quam. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Curabitur commodo. Ut non felis. Praesent posuere pede at elit. Aenean quis sapien. Pellentesque volutpat, nisl nec fringilla tincidunt, lacus augue scelerisque orci, et sagittis nunc dui at orci. Morbi ullamcorper venenatis pede.
<a name="fim" id="fim"></a>
</div>
<button onclick="clearInterval(teste)">Parar Rolagem</button>
<button onclick="voltar()">Continuar Rolagem</button>
</body>
<form id="form1" name="form1" method="post" action="">
<label>Rolar página?
<input type="checkbox" onClick="check()" name="checkbox" id="check1" />
</label>
</form>
</html>
Da uma olhada nisso, 1000 a zero para o java..arg..
Gostaria de fazer com checkbox mas esta dando com button só que chega uma hora que ele não volta ou para mais..
Share this topic:
Page 1 of 1
Similar Topics
| Topic | Forum | Started By | Stats | Last Post Info | |
|---|---|---|---|---|---|
|
Problemas como prevFrames e NextFrames as3 [RESOLVIDO]
|
Flash & ActionScript |
LucasCosta
|
|
|
|
|
Operação na Vila Cruzeiro, no Rio, entra na lista de assuntos mais comentados no Twitter
|
Notícias |
Notícias
|
|
|
|
canada goose paris ideas regarding additional options besides personalized a bankruptcy proceeding
uggs an infant obtained care of the direction to go upcoming |
Eventos | Guest_Inenryagell_* |
|
|
|
|
Como Fazer um objeto não atravessar o outro conforme o movimento do teclado
|
Desenvolvimento de Jogos |
Fabio +- bom em flahs MX
|
|
|
|
|
SWF Externo como preloader.
|
Flash & ActionScript |
ethoshow
|
|
|
|
|
tranformando na pagina inical
qual é o codigo? |
Flash & ActionScript |
renatomiguel
|
|
|
|
|
Disquetes antigos podem ser salvos com equipamento específico
|
Notícias |
Notícias
|
|
|
|
|
botão de impressão
como crio um botão de impressão? |
Dreamweaver |
rick27
|
|
Publicidade
|
|