Ir para conteúdo

POWERED BY:

Arquivado

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

naofuieu

Contador de caracteres

Por , em Javascript

Recommended Posts

naofuieu    0

naofuieu
Postado

:wacko: Alguém sabe algum código que insira um contador que diga quantos caracteres restam em uma área de texto, como no site da oi na parte de web torpedos. clique aquipra ver. http://forum.imasters.com.br/public/style_emoticons/default/joia.gif http://forum.imasters.com.br/public/style_emoticons/default/clap.gif

Compartilhar este post

Link para o post
Compartilhar em outros sites

Mário Monteiro    179

Mário Monteiro
Postado
[tr][/tr][tr][/tr]
ASP <!--

Desenvolvido por: Raphael de O. Martins Guimarães

Versão: 1.1

-->

<html>

<head>

<title>Conta Números</title>

<style type="text/css">

body {SCROLLBAR-FACE-COLOR: #000000; SCROLLBAR-ARROW-COLOR: #000000;}

input {COLOR: #FFFFFF; BACKGROUND-COLOR: #000000; BORDER-STYLE: solid; BORDER-WIDTH: 1;}

textarea {COLOR: #FFFFFF; BACKGROUND-COLOR: #000000; BORDER-STYLE: solid; BORDER-WIDTH: 1;}

.autor {FONT-SIZE: 10; FONT-FAMILY: tahoma; COLOR: gray; POSITION: absolute; TOP: 220; LEFT: 340;}

.texto {FONT-SIZE: 12; FONT-FAMILY: tahoma; COLOR: #FFFFFF;}

.titulo {FONT-SIZE: 20; FONT-FAMILY: tahoma; COLOR: #FFFFFF;}

</style>

</head>

<script language="JavaScript">

<!--

limite=20;

function soma() {

var mais_um=eval(document.form.caracteres.value.length-1);

mais_um++;

if (document.form.caracteres.value.length>limite) {

document.form.caracteres.value='';

document.form.caracteres.value=valor_limite;

alert("Limite de "+limite+" caracteres");

}else{

document.form.exibe.value='';

document.form.exibe.value=eval(mais_um);

valor_limite=document.form.caracteres.value;

document.form.exibe2.value='';

document.form.exibe2.value=(limite-mais_um);

}

document.form.caracteres.focus();

}

function mostra_tamanho(){

document.form.exibe2.value=limite;

}

//-->

</script>

<body bgcolor="#000000" onLoad="mostra_tamanho()">

 

<table width=550 cellspacing=0 cellpadding=1 border=0 bgcolor=#FFFFFF align=center><tr><td>

<table width=100% cellspacing=0 cellpadding=0 border=0 bgcolor=#000000>

<tr>

<td align=center class=titulo colspan=2>

Contador de Caracteres v1.1

</td>

</tr>

<form name="form">

<tr>

<td align=center class=texto colspan=2>

Mensagens:

</td>

</tr>

<tr>

<td align=center class=texto colspan=2>

<textarea cols="40" rows="5" name="caracteres" onKeyPress="soma(this.value)" onKeyUp="soma(this.value)"></textarea>

<br><br>

</td>

</tr>

<tr>

<td class=texto width=25%>

  Caracteres Digitados:

</td>

<td class=texto>

<input type="text" name="exibe" size="10" maxlength="10">

</td>

</tr>

<tr>

<td class=texto width=25%>

  Caracteres Restantes:

<br><br>

</td>

<td class=texto>

<input type="text" name="exibe2" size="10" maxlength="10">

<br><br>

</td>

</tr>

</form>

</table>

</td></tr></table>

Compartilhar este post

Link para o post
Compartilhar em outros sites

Mário Monteiro    179

Mário Monteiro
Postado

não hinon, este codigo não é meu, ja tinha ele, peguei na netmas ta ai os direitos autoras do autor

Compartilhar este post

Link para o post
Compartilhar em outros sites

Alex Hiroshi    7

Alex Hiroshi
Postado

.. eu acho assim mais simples e mais facil

ASP [/tr][tr]<script language="JavaScript">

function contar(Campo){

document.getElementById("Qtd").innerText = 200-Campo.value.length;

if((200-Campo.value.length)==0)

alert('Atenção, você atingiu o limite máximo de caracteres!');

document.forms[0].mensagem.value = document.forms[0].mensagem.value.substring(0,200);

}

</script>

 

<form>

<textarea name="mensagem" onkeyup="contar(this)"></textarea> <br>

Ainda restam <input type="text" value="200" id="Qtd" disabled>

</form>

[/tr]

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