(Resolvido) função que retira acento não funciona

[+.jr_Designer.+]

Pessoal preciso de uma função que retire os acento das letras!

Este é o código completo da minha página, só a função que retira o acento das letras não funciona.

<!--#include file="../config.asp"-->
<!-- #include file = "upload_funcoes.asp" -->
<style type="text/css">
<!--
body,td,th {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #666666;
}
body {
    margin-left: 0px;
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
}
body,td,th {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #212121;
}
-->
</style>
<link href="../admin/edit.css" rel="stylesheet" type="text/css" />
<link href="../admin/botao.css" rel="stylesheet" type="text/css" />
<link href="../botao.css" rel="stylesheet" type="text/css" />
<link href="../edit.css" rel="stylesheet" type="text/css" />
<style type="text/css">
<!--
.style1 {
    font-size: 14px;
    font-weight: bold;
}
a {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #CC0000;
}
a:link {
    text-decoration: none;
}
a:visited {
    text-decoration: none;
    color: #CC0000;
}
a:hover {
    text-decoration: underline;
    color: #99CC00;
}
a:active {
    text-decoration: none;
    color: #CC0000;
}
-->
</style>
<script language="JavaScript">
function retira_acentos(palavra) {

com_acento = "áàãâäéèêëíìîïóòõôöúùûüçÁÀÃÂÄÉÈÊËÍÌÎÏÓÒÕÖÔÚÙÛÜÇ";
sem_acento = "aaaaaeeeeiiiiooooouuuucAAAAAEEEEIIIIOOOOOUUUUC";
nova="";

for(i=0;i<palavra.length;i++)
    {
      if (com_acento.search(palavra.substr(i,1))>=0) 
        {
        nova+=sem_acento.substr(com_acento.search(palavra.substr(i,1)),1);
        alert(nova)
        }
    else 
        {
        nova+=palavra.substr(i,1);
        }
    }
document.form.Sacento.value = novo;
return nova;
}
</script>

<script language="javascript">
function valida_campo()
{
var data = document.form.data.value
if (data==""){
    alert("Por favor, informe a data do projeto!");
    document.form.data.focus()
    return false
    }

var obra = document.form.obra.value
if (obra==""){
    alert("Digite o nome da obra!");
    document.form.obra.focus()
    return false
    }
    
var descricao = document.form.descricao.value
if (descricao==""){
    alert("Por favor, preencha o campo descrição!");
    document.form.descricao.focus()
    return false
    }

var local = document.form.local.value
if (local=="")
    {
      alert("Informe o local da obra! Ex: Sede, Povoado de ...");
      document.form.local.focus()
      return false
    }

if(document.getElementById("foto").value == ""){  
   window.alert("Localize a foto de exibição do album!");  
  document.getElementById("foto").focus();  
   return false;  
  } 
}
</script>

<table width="90%" border="0" align="center" cellpadding="2" cellspacing="2">
  <tr>
    <td height="56" align="center"><span class="style1">Obras realizadas no munic&iacute;pio</span></td>
  </tr>
  <tr>
    <td align="center"><table>
      <form action="upload_obra.asp" method="post" enctype="multipart/form-data" name="form" id="form" onsubmit="return valida_campo()">
        <tr>
          <td width="128" align="right">Data:</td>
          <td colspan="2"><input name="data" type="text" class="edit" id="data" size="12" maxlength="10" /></td>
        </tr>
        <tr>
          <td width="128" align="right">Obra:</td>
          <td colspan="2"><input name="obra" type="text" class="edit" id="obra" size="51" onblur="retira_acentos(this.value)" /></td>
        </tr>
        <tr>
          <td width="128" align="right">Sem acento:</td>
          <td colspan="2"><input name="Sacento" type="text" class="edit" id="Sacento"  /></td>
        </tr>
        <tr>
          <td width="128" align="right">Local da obra:</td>
          <td colspan="2"><input name="local" type="text" class="edit" id="local" size="40" /></td>
        </tr>
        <tr>
          <td width="128" align="right" valign="top">Descri&ccedil;&atilde;o:</td>
          <td colspan="2"><textarea name="descricao" cols="50" rows="8" class="edit" id="descricao"></textarea></td>
        </tr>
        <tr>
          <td align="right">Foto principal:</td>
          <td colspan="2"><input name="foto" id="foto" type="file" class="edit" size="55" /></td>
        </tr>
        <tr>
          <td align="right">&nbsp;</td>
          <td width="309" align="right"><input name="submit" type="submit" class="botao" value="Enviar" /></td>
          <td width="27" align="right">&nbsp;</td>
        </tr>
        <tr>
          <td colspan="3">&nbsp;</td>
        </tr>
      </form>
    </table></td>
  </tr>
  <tr>
    <td align="center"><a href="cad_foto_obra.asp" target="main">Incluir Imagens &agrave; uma obra cadastrada</a></td>
  </tr>
