Reemplazar un texto por otro texto

[Viend]

Cómo están amigos del foro?
Verán soy bastante nuevo en la programación WEB, en este momento estoy haciendo una traducción de una página pero no se cómo reemplazar todos los textos, he tratado de hacerlo con c# buscando con etiquetas en particular(como labels) y también ya traté con algo de javascript. El problema con javascript es que tengo recursos externos (como imágenes) o algún scripting aplicado (generalmente eventos) y colapsan, es decir, ya no reaccionan para nada sea un botón, imagen, etc...
He buscado con DOM pero los ejemplos que veo únicamente reemplazan por tags y sólo una palabra. Yo necesito que agarre datos desde los labels hasta el texto plano en la página ("<tag>Texto plano<tag>").
Si me pudieran ayudar me salvarían la vida

[AitorDB]

Sino he entendido mal, lo que tienes es una web y quieres que al pulsar un botón o algo cambies el idioma, ¿me equivoco?

[alx1417]

Hola Viend,

Si lo que quieres es una traducción de la web, yo optaría por base de datos o ficheros php.

Base de datos: Creas la tabla idiomas con un id y el texto en los idiomas que necesites, y para cada texto de la web haces una consulta que te devuelva el idioma correspondiente.
Ficheros php: Creas un fichero para cada idioma y dentro creas variables que se han de llamar igual pero con distinto contenido.
Ej:
traduccion_es.php->$titulo="Titulo de la web" ;
traduccion_en.php->$titulo="Title of web";
Una vez hecho eso al principio de la página cargas el fichero que te interese según el idioma que quieras mostrar. include("traduccion_".$SESSION[idioma].".php");

Estos métodos son los que yo conozco para hacer traducciones, espero que te sirva y si necesitas más información sobre alguno de los métodos coméntalo.

Saludos, Alex.

[AitorDB]

Aunque al igual que te comenta alx1417 yo usaría unos de esos dos métodos, posiblemente la de los ficheros, yo te dejo uno más por si lo prefieres y porque como has escrito dentro del foro de Javascript puede que sea más de tu interés, te dejo un ejemplo:

Código HTML:

<select name="idioma" onchange="Idioma(this.value)">  
    <option value="ES">Espa&ntilde;ol</option> 
    <option value="EN">English</option>                 
</select>
 
<div id="Texto1">Hola</div>
<div id="Texto2">Azul</div>
 

Código Javascript:

function Idioma(Valor){
 
    if(Valor == "ES"){
        document.getElementById('Texto1').innerHTML = "Hola";
        document.getElementById('Texto2').innerHTML = "Azul";
    }
 
    else {
        document.getElementById('Texto1').innerHTML = "Hello";
        document.getElementById('Texto2').innerHTML = "Blue";
    }
 
}
 

Si quieres algo más ordenado y sobretodo cuando haya más textos, puedes ayudarte de un array:

Código Javascript:

var ES = ["Hola","Azul"];
 
var EN = ["Hello","Blue"];
 
 
function Idioma(Valor){
 
    if(Valor == "ES"){
        document.getElementById('Texto1').innerHTML = ES[0];
        document.getElementById('Texto2').innerHTML = ES[1];
    }
 
    else {
        document.getElementById('Texto1').innerHTML = EN[0];
        document.getElementById('Texto2').innerHTML = EN[1];
    }
 
}
 

[Viend]

Iniciado por AitorDB

Sino he entendido mal, lo que tienes es una web y quieres que al pulsar un botón o algo cambies el idioma, ¿me equivoco?

Si, necesito "traducir" la página, el problema con el Javascript es que, si no entiendo mal por propia experiencia, el innerHTML hace tronar a la página, es decir, todos los scripting que hay dentro de la página dejan de funcionar y mi idea es tratar con una BD que mande los datos con un webservice, de echo he estado tratando un buen rato con los árboles e iteradores aunque ahora tengo problemas con el regex

[AitorDB]

En sustitución de innerHTML tiene html simplemente si usaras JQuery:

Código HTML:

<script src="http://code.jquery.com/jquery-2.1.0.min.js" type="text/javascript"></script>
<script>
var ES = ["Hola",
          "Azul"];
 
var EN = ["Hello",
          "Blue"];
 
 
function Idioma(Valor){
 
    if(Valor == "ES"){
        $('#Texto1').html(ES[0]);
        $('#Texto2').html(ES[1];
    }
 
    else {
        $('#Texto1').html(EN[0]);
        $('#Texto2').html(EN[1]);
    }
 
}
</script>
 
<select name="idioma" onchange="Idioma(this.value)">  
    <option value="ES">Espa&ntilde;ol</option> 
    <option value="EN">English</option>                 
</select>
 
<div id="Texto1">Hola</div>
<div id="Texto2">Azul</div>
 

Para el caso de usar BBDD + PHP te adjunto un [URL="http://www.desarrolloweb.com/articulos/2353.php"]enlace[/URL] a un tutorial bastante fácil .

Suerte!

[Alexis88]

Yo te recomendaría echar mando de alguna API, por ejemplo, la de Google, aunque como ya no es gratuita después del millón de palabras traducidas, puedes hacer algo como lo que se indica en este artículo. Lo mejor de todo es que aunque el cliente deshabilite JavaScript de su navegador o simplemente este no lo soporte, no habrá problemas pues todo se ejecuta en el lado del servidor.

Saludos

[Viend]

Gracias me ha servido para darme una idea, continué insistiendo con el DOM de la página e hice un iterador para recorrer todos los nodos de texto y al final le agregué una sentencia redex (fruits) que me mandará a la BD (con algo de AJAX) los datos que necesito.
Este fue el código que use.

Código HTML:

<script type="text/javascript" language="javascript">
 function test() {
 
                    var dataDB = [["Username", "Nombre de usuario"], ["Password", "Contraseña"], ["English", "Inglés"], ["Badge", "Gafete"]];
 
                    var a = document.documentElement.innerHTML;
                    var n = a.match(/(>[A-Za-z0-9-.-: ]{1,}<)/g);
                    var fruits = [];
 
                    for (i = 0; i < n.length; i++)
                    {
                        fruits.push(n[i].replace(">", "").replace("<", "").replace(":","") + "\n");
                    }
                    iterator = document.createNodeIterator(document.body, NodeFilter.SHOW_TEXT, null, true);
                    while (iter = iterator.nextNode()) {
                        for (j = 0; j < dataDB.length; j++) {
                            if (iter.textContent.indexOf(dataDB[j][0]) > -1)
                                iter.textContent = dataDB[j][1].toString();
                        }
                        
                    }
                }
                test();
</script>