Foros del Web » Programando para Internet » Javascript »

Funcion de "Al clicar la imagen entre a la pagina"

Estas en el tema de Funcion de "Al clicar la imagen entre a la pagina" en el foro de Javascript en Foros del Web. Hola! Y Muchas Gracias por entrar, el caso es que tengo un blog con blogger.. este: http://www.vertiendas.com/ y al clicar una imagen no entra al ...
  #1 (permalink)  
Antiguo 02/02/2012, 17:36
djkiku
Invitado
 
Mensajes: n/a
Puntos:
Funcion de "Al clicar la imagen entre a la pagina"

Hola! Y Muchas Gracias por entrar, el caso es que tengo un blog con blogger.. este: http://www.vertiendas.com/ y al clicar una imagen no entra al contenido.. solo clicando al titulo..

Tengo el siguiente script:

Código PHP:
<script type='text/javascript'>var thumbnail_mode = &quotno-float&quot; ;
summary_noimg 0;
summary_img 0;
img_thumb_height 185;
img_thumb_width 280;
</script>
<script type='text/javascript'>
//<![CDATA[
function removeHtmlTag(strx,chop){
if(strx.indexOf("<")!=-1)
{
var s = strx.split("<");
for(var i=0;i<s.length;i++){
if(s[i].indexOf(">")!=-1){
s[i] = s[i].substring(s[i].indexOf(">")+1,s[i].length);
}
}
strx = s.join("");
}
chop = (chop < strx.length-1) ? chop : strx.length-2;
while(strx.charAt(chop-1)!=' ' && strx.indexOf(' ',chop)!=-1) chop++;
strx = strx.substring(0,chop-1);
return strx+'...';
}

function createSummaryAndThumb(pID){
var div = document.getElementById(pID);
var imgtag = "";
var img = div.getElementsByTagName("img");

if(img.length<=0) {
imgtag = '<span style="float:left; padding:0px 10px 5px 0px;"><img src="http://farm3.static.flickr.com/2676/4053275587_d21ffaab15.jpg" width="'+img_thumb_width+'px" height="'+img_thumb_height+'px"/></span>';
var summ = summary_noimg;
}

if(img.length>=1) {
imgtag = '<span style="float:left; padding:0px 10px 5px 0px;"><img src="'+img[0].src+'" width="'+img_thumb_width+'px" height="'+img_thumb_height+'px"/></span>';
summ = summary_img;
}

var summary = imgtag + '<div>' + removeHtmlTag(div.innerHTML,summ) + '</div>';
div.innerHTML = summary;
}


//]]>
</script> 
Y quisiera saber si se puede hacer, que al clickar a la imagen que haga el mismo efecto que al clickar el titulo, que entre.

Seria de muchisima ayuda! (Dejo +1 a todos los comentarios)

Muchas Gracias anticipadas!
  #2 (permalink)  
Antiguo 02/02/2012, 18:10
 
Fecha de Ingreso: octubre-2010
Mensajes: 107
Antigüedad: 13 años, 6 meses
Puntos: 14
Respuesta: Funcion de "Al clicar la imagen entre a la pagina"

Hola,

puedes hacer algo como:


Código Javascript:
Ver original
  1. document.getElementById("img").onclick=function(){window.location="http://paginaDeDestino.com"}

ó

Código Javascript:
Ver original
  1. document.getElementById("img").addEventListener("click",function(){window.location="http://paginaDeDestino.com"},false)


ó poner en la etiqueta de la imagen

Código Javascript:
Ver original
  1. onclick="window.location='http:paginaDeDestino.com'"
  #3 (permalink)  
Antiguo 02/02/2012, 18:18
Avatar de goteen_mx  
Fecha de Ingreso: abril-2005
Ubicación: D.F.
Mensajes: 403
Antigüedad: 19 años
Puntos: 37
Respuesta: Funcion de "Al clicar la imagen entre a la pagina"

Por que no posteas el código completo, o en donde indicas las ligas, ya que ahí unicamente generas los thumbs.

O si puedes obtener las ligas, solo agregalas con un a href a la imagen

Saludos
__________________
Born to be free.
  #4 (permalink)  
Antiguo 05/02/2012, 05:26
djkiku
Invitado
 
Mensajes: n/a
Puntos:
Respuesta: Funcion de "Al clicar la imagen entre a la pagina"

Hola!! Muchisimas Gracias a los dos, ahora que tengo mas tiempo os respondo! y pido disculpas!

El caso es que he mirado, y al clicar la imagen en el Internet Explorer funciona correctamente, el problema esta en FireFox.. no me hace la misma función...

Voy a buscar alguna solución haber si en versiones antiguas funciona...

Y haber si alguien sabría como podría hacerlo? Para que en los dos navegadores me funcionara!

Muchas Gracias a todos y +1 a todos :)
  #5 (permalink)  
Antiguo 15/02/2012, 05:23
djkiku
Invitado
 
Mensajes: n/a
Puntos:
Respuesta: Funcion de "Al clicar la imagen entre a la pagina"

Hola, no he encontrado nada... en FireFox al clicar.. no se abre la imagen, si alguien me puede ayudar por favor, es esta web http://www.vertiendas.com/

Y el codigo es el siguiente:



Código HTML:
<script type='text/javascript'>var thumbnail_mode = &quot; no-float&quot; ;
summary_noimg = 0;
summary_img = 0;
img_thumb_height = 185;
img_thumb_width = 280;
</script>
<script type='text/javascript'>
//<![CDATA[
function removeHtmlTag(strx,chop){
if(strx.indexOf("<")!=-1)
{
var s = strx.split("<");
for(var i=0;i<s.length;i++){
if(s[i].indexOf(">")!=-1){
s[i] = s[i].substring(s[i].indexOf(">")+1,s[i].length);
}
}
strx = s.join("");
}
chop = (chop < strx.length-1) ? chop : strx.length-2;
while(strx.charAt(chop-1)!=' ' && strx.indexOf(' ',chop)!=-1) chop++;
strx = strx.substring(0,chop-1);
return strx+'...';
}

function createSummaryAndThumb(pID){
var div = document.getElementById(pID);
var imgtag = "";
var img = div.getElementsByTagName("img");

if(img.length<=0) {
imgtag = '<span style="float:left; padding:0px 10px 5px 0px;"><img src="http://farm3.static.flickr.com/2676/4053275587_d21ffaab15.jpg" width="'+img_thumb_width+'px" height="'+img_thumb_height+'px"/></span>';
var summ = summary_noimg;
}

if(img.length>=1) {
imgtag = '<span style="float:left; padding:0px 10px 5px 0px;"><img src="'+img[0].src+'" width="'+img_thumb_width+'px" height="'+img_thumb_height+'px"/></span>';
summ = summary_img;
}

var summary = imgtag + '<div>' + removeHtmlTag(div.innerHTML,summ) + '</div>';
div.innerHTML = summary;
}


//]]>
</script> 

Etiquetas: funcion, html
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 17:31.