Pasar enlace a una imagen por JS

[T4ke0veR]

Saludos,

tengo una web la cual posee enlaces dinámicos, pero la manera en que está programada no me permite hacer los vinculos para cambios de idioma como se deberia...

posee una capeta esp y una eng

tiene noticas con enlaces como www.pagina.com/esp/noticiasleer.php?id=1

la idea es pasar ese vinculo que se muestra en la barra a la banderita de idioma.. pero cambiando carpeta.. se podrá hacer esto?

[geofran80]

Hola T4Ke0veR,

Podrías usar JQuery para asignar el atributo href a tus enlaces. Hay varias formas pero una de ellas es la siguiente:

$("a").attr("href", "http://www.google.com/")

Este ejemplo asigna a todos los <a></a> de tu web el enlace a google.

Podrías usar Expresiones Regulares y patrones para reemplazar el idioma.

De todos modos sería mejor si nos puedes indicar un poco mejor a qué te refieres con "la idea es pasar ese vínculo que se muestra en la barra a la banderita del idioma ..."

Saludos cordiales.
Francisco J.

[ggomez91]

Entendí bien?
La idea es que estás navegando en www.pagina.com/esp/algunLinkPorAqui?algo=algo y haya una banderita que te enviaría a www.pagina.com/eng/algunLinkPorAqui?algo=algo, es correcto?

Si sí no es tan dificil con js. Primero obten la url actual con document.URL y obten la parte después de la carpeta de idioma, en mi ejemplo sería obtener "algunLinkPorAqui?algo=algo", luego solo pegale la url de la otra carpeta y ponal como enlace

[geofran80]

Podrías usar algo así:

$("a").attr("href", "http://pagina.com/" + "idioma" + "/restoEnlace?parametros");

Donde podrías seleccionar el valor de "idioma" del id de la bandera tal que así:

Pongamos el caso de que cada bandera tiene un id asociado (la bandera de España tiene id=es, la bandera de UK tiene id="eng". Podrías usar lo siguiente.

Código:

$("img.bandera").on("click",function(){
$("a").attr("href", "http://pagina.com/" + $(this).attr("id") + "/restoEnlace?parametros");
});

Saludos cordiales.
Francisco J.

[T4ke0veR]

exacto ggomez91 quiero extraer el archivo.php y anteponerle la carpeta para que asi cuando den click en la bandera de "ingles" por ejemplo vayan al archivo con el mismo nombre pero que se encuentra en la carpeta eng

[geofran80]

Perdón pero erré al poner el código, es que no estoy en el equipo de desarrollo.

De todos modos aunque la asignación sería esa, pero no en el evento click ya que en el mismo evento no puedes asociar el enlace.

Lo suyo es que lo hagas en el evento load de la web $(document).ready().

Y ya lo tendrías a la hora de hacer click en la bandera.

Disculpad el error.

Saludos cordiales.
Francisco J.

[T4ke0veR]

mmmmmmm entiendo.. o sea...
supongamos q estoy en www.mipagina.com/esp/contacto.php

doy click en ingles...

la variable o funcion deberia llamar asi

../carpetaidioma/vinculo

es decir q

Código PHP:

  $("img.bandera").on("click",function(){
$("a").attr("href", "http://pagina.com/" + $(this).attr("id") + "/restoEnlace?parametros");
});  
   

emmm me enrede... donde llamo a la carpeta?? en $(this) ???

[geofran80]

Si, pero como te comentaba, no sería en el mismo evento click, ya que si haces click no le da tiempo al enlace a reconocer que estás asociándole un valor nuevo.

Sería más bien en el ready del documento $(document).ready(function(){}).

Dentro de esa función debes poner el código que te agregué:
$("a").attr("href", "http://pagina.com/" + $(this).attr("id") + "/restoEnlace?parametros");

Imagínate que tienes un enlace y dentro de éste la banderita. A cada bandera en su <img> le asignas un id con el código del idioma (es, eng, it, pt, ...) lo suyo sería usar nombres estándar para nombrarlos, bien usando el código del país (véase http://es.wikipedia.org/wiki/ISO_3166-1), o bien de las lenguas (véase http://es.wikipedia.org/wiki/ISO_639). Una vez tienes el valor del id de la banderita, se lo asignas al enlace.

En este caso podrías usar un código similar a éste:

Código:

$(document).ready(function(){
$("a.idioma").each(function(){
$(this).attr("href","http://pagina.com/" + $(this).find('img').attr('id') + "/restoEnlace?parametros");
});
});

Donde a.idioma se refiere a todos los enlaces con la clase idioma.

Te repito que hablo un poco de memoria porque no estoy en casa ni en el trabajo, y no tengo ningún ambiente de desarrollo para probarlo.

Saludos cordiales.
Francisco J.