JavaScript - ayuda funcion cambio de idioma

   
Vista:

ayuda funcion cambio de idioma

Publicado por Elias (1 intervención) el 25/03/2015 15:45:31
Buenos días, soy nuevo en esto y estoy aprendiendo en javascript. Tengo una funcion para cambio de idioma de una pagina que me entregaron a modo de plantilla y queria cambiar el texto a español, ya que esta en ingles de entrada.


Quise hacerlo en un arreglo donde ingresé los textos cambiados a español y cada vez que aparece el texto en ingles, coloque un idtexto al lado , pero nose que estoy haciendo mal , que no cambia nada. Muestro el codigo.
Cualquier ayuda desde ya muy agradecido..

Esta funcion tengo en html:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
<script>
 
        function changeLen(){
 
            var a =[i];
            var texto0[0]="Hola Bootstrap";
            var texto1[1]="Portafolio";
            var texto2[2]="Acerca de";
            var texto3[3]="Contacto";
            var texto4[4]="Hola Bootstrap";
            var texto5[5]="Desarrollo Web - Grafica Artistica  - Experiencia de Usuario  - Diseño";
            var texto6[6]="Portafolio";
            var texto7[7]="Acerca de";
            var texto8[8]="Freelancer es un tema de arranque gratuito creado por Start Bootstrap. La descarga incluye los archivos de origen completos incluyendo HTML, CSS y JavaScript, así como las hojas de estilo MENOS opcionales para facilitar la personalización.";
            var texto9[9]="Tanto si eres un estudiante en busca de mostrar su trabajo, buscando un profesional para atraer a los clientes, o un artista gr&aacutefico que mira para compartir sus proyectos, esta plantilla es el punto de partida perfecto!";
            var texto10[10]="Descargar Tema";
            var texto11[11]="Cont&aactectenos";
            var texto12[12]="Nombre";
            var texto13[13]="Direccion email";
            var texto14[14]="N&uacutemero de tel&eacutefono";
            var texto15[15]="Mensaje";
            var texto16[16]="Enviar";
            var texto17[17]="Direccio&acuten";
            var texto18[18]=" 3481 Melrose Lugar, Beverly Hills, CA 90210";
            var texto19[19]="En la Web";
            var texto20[20]="Acerca de Freelancer";
            var texto21[21]="Freelance es de uso libre, codigo abierto creado por Bootstrap ";
            var texto22[22]="Hola Bootstrap";
            var texto23[23]="Copia y derechos de autor - Tu sitio Web  2014";
 
 
 
            for(var i=0;i <24;i++){
 
             var texto= "texto"+ i;
 
             document.getElementById("texto").innerHTML= a[i]
           }
        }
 
    </script>
</head>
 
<body id="page-top" class="index">
 
    <!-- Navigation -->
    <nav class="navbar navbar-default navbar-fixed-top">
        <div class="container">
            <!-- Brand and toggle get grouped for better mobile display -->
            <div class="navbar-header page-scroll">
                <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1">
                    <span class="sr-only">Toggle navigation</span>
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                </button>
                <a class="navbar-brand" href="#page-top"  id="texto0">Start Bootstrap</a>
            </div>
 
            <!-- Collect the nav links, forms, and other content for toggling -->
            <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
                <ul class="nav navbar-nav navbar-right">
                    <li class="hidden">
                        <a href="#page-top"></a>
                    </li>
                    <li class="page-scroll">
                        <a href="#portfolio" id="texto1" >Portfolio</a>
                    </li>
                    <li class="page-scroll">
                        <a href="#about"  id="texto2">About</a>
                    </li>
                    <li class="page-scroll">
                        <a href="#contact" id="texto3">Contact</a>
                    </li>
                     <li class="page-scroll">
                        <p style="color : #FFFFFF" onClick="changeLen()">Español</p>
                    </li>
                </ul>
            </div>
            <!-- /.navbar-collapse -->
        </div>
        <!-- /.container-fluid -->
    </nav>
 
    <!-- Header -->
    <header>
        <div class="container">
            <div class="row">
                <div class="col-lg-12">
                    <img class="img-responsive" src="img/profile.png" alt="">
                    <div class="intro-text">
                        <span class="name"  id ="texto4" >Start Bootstrap</span>
                        <hr class="star-light">
                        <span class="skills" id="texto5">Web Developer - Graphic Artist - User Experience Designer</span>
                    </div>
                </div>
            </div>
        </div>
    </header>
Valora esta pregunta
Me gusta: Está pregunta es útil y esta claraNo me gusta: Está pregunta no esta clara o no es útil
0
Responder
Imágen de perfil de xve

ayuda funcion cambio de idioma

Publicado por xve (1597 intervenciones) el 25/03/2015 22:58:45
Hola Elias, no entiendo muy bien que es lo que quieres hacer...

Tampoco entiendo muy bien que hace la función changeLen()...

Si nos puedes comentar con mas detalle.
Valora esta respuesta
Me gusta: Está respuesta es útil y esta claraNo me gusta: Está respuesta no esta clara o no es útil
0
Comentar