Foros del Web » Programando para Internet » PHP »

PopUp Imagen

Estas en el tema de PopUp Imagen en el foro de PHP en Foros del Web. Hola a tod@s! Soy nuevo en este foro, como podreis notar, pero no soy nuevo a esto de la programacion. Bueno al tema, e intentado ...
  #1 (permalink)  
Antiguo 18/02/2010, 13:44
 
Fecha de Ingreso: febrero-2010
Mensajes: 6
Antigüedad: 14 años, 2 meses
Puntos: 0
PopUp Imagen

Hola a tod@s!
Soy nuevo en este foro, como podreis notar, pero no soy nuevo a esto de la programacion. Bueno al tema, e intentado hacer un codigo para abrir un popup de una imagen( clicar a la imagen y que se abra una ventana mostrando la imagen a tamaño original) y con la ventana autoajustable al tamaño de la imagen, peeeero solo me sale en javascript y cuando lo incorporo al php me da errores de objetos... Si alguien sabe alguno se lo agradeceria mucho que lo compartiera!!
Gracias de antemano
  #2 (permalink)  
Antiguo 18/02/2010, 13:45
Colaborador
 
Fecha de Ingreso: octubre-2009
Ubicación: Tokyo - Japan !
Mensajes: 3.867
Antigüedad: 14 años, 6 meses
Puntos: 334
Respuesta: PopUp Imagen

que errores ?
como lo incorporas a php
muestra tu codigo para poder ayudarte!
__________________
More about me...
~ @rhyudek1
~ Github
  #3 (permalink)  
Antiguo 18/02/2010, 13:45
Avatar de maycolalvarez
Colaborador
 
Fecha de Ingreso: julio-2008
Ubicación: Caracas
Mensajes: 12.120
Antigüedad: 15 años, 9 meses
Puntos: 1532
Respuesta: PopUp Imagen

te recuerdo que php se ejecuta en el servidor y no interfiere para nada con javascript que se ejecuta en el cliente. debes revisar si los datos se están enviando correctamente
  #4 (permalink)  
Antiguo 18/02/2010, 13:46
 
Fecha de Ingreso: febrero-2010
Mensajes: 6
Antigüedad: 14 años, 2 meses
Puntos: 0
Respuesta: PopUp Imagen

<script>
PositionX = 100;
PositionY = 100;
defaultWidth = 500;
defaultHeight = 500;
var AutoClose = true;
if (parseInt(navigator.appVersion.charAt(0))>=4){
var isNN=(navigator.appName=="Netscape")?1:0;
var isIE=(navigator.appName.indexOf("Microsoft")!=-1)?1:0;}
var optNN='scrollbars=no,width='+defaultWidth+',height ='+defaultHeight+',left='+PositionX+',top='+Positi onY;
var optIE='scrollbars=no,width=150,height=100,left='+P ositionX+',top='+PositionY;
function popImage(imageURL,imageTitle){
if (isNN){imgWin=window.open('about:blank','',optNN); }
if (isIE){imgWin=window.open('about:blank','',optIE); }
with (imgWin.document){
writeln('<html><head><title>Cargando ...</title><style>body{margin:0px;}</style>');writeln('<sc'+'ript>');
writeln('var isNN,isIE;');writeln('if (parseInt(navigator.appVersion.charAt(0))>=4){');
writeln('isNN=(navigator.appName=="Netscape")?1:0; ');writeln('isIE=(navigator.appName.indexOf("Micro soft")!=-1)?1:0;}');
writeln('function reSizeToImage(){');writeln('if (isIE){');writeln('window.resizeTo(100,100);');
writeln('width=100-(document.body.clientWidth-document.images[0].width);');
writeln('height=100-(document.body.clientHeight-document.images[0].height);');
writeln('window.resizeTo(width,height);}');writeln ('if (isNN){');
writeln('window.innerWidth=document.images["imagenes"].width;');writeln('window.innerHeight=document.ima ges["imagenes"].height;}}');
writeln('function doTitle(){document.title="'+imageTitle+'";}');writ eln('</sc'+'ript>');
if (!AutoClose) writeln('</head><body bgcolor=000000 scroll="no" onload="reSizeToImage();doTitle();self.focus()">')
else writeln('</head><body bgcolor=ffffff scroll="no" onload="reSizeToImage();doTitle();self.focus()" onblur="self.close()">');
writeln('<img name="imagenes" src='+imageURL+' style="display:block"></body></html>');
close();
}}
</script>