</table>

Alguém pode me ajudar?!

[Jonathan Queiroz]

Ocorre algum erro ?

O que há de errado com a função ?

[+.jr_Designer.+]

Não. Não retorna erro nenhum, mas também não retorna nada!

[Amanda Makino]

Olá!

No meu trabalho precisei implementar uma função para deixar tudo em maiúsculo e remover acentos.

Segue a função que implementei:

function FormataInfo(){
    var input       = document.getElementsByTagName('input')        
    var textarea    = document.getElementsByTagName('textarea')
    var especiais = "ÁÉÍÓÚÀÈÌÒÙÂÊÎÔÛÄËÏÖÜÃÕÇ!@#$%^*_+=~`´";
    var corretas  = "AEIOUAEIOUAEIOUAEIOUAOC_____________";
           
    // Percorre todos os campos contidos na página que sejam do tipo textarea.
    for(var i=0; i<textarea.length; i++)
    {
        // Passa todos os caracteres do textarea para maiúsculo.
        textarea[i].value = textarea[i].value.toUpperCase();
        
        // Percorre o array de caracteres especiais.
        for(var j=0; j<especiais.length; j++)     
        {
            // Percorre os caracteres contidos no campo.
            for(var k=0; k<textarea[i].value.length; k++)
            {
                textarea[i].value = textarea[i].value.replace(especiais.substr(j,1),corretas.substr(j,1));
                textarea[i].value = textarea[i].value.replace("_","");
            }    
        }
    }
                  
    // Percorre todos os campos contidos na página que sejam do tipo input (Text).
    for(var l=0; l<input.length; l++)
    {
        if (input[l].type == 'text')
        {
            // Passa todos os caracteres do input para maiúsculo.
            input[l].value = input[l].value.toUpperCase(); 
            
            // Percorre o array de caracteres especiais.
            for(var m=0; m<especiais.length; m++)     
            {
                // Percorre os caracteres contidos no campo.
                for(var n=0; n<input[l].value.length; n++)
                {
                    input[l].value = input[l].value.replace(especiais.substr(m,1),corretas.substr(m,1));
                    input[l].value = input[l].value.replace("_","");
                }    
            }
        }
    }                       
}

Espero que tenha ajudado! ;) Ah! E a função é chamada no submit do meu form. Assim:

<h:form id="formCadastro" onsubmit="FormataInfo();">

[flavio]

<script language="JavaScript">
function retira_acentos(palavra) {

com_acento = "áàãâäéèêëíìîïóòõôöúùûüçÁÀÃÂÄÉÈÊËÍÌÎÏÓÒÕÖÔÚÙÛÜÇ";
sem_acento = "aaaaaeeeeiiiiooooouuuucAAAAAEEEEIIIIOOOOOUUUUC";
nova = "";

for(i=0;i<palavra.length;i++) {
    if (com_acento.search(palavra.substr(i,1))>=0)
        nova += sem_acento.substr(com_acento.search(palavra.substr(i,1)),1);
    else 
        nova += palavra.substr(i,1);
}
document.form.Sacento.value = nova;
}
</script>

[flavio]

não é necessário retornar qualquer valor.

[+.jr_Designer.+]

Valeu!

Problema resolvido.