Problema con letra Ñ y tilde al enviar datos en google chrome e ie

gebremswar · #1 (**permalink**) 21/02/2012, 19:45

Saludos.

Tengo problemas al enviar texto con ñ y tildes pero solo me pasa con google chrome 17 e internet explorer 9 (no he probado con versiones inferiores) pero no tengo problemas con Firefox (version 10.0.2) ya que los datos se envian correctamente

Se trata de una aplicación web java en la cual uso AJAX para el envío de formularios trabajo con el IDE netbeans en el cual puse como codificacion para el proyecto ISO-8859-1 al igual que en cada pagina jsp puse lo siguiente:

Código HTML:

Ver original<%@ page contentType="text/html; charset=iso-8859-1" language="java" import="java.sql.*" errorPage="" %>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
    <head>
        <meta http-equiv="content-type" content="text/html; charset=iso-8859-1">

Cuenta con una base de datos hecha en postgresql en utf-8 pero en ella no hay problema al ingresar datos manualmente por lo que ahi no radica el problema y ademas lo ocurrido con firefox lo confirma.

El proceso de guardar datos desde los formularios es con el uso de ajax por lo que creo que ahi recae el problema. cuando grabo desde firefox reviso la base de datos y está todo correcto (tildes y ñ) pero no pasa lo mismo con IE y Chrome. ejemplo:

letra "ñ" la guarda en BD asi: Ã±
la letra "a" con tilde : Ã¡

supuestamente con iso-8859-1 no deberia haber problema y estuve buscando en la web antes de presentar mi problema en este foro y encontré que debo guardar los archivos ".js" en utf-8 sin BOM y lo hice en todos los que tengo limpié la caché de los navegadores y probé nuevamente pero sin ningún cambio ya que solo firefox sigue guardando bien y los demás no.

Otro par de de detalles más es que los alert contienen tildes y ñ pero todos los navegadores los muestran sin problema lo cual me confunde más aun porque tambien el texto html no dinamico ya contienen las paginas jsp y que llevan tilde y ñ se muestran normal y sin problemas.

Porfavor lo que quiero es que me digan que he olvidado hacer o que hecho mal. Como debo crear mis archivos JS o que codificacion usar en las paginas como tambien en el IDE netbeans. Que combinacion de soluciones arregalria mi problema.

Adicional a esto; chrome en sus opciones tiene Codificación: Europa Occidental ISO-8859-1. Tambien probé en ponerla UTF-8 pero sin mejora alguna.

Yacobh · #2 (**permalink**) 21/02/2012, 20:33

Hola, yo tenia problemas similares con php, y probé con lo siguiente, y me funciono, quiza puedas probar a ver que tal

Código HTML:

<!DOCTYPE html>
<html lang="es">
<head>
<title>titulo</title>
<meta charset="encoding">

Ojala te sirva

gebremswar · #3 (**permalink**) 22/02/2012, 17:42

Muchas gracias Yacobh; probé lo que me sugeriste pero sigue igual sin funcionar en chrome y en ie; solo va bien en el firefox como antes mencioné.

zerokilled · #4 (**permalink**) 22/02/2012, 18:04

buenas,
intenta agregando el atributo accept-charset al elemento <form>

Urdaris_Nox · #5 (**permalink**) 22/02/2012, 19:16

Por experiencia en tu problema; mezclar Iso y Utf8 no mola.

Yo me he pasado a Utf8, construyendo TODA la web con Utf8, y no tengo ningún problema utilizando Ajax en Explorer (tengo que convertir datos con una función que trabaja con utf8_encode).

Si lo cambias a Utf8:
1) La página debe estar en Utf8 sin BOM.
2) La cabecera de la página debe estar en Utf8
3) La base de datos debe estar en Utf8.
4) al llamar a Ajax, debes convertir los datos recogidos con utf8_encode para Explorer o cualquier navegador que no lo haga.

Y creo que básicamente es eso.

gebremswar · #6 (**permalink**) 22/02/2012, 21:31

Gracias por responder zerokilled voy a probarlo.

Urdaris_Nox; notepad++ tiene en su menú "codificación" [convertir a utf-8 sin BOM], basta con que use eso? o, que recomiendas? Y ademas podrías detallarme el punto 4 que mencionas el utf8_encode ya que como repito el problema es con IE 9 y GChrome, con firefox va bien!

Gracias nuevamente

Urdaris_Nox · #7 (**permalink**) 24/02/2012, 11:08

Sí sí, notepad es suficiente para que la página esté en utf8 sin BOM, aunque yo uso Dreamweaver que ya me lo hace.

Lo del utf8_encode es una función que codifica un string para utf8. El problema está en que si ya está codificado, te lo fastidia. Encontré en interné una función que verifica si el String necesita conversión, la modifiqué un poco y es esta:

Código PHP:

  function codificacionUTF8($str)
{
  $cur_encoding = mb_detect_encoding($str) ;
  if($cur_encoding == "UTF-8" && mb_check_encoding($str,"UTF-8"))
    return $str;
  else
    return utf8_encode($str);
}

Entonces, cuando recoges las variables en la pagina PHP, las pasas por ahí;

Código PHP:

  $opcionSeleccionada = codificacionUTF8($_GET['opcionSeleccionada']);

Prueba y si te sigue saliendo cosas raras es que es otra cosa :)

gebremswar · #8 (**permalink**) 25/02/2012, 00:35

Urdaris_Nox

Pensé que te referías a una función "utf8_encode" en java (JSP) similar a la de PHP y por eso te pedí que me detallaras dicha funcion. Yo programo en PHP y pues si lo he utilizado, y ahora que me has refrescado la memoria, pues tengo una idea de como poder aplicar algo similar en JSP para asegurarme de que estean en UTF-8 mis datos que envío.

Voy a continuar con mi proyecto y les comento la solución al terminarla.