Título: [Resuelto] duda de script Publicado por: fernandorb10 en 18 Septiembre 2015, 08:37 am buenas noches,
Soy nuevo en este foro y no se bien si esto va aqui, saludos a todos. Espero ayudar y ser ayudado. Al grano, mi duda es que tengo un script de cambio de idioma en mi hotspot y es el siguiente. Código
BOTONES Código Y estos son los div con la id de (hispano, english o aleman) Código Vale, hasta aquí bien, funciona correctamente. Pero yo necesito que cambie mas div aparte de este texto, necesito que cambie dos div's mas. En total al pinchar al boton tiene que hacer 3 cambios de texto o imagen en la pagina. ¿Como podria hacerlo? Gracias de antebrazo ;) Mod: Obligatorio el uso de etiquetas GeSHi. Título: Re: duda de script Publicado por: MinusFour en 18 Septiembre 2015, 14:02 pm Sin saber la estructura de tu archivo HTML y los elementos en especifico que quieres cambiar, no podemos ayudarte. Te recomiendo que uses clases para elementos del mismo idioma:
Código Posible javascript: Código
Con jQuery es mucho más sencillo: Código
Título: Re: duda de script Publicado por: fernandorb10 en 18 Septiembre 2015, 20:50 pm Sin saber la estructura de tu archivo HTML y los elementos en especifico que quieres cambiar, no podemos ayudarte. Te recomiendo que uses clases para elementos del mismo idioma: Código Posible javascript: Código
Con jQuery es mucho más sencillo: Código
Buenas Minus, muchisimas gracias por tu ayuda, pero aún no me funciona. Veamos, he puesto el script de jQuery y he puesto los div tal como me has pedido. <script type="text/javascript" > var idioma = "hispano"; function ponerIdioma(cual){ $('.' + idioma).hide(); $('.' + cual).show(); idioma = cual; } </script> Pero en el boton onclick deberia de cambiar algo? <button onClick="ponerIdioma('hispano');" name="boton" style='width:120px; height:120px' type="submit"><img src="img/Spain64.png"; > <br>Pincha aquí para instruciones en español.</button> Título: Re: duda de script Publicado por: MinusFour en 18 Septiembre 2015, 21:03 pm Como te explique en el tema anterior, depende mucho de la estructura final de tu HTML, la cual no tenemos. Porfavor, usa las etiquetas [code ] [ /code] necesarias. Espero tambien que hayas cargado jQuery.
Título: Re: duda de script Publicado por: fernandorb10 en 18 Septiembre 2015, 21:08 pm De acuerdo, ya entiendo lo de la etiqueta code.4
Script le cargo así o bien le pongo en la pagina de index.html mia como te pusé arriba. Código: <script src="jquery.js"></script> La estructura es sencilla, es un html que tiene 3 botones, uno para cada idioma (aleman, ingles y español), al pinchar en uno de esos botones tiene que cambiar 2 imagenes que ya tengo en mi carpeta de img (al pinchar en boton ingles cambia 2 imagenes a imagenespañol1 a imageningles1 y imagenespañol2 por imageningles2 por ejemplo) y el texto que ya tengo en esos idiomas. BOTONES: Código Gracias por tu ayuda. Título: Re: duda de script Publicado por: MinusFour en 18 Septiembre 2015, 21:32 pm Si, pero eso no es todo el codigo HTML. Necesitamos ver el código HTML de los contenedores.
Título: Re: duda de script Publicado por: fernandorb10 en 18 Septiembre 2015, 21:42 pm Código
Necesitas algo mas? Título: Re: duda de script Publicado por: MinusFour en 18 Septiembre 2015, 22:20 pm Pues el código en jQuery funciona:
https://jsfiddle.net/r10hgn2r/ El código en Vanilla javascript necesita cambios. Título: Re: duda de script Publicado por: fernandorb10 en 20 Septiembre 2015, 23:54 pm Pues el código en jQuery funciona: https://jsfiddle.net/r10hgn2r/ El código en Vanilla javascript necesita cambios. guau minus, ahora hace falta meterlo al notepad que no me funciona. Dime si ves algo erroneo que a mi vista se escapa Código: <!doctype html> <html> <head> <title>A blank HTML page</title> <meta charset="utf-8" /> <script type="text/javascript"> var idioma = "hispano"; function ponerIdioma(cual){ $('.' + idioma).hide(); $('.' + cual).show(); idioma = cual; } </script> </head> <body> <button onclick="ponerIdioma('english')">English</button> <button onclick="ponerIdioma('hispano')">Hispano</button> <div class="english" style="display: none;">Ingles</div> <div class="english" style="display: none;">Ingles</div> <div class="english" style="display: none;">Ingles</div> <div class="hispano">Español</div> <div class="hispano">Español</div> <div class="hispano">Español</div> </body> </html> Título: Re: duda de script Publicado por: MinusFour en 21 Septiembre 2015, 04:33 am No tienes importado jQuery.
Título: Re: duda de script Publicado por: fernandorb10 en 21 Septiembre 2015, 09:42 am No tienes importado jQuery. Uala!! Ahora si, Muchisimas gracias!!! |