Y LO MUESTRO AKI
{
echo "<table width='740' border='0'><tr><td colspan='2'><h4>$row[titulo]</h4></td></tr><td width='393' height='137'><p>$row[texto]</p></td>
<td width='195'><a href='javascript:popImage($foto,Texto alt)'><img src='$foto' alt='Haz click para ver imagen mas grande' width='100' height='100' border='0'/></a></td></table><br>";
  #5 (permalink)  
Antiguo 18/02/2010, 13:48
Colaborador
 
Fecha de Ingreso: octubre-2009
Ubicación: Tokyo - Japan !
Mensajes: 3.867
Antigüedad: 14 años, 6 meses
Puntos: 334
Respuesta: PopUp Imagen

href='javascript:popImage($foto,Texto alt)'

Texto alt
es un string y como tal debe estar entre comillas..
__________________
More about me...
~ @rhyudek1
~ Github
  #6 (permalink)  
Antiguo 18/02/2010, 13:52
 
Fecha de Ingreso: febrero-2010
Mensajes: 6
Antigüedad: 14 años, 2 meses
Puntos: 0
Respuesta: PopUp Imagen

Afirmativo, pero aunque le ponga comillas da error.
  #7 (permalink)  
Antiguo 18/02/2010, 13:54
Avatar de maycolalvarez
Colaborador
 
Fecha de Ingreso: julio-2008
Ubicación: Caracas
Mensajes: 12.120
Antigüedad: 15 años, 9 meses
Puntos: 1532
Respuesta: PopUp Imagen

entonces escápalas: \"Texto alt\"

Código PHP:
echo "<table width='740' border='0'><tr><td colspan='2'><h4>$row[titulo]</h4></td></tr><td width='393' height='137'><p>$row[texto]</p></td>
<td width='195'><a href='javascript:popImage($foto,\"Texto alt\")'><img src='$foto' alt='Haz click para ver imagen mas grande' width='100' height='100' border='0'/></a></td></table><br>"

  #8 (permalink)  
Antiguo 18/02/2010, 14:00
 
Fecha de Ingreso: febrero-2010
Mensajes: 6
Antigüedad: 14 años, 2 meses
Puntos: 0
Respuesta: PopUp Imagen

Vale ya esta codigo final
Código PHP:
Ver original
  1. echo "<table width='740' border='0'><tr><td colspan='2'><h4>$row[titulo]</h4></td></tr><td width='393' height='137'><p>$row[texto]</p></td>
  2.                             <td width='195'><a href='javascript:popImage(\"$foto\",\"Texto alt\")'><img src='$foto' alt='Haz click para ver imagen mas grande' width='100' height='100' border='0'/></a></td></table><br>"

Gracias por todo!
  #9 (permalink)  
Antiguo 18/02/2010, 14:03
Colaborador
 
Fecha de Ingreso: octubre-2009
Ubicación: Tokyo - Japan !
Mensajes: 3.867
Antigüedad: 14 años, 6 meses
Puntos: 334
Respuesta: PopUp Imagen

\"$foto\" <-- eso no es necesario :P
__________________
More about me...
~ @rhyudek1
~ Github
  #10 (permalink)  
Antiguo 18/02/2010, 14:04
 
Fecha de Ingreso: febrero-2010
Mensajes: 6
Antigüedad: 14 años, 2 meses
Puntos: 0
Respuesta: PopUp Imagen

Si es necesario, si no me da errores de que no me reconoce photo :S
  #11 (permalink)  
Antiguo 18/02/2010, 14:06
Avatar de maycolalvarez
Colaborador
 
Fecha de Ingreso: julio-2008
Ubicación: Caracas
Mensajes: 12.120
Antigüedad: 15 años, 9 meses
Puntos: 1532
Respuesta: PopUp Imagen

Cita:
Iniciado por jordii Ver Mensaje
Si es necesario, si no me da errores de que no me reconoce photo :S
si, porque me imagino que es una ruta o nombre del archivo
  #12 (permalink)  
Antiguo 18/02/2010, 14:07
 
Fecha de Ingreso: febrero-2010
Mensajes: 6
Antigüedad: 14 años, 2 meses
Puntos: 0
Respuesta: PopUp Imagen

Es la variable que almacena el origen del archivo :)

Etiquetas: popup
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 11:50.