Ir para conteúdo

POWERED BY:

Arquivado

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

paulo.s

Limitador de Caracteres

Por , em Javascript

Recommended Posts

paulo.s    0

paulo.s
Postado

ola. Pessoal

 

como faço para inserir um contador de caracteres neste script no textarea

 

obrigado

 

 

<html>
<head>
<script language="javascript" type="text/javascript">

function checa_formulario(email){

    if (email.nome.value == ""){ 
  alert("Por Favor não deixe o seu nome em branco!!!");
   email.nome.focus();
    return (false); 
}

    if (email.email_from.value == ""){ 
  alert("Por Favor não deixe o seu email em branco!!!");
   email.email_from.focus();
    return (false); 
}

    if (email.email.value == ""){ 
  alert("não deixe o email destinatario em branco!!!");
   email.email.focus();
    return (false); 
}

    if (email.assunto.value == ""){ 
  alert("não deixe o assunto em branco!!!");
   email.assunto.focus();
    return (false); 
}

}
</script>
<title>Enviando texto</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<style type="text/css">
<!--
.email {
text-transform: lowercase;
}
.texto {
color: #0000FF
}
.style1 {color: #FF0000}

-->
</style>
</head>

<body onLoad="document.email.nome.focus();">
<form onsubmit="return checa_formulario(this)" action="envia.php" method="post" enctype="multipart/form-data" name="email">
  <h1 align="center" class="style1">Formulario de email com anexo </h1>
  <table width="32%"  border="0" align="center">
    <tr>
      <td><div align="right"><span class="texto">Nome</span></div></td>
      <td><input name="nome" type="text" id="nome"></td>
    </tr>
    <tr>
      <td width="33%"><div align="right" class="texto">De:</div></td>
      <td width="67%"><input name="email_from" type="text" class="email"></td>
    </tr>
    <tr>
      <td><div align="right" class="texto">Para</div></td>
      <input name="email" type="text" class="email" value="email" readonly></td>
    </tr>
    <tr>
      <td><div align="right" class="texto">Assunto</div></td>
      <td><input name="assunto" type="text" id="assunto"></td>
    </tr>
    <tr>
      <td><div align="right" class="texto">Mensagem</div></td>
      <td><textarea name="mensagem" cols="50" rows="10" id="mensagem"></textarea></td>
    </tr>
    <tr>
      <td><div align="right" class="texto">Anexo</div></td>
      <td><input name="arquivo" type="file"></td>
    </tr>
    <tr>
      <td> </td>
      <td><input type="submit" name="Submit" value="Enviar"></td>
    </tr>
  </table>
</form>
</body>
</html>

Compartilhar este post

Link para o post
Compartilhar em outros sites

macielcr7    9

macielcr7
Postado

isso é um exemplo completo agora é só você adaptar .. .....

beleza .....

 

já tá mastigado .... o codigo só você adaptar agora

http://forum.imasters.com.br/public/style_emoticons/default/natal_laugh.gif 

<head> 
<meta http-equiv="Content-Type" content="text/html;charset=UTF-8" /> 
<title>limitador - Textarea</title> 
<style type="text/css"> 
textarea {
  width: 300px;
  height: 200px;
}
 
#progreso {
  background: url(textarea.png) no-repeat;
  background-position: -300px 0px;
  width: 300px;
  height: 14px;
  text-align: center;
  color: #000000;
  font-size: 8pt;
  font-family: Arial;
  text-transform: uppercase;
}
 
</style> 
<script type="text/javascript"> 
var max=250;
var ancho=300;
function progreso_tecla(obj) {
  var progreso = document.getElementById("progreso");  
  if (obj.value.length < max) {
    progreso.style.backgroundColor = "#FFFFFF";    
    progreso.style.backgroundImage = "url(textarea.png)";    
    progreso.style.color = "#000000";
    var pos = ancho-parseInt((ancho*parseInt(obj.value.length))/250);
    progreso.style.backgroundPosition = "-"+pos+"px 0px";
  } else {
    progreso.style.backgroundColor = "#CC0000";    
    progreso.style.backgroundImage = "url()";    
    progreso.style.color = "#FFFFFF";
  } 
  progreso.innerHTML = "("+obj.value.length+" / "+max+")";
}
</script> 
</head> 
<body> 
<div class="contenedor"> 
<textarea onkeyup="progreso_tecla(this)" value=""></textarea> 
<div id="progreso">(0 / 250)</div> 
</body> 
</html>
http://forum.imasters.com.br/public/style_emoticons/default/natal_w00t.gif

Compartilhar este post

Link para o post
Compartilhar em outros sites

paulo.s    0

paulo.s
Postado

Gente eu fiz isso aquí

alguem pode me dá uma ajuda

o email tá indo, mais o texto não

 

obrigado

 

 

<html xmlns:v="urn:schemas-microsoft-com:vml" xmlns:o="urn:schemas-microsoft-com:office:office" xmlns="http://www.w3.org/TR/REC-html40">

<head>
<meta name="GENERATOR" content="Microsoft FrontPage 6.0">
<meta name="ProgId" content="FrontPage.Editor.Document">
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
<title>teste</title>
<!--[if !mso]>
<style>
v\:*         { behavior: url(#default#VML) }
o\:*         { behavior: url(#default#VML) }
.shape       { behavior: url(#default#VML) }
</style>
<![endif]--><!--[if gte mso 9]>
<xml><o:shapedefaults v:ext="edit" spidmax="1027"/>
</xml><![endif]-->
</head>

<body>
<html xmlns:v="urn:schemas-microsoft-com:vml" xmlns:o="urn:schemas-microsoft-com:office:office" xmlns="http://www.w3.org/TR/REC-html40">
<head>
<!--[if gte vml 1]><v:rect id="_x0000_s1025"
 style='position:absolute;left:57pt;top:18pt;width:198.75pt;height:28.5pt;
 z-index:1' stroked="f"/><![endif]--><![if !vml]><span style='mso-ignore:vglayout;
position:absolute;z-index:1;left:76px;top:24px;width:265px;height:38px'><img
width=265 height=38 src="teste3_arquivos/image001.gif" v:shapes="_x0000_s1025"></span><![endif]><script language="javascript" type="text/javascript">

function checa_formulario(email){

    if (email.nome.value == ""){ 
  alert("Por Favor não deixe o seu nome em branco!!!");
   email.nome.focus();
    return (false); 
}

    if (email.email_from.value == ""){ 
  alert("Por Favor não deixe o seu email em branco!!!");
   email.email_from.focus();
    return (false); 
}

    if (email.email.value == ""){ 
  alert("não deixe o email destinatario em branco!!!");
   email.email.focus();
    return (false); 
}

    if (email.assunto.value == ""){ 
  alert("não deixe o assunto em branco!!!");
   email.assunto.focus();
    return (false); 
}

}
</script>
<head> 
<meta http-equiv="Content-Type" content="text/html;charset=iso-8859-1" > 
<link rel="File-List" href="teste_arquivos/filelist.xml">
 
<title>Enviando texto</title> 
<style type="text/css"> 
textarea {  
width: 300px;  
height: 200px;
} 

#progreso {  
background: url(textarea.png) no-repeat;  
background-position: -300px 0px;  
width: 300px;  
height: 14px;  
text-align: center;  
color: #000000;  
font-size: 8pt;  
font-family: Arial;  
text-transform: uppercase;
} 

</style> 
<script type="text/javascript"> 
var max=250;
var ancho=300;
function progreso_tecla(obj) 
{  

var progreso = document.getElementById("progreso");    
if (obj.value.length < max) {    
progreso.style.backgroundColor = "#FFFFFF";        
progreso.style.backgroundImage = "url(textarea.png)";        
progreso.style.color = "#000000";    
var pos = ancho-parseInt((ancho*parseInt(obj.value.length))/250);    
progreso.style.backgroundPosition = "-"+pos+"px 0px";  
} 
else 
{    
progreso.style.backgroundColor = "#CC0000";        
progreso.style.backgroundImage = "url()";        
progreso.style.color = "#FFFFFF";  }   
progreso.innerHTML = "("+obj.value.length+" / "+max+")";
}
</script> 
</head> 
<body> 

</style></head><body onLoad="document.email.nome.focus();"><form onsubmit="return checa_formulario(this)" action="foto10.php" method="POST" enctype="multipart/form-data" name="email" style="position: absolute; left: 98px; top: 38px">
    <table width="32%"  border="0" align="center">
    <tr>
      <td><div align="right"><span class="texto">Seu Nome</span></div></td>
      <td><input name="nome" type="text" id="nome"></td>
    </tr>
    <tr>
      <td width="33%"><div align="right" class="texto">Seu Email</div></td>
      <td width="67%"><input name="email_from" type="text" class="email"></td>
    </tr>
    <tr>
      <td><div align="right" class="texto"></div></td>
      <input name="email" type="text" class="email" value="digite aqui seu email" readonly></td>
    </tr>
    <tr>
      <td><div align="right" class="texto">Categoria</div></td>
      <td><input name="assunto" type="text" id="assunto"></td>
    </tr>
    <tr>
      <td><div align="right" class="texto">Mensagem</div></td>
      <td><textarea onkeyup="progreso_tecla(this)" value=""></textarea> <div id="progreso">
    </tr>
    <tr>
      <td><div align="right" class="texto">Foto</div></td>
      <td><input name="arquivo" type="file"></td>
    </tr>
    <tr>
      <td> </td>
      <td><input type="submit" name="Submit" value="Enviar"></td>
    </tr>
  </table>
</form>
</body>
</html>
</body>

Compartilhar este post

Link para o post
Compartilhar em outros sites

Thiago Retondar    18

Thiago Retondar
Postado

Atenção:

Este subfórum é destinado apenas para postagem de scripts prontos e testados para auxiliar os demais membros.

Não é permitido a abertura de tópicos com dúvidas. Para isso, use o Fórum de javascript.

http://forum.imasters.com.br/public/style_emoticons/default/seta.gif Tutorial de contagem regressiva estilo Twitter » http://ogordo.com/efeito-contagem-regressiva-twitter/

 

http://forum.imasters.com.br/public/style_emoticons/default/thumbsup.gif

Compartilhar este post

Link para o post
Compartilhar em outros sites

macielcr7    9

macielcr7
Postado

Cara tó te mandando um formulario que envia pro email .....

 

aiii você adaptar que esse exemplo que tó te mandando é bem simples.....

 

cara esse aiii tá funcionando beleza é só você modificar algumas coisas ele envia tudo para o email.... só você prestar bem atenção onde tem que mudar e tbm se tiver duvidas entra em contato comigo pelo MSN

macielc.ronaldo@hotmail.com

beleza? http://forum.imasters.com.br/public/style_emoticons/default/natal_biggrin.gif

 

codigo contato.html

 


<!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>enviar</title>
<style type="text/css">
<!--
.style2 {font-weight: bold;
color: blue;
font-size:15px;
}
-->
</style>
</head>

<body>
<table width="589" border="0" align="center" cellpadding="0" cellspacing="0">
  <tr>
    <td width="802"><form action="falar.php" method="post" name="formulario" id="formulario">
      <div align="left">
        <table width="338" align="left" cellpadding="0">
          <tr>
            <td colspan="2" align="center" scope="col"> </td>
          </tr>
          <tr>
            <td width="107" align="right" scope="col"><div align="left"><strong>Nome:</strong></div></td>
            <td width="231" scope="col"><input class="form_campos" type="text" name="nome" size="37" /></td>
          </tr>
          <tr>
            <td align="right" scope="col"><div align="left"><strong>E-mail:</strong></div></td>
            <td scope="col"><input class="form_campos" type="text" name="e-mail" size="37" /></td>
          </tr>
          <tr>
            <td align="right" scope="col"><div align="left"><strong>Site/Blog:</strong></div></td>
            <td scope="col"><input class="form_campos" type="text" name="endereco" size="37" id="endereco" /></td>
          </tr>
          <tr>
            <td align="right" scope="col"><div align="left"><strong>Assunto:</strong></div></td>
            <td scope="col"><input class="form_campos" type="text" name="assunto" size="37" id="assunto" /></td>
          </tr>
          <tr>
            <td align="right" scope="col"><div align="left"><strong>Mensagem:</strong></div></td>
            <td scope="col"><textarea class="form_campos" name="mensagem" cols="34" rows="4"></textarea></td>
          </tr>
          <tr>
            <td colspan="2" align="center" scope="col"><input class="style2" type="submit" name="Enviar" value="Enviar " />
                  <input class="style2" align="right" type="reset" name="Limpar" value="Limpar" /></td>
          </tr>
        </table>
      </div>
    </form>
       </td>
  </tr>
</table>
</body>
</html>

 

 

falar.php

 


<?php
$hoje_tmp = getdate();
$hoje = ($hoje_tmp[hours].":".$hoje_tmp[minutes].":".$hoje_tmp[seconds]);
$nome = $_POST["nome"]; //trata a variável nome
$endereco = $_POST["endereco"]; //trata a variável estado
$email = $_POST["e-mail"]; //trata a variável e-mail
$assunto = $_POST["assunto"]; //trata a variável assunto
$mensagem = $_POST["mensagem"]; //trata a variável mensagem
global $email; //transforma em variavel global a variável e-mail
$enviou = mail("macielcr7@gmail.com", // aqui voce coloca o seu e-mail

if($nome==null){
echo"<h2>preencha o campo Nome!!!</h2>";
echo"<h3>Volte a pagina anterior e termine a postagem....</h3>";
exit();

}

if($endereco==null){
echo"<h2>preencha o campo Endereço!!!</h2>";
echo"<h3>Volte a pagina anterior e termine a postagem....</h3>";
exit();
}

if($email==null){
echo"<h2>preencha o campo Email!!!</h2>";
echo"<h3>Volte a pagina anterior e termine a postagem....</h3>";
exit();
}

if($assunto==null){
echo"<h2>preencha o campo assunto!!!</h2>";
echo"<h3>Volte a pagina anterior e termine a postagem....</h3>";
exit();
}

if($mensagem==null){
echo"<h2>preencha o campo Mensagem!!!</h2>";
echo"<h3>Volte a pagina anterior e termine a postagem....</h3>";
exit();
}

"$assunto",
"Nome: $nome
Endereco: $endereco
E-mail: $email
Assunto: $assunto
Mensagem: $mensagem",
"From: $email <$nome>");
if ($enviou){
header('location:http://www.gondim.com.br/home.html');
}
else {
header('location:http://www.gondim.com.br/contato.html');
}
?>

Compartilhar este post

Link para o post
Compartilhar em outros sites

Mário Monteiro    179

Mário Monteiro
Postado

Olá paulo.s,

 

Conforme o aviso existente no fórum de origem deste post, não é permitida a postagem de dúvidas nesta área, motivo pelo qual este tópico será movido para o fórum principal deste assunto.

 

Tópico Movido

 

Origem: Laboratório de scripts (Javascript / DHTML) http://forum.imasters.com.br/public/style_emoticons/default/seta.gif Destino: Javascript / DHTML

 

Abraços

 

Mário Monteiro

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