codigo para abrir una ventana nueva??

kenso · #1 (**permalink**) 02/10/2008, 21:41

lo que para es que tengo un codigo para hacer thumbnails, y si sirve y todo de eso no me keda ninguna duda el uniko problema es que cuando le doy click me manda en donde tengo guarda la imagen, asi como si le pusiera a cualkier imagen "view imagen" y pos eso no es lo ke kiero, lo ke kiero es que me habra la imagen en la una pagina que tengo disenada, asi como en hi5 que tiene sus imagenes y que si le das click en una te la habre pero en una pagina disenada, no no mas te muestra la foto y blanco. alguien sabe como hacer esto??

este es el codigo que tengo para los thumbnails

Código PHP:

  <?php 
function createThumbs( $pathToImages, $pathToThumbs, $thumbWidth )  
{ 
  $pathToImages = "img/"; 
  $dir = opendir( $pathToImages ); 
 
  while (false !== ($fname = readdir( $dir ))) { 
    $info = pathinfo($pathToImages . $fname); 
    if ( strtolower($info['extension']) == 'jpg' )  
    { 
      echo "Creating thumbnail for {$fname} <br />"; 
 
      $img = imagecreatefromjpeg( "{$pathToImages}{$fname}" ); 
      $width = imagesx( $img ); 
      $height = imagesy( $img ); 
 
      $new_width = $thumbWidth; 
      $new_height = floor( $height * ( $thumbWidth / $width ) ); 
 
      $tmp_img = imagecreatetruecolor( $new_width, $new_height ); 
 
      imagecopyresized( $tmp_img, $img, 0, 0, 0, 0, $new_width, $new_height, $width, $height ); 
 
      imagejpeg( $tmp_img, "{$pathToThumbs}{$fname}" ); 
    } 
  } 
  closedir( $dir ); 
} 
 
function createGallery( $pathToImages, $pathToThumbs )  
{ 
 
  echo  "<html>"; 
  echo  "<head><title>Thumbnails</title></head>"; 
  echo  "<body>"; 
  echo  "<table cellspacing=\"0\" cellpadding=\"2\" width=\"500\">"; 
  echo  "<tr>"; 
 
  $dir = opendir( $pathToThumbs ); 
 
  $counter = 0; 
  while (false !== ($fname = readdir($dir))) 
  { 
    if ($fname != '.' && $fname != '..')  
    { 
 echo  "<td valign=\"middle\" align=\"center\"><a href =\{$pathToImages}{$fname}\>"; 
      echo  "<img src=\"{$pathToThumbs}{$fname}\" border=\"0\" />"; 
      echo  "</a></td>";// aqui es donde kiero poner el javascript, en "href" 
 
      $counter += 1; 
      if ( $counter % 4 == 0 ) { $output .= "</tr><tr>"; } 
    } 
  } 
  closedir( $dir ); 
 
  echo  "</tr>"; 
  echo  "</table>"; 
  echo  "</body>"; 
  echo  "</html>"; 
 
} 
 
createThumbs("img/","thumbs/",100); 
createGallery("img/","thumbs/"); 
?>

este es el javascript que estoy tratando de usar

Código PHP:

  <script> 
function popup(){ 
window.open('mywindow','width=400,height=200,toolbar=yes, 
location=yes,directories=yes,status=yes,menubar=yes,scrollbars=yes,copyhistory=yes, 
resizable=yes') 
} 
</script>

y este es el que trato de poner en href

Código PHP:

   onClick=popup()

alguien me puede ayudar con este codigo?? desde ya gracias

caricatos · #2 (**permalink**) 02/10/2008, 23:18

Hola:

En las FAQs javascript hay algún mensaje al respecto... además se ha hablado en varias ocasiones

por ejemplo, en este mensaje: Pop-up del tamaño de la imagen automaticamente

Saludos

kenso · #3 (**permalink**) 03/10/2008, 12:55

ahh orale gracias si me sirvio pero no puedo acomodar bien ese codigo al mio no me podrian ayudar??

esta es la linea donde kiero acomodar el codigo, pero no me sirve

Código PHP:

  echo  "<img src=\"{$pathToThumbs}{$fname}\" onclick=\"abrir(\"{$pathToThumbs}{$fname}\")/>";

ahora tengo que tener el codigo de javascript adentro de los php tags??
este es el codigo javascript

Código PHP:

          <script type="text/javascript"> 
            var _img_grande; 
 
            function mostrar() { 
                var ops = "top=" + ((screen.height - _img_grande.height) / 2); 
                ops += ",left=" + ((screen.width - _img_grande.width) / 2); 
                ops += ",width=" + _img_grande.width + ",height=" + _img_grande.height; 
                var contenido = "<html><body style='background-image: url(" + _img_grande.src + ")'></body></html>"; 
                var ventana = window.open("", "", ops); 
                ventana.document.write(contenido); 
                ventana.document.close(); 
            } 
 
            function cargando() { 
                if (_img_grande.complete) mostrar(); 
                else setTimeout("cargando()", 100); 
            } 
 
            function abrir(imagen)    { 
                _img_grande = new Image(); 
                _img_grande.src = imagen; 
                cargando(); 
            } 
        </script>

David · #4 (**permalink**) 03/10/2008, 13:15

El código Javascript puede ir directamente en el documento, no es necesario que uses <?php ?> de hecho, solo te van a complicar la vida porque tendrás que hacer echo para imprimir el código.

Otra cosa, estás repitiendo comillas dobles dentro de las comillas dobles en el onclick, el parámetro coloca entre comillas simples.

kenso · #5 (**permalink**) 03/10/2008, 14:47

ahh orale ya lo soluciones, ya habre la imagen en en un pop up, pero ahora kiero que la habra en una pagina que tengo disenada para que muestre la image, alguien me podria ayudar a indentificar el variable que tengo que pasar para que la otra pagina pueda imprimir la imagen??

este es el codigo que siempre quedo

Código PHP:

  <?php
function createThumbs( $pathToImages, $pathToThumbs, $thumbWidth ) 
{
  $pathToImages = "img/";
  $dir = opendir( $pathToImages );

  while (false !== ($fname = readdir( $dir ))) {
    $info = pathinfo($pathToImages . $fname);
    if ( strtolower($info['extension']) == 'jpg' ) 
    {
      echo "Creating thumbnail for {$fname} <br />";

      $img = imagecreatefromjpeg( "{$pathToImages}{$fname}" );
      $width = imagesx( $img );
      $height = imagesy( $img );

      $new_width = $thumbWidth;
      $new_height = floor( $height * ( $thumbWidth / $width ) );

      $tmp_img = imagecreatetruecolor( $new_width, $new_height );

      imagecopyresized( $tmp_img, $img, 0, 0, 0, 0, $new_width, $new_height, $width, $height );

      imagejpeg( $tmp_img, "{$pathToThumbs}{$fname}" );
    }
  }
  closedir( $dir );
}

function createGallery( $pathToImages, $pathToThumbs ) 
{

  echo  "<table cellspacing=\"0\" cellpadding=\"2\" width=\"500\">";
  echo  "<tr>";

  $dir = opendir( $pathToThumbs );

  $counter = 0;
  while (false !== ($fname = readdir($dir)))
  {
    if ($fname != '.' && $fname != '..') 
    {
      echo  "<td valign=\"middle\" align=\"center\"><a href=\"{$pathToImages}{$fname}\" 
      target=\"popup\" onClick=\"window.open('', 'popup', 'left=50, top=50, width=892, height=447, resizable=no, scrollbars=no, menubar=no, toolbar=no, location=no, statusbar=no, copyhistory=no')\">";
      
      echo  "<img src=\"{$pathToThumbs}{$fname}\"/>";
      echo  "</a></td>";

      $counter += 1;
      if ( $counter &#37; 4 == 0 ) { echo "</tr><tr>"; }
    }
  }
  closedir( $dir );

  echo  "</tr>";
  echo  "</table>";
  

}

createThumbs("img/","thumbs/",100);
createGallery("img/","thumbs/");
?>

este es el que use siempre pero ahora kiero que lo habra en una pagina que ya tengo disenada para mostrar imagenes?? alguien sabe que variable tengo que anotar en la otra pagina que ya tengo para que imprima segun la imagen que ecojan??

Código PHP:

  echo  "<td valign=\"middle\" align=\"center\"><a href=\"{$pathToImages}{$fname}\" 
      target=\"popup\" onClick=\"window.open('', 'popup', 'left=50, top=50, width=892, height=447, resizable=no, scrollbars=no, menubar=no, toolbar=no, location=no, statusbar=no, copyhistory=no')\">";

este es el uniko variable que escribo en la pagina donde kiero que imprima las imagenes

Código PHP:

  echo "$fname";

pero no imprime nada por que ese varible no mas abre el directorio.y no encuentro el que pasa el nombre de la imagen a ese variable para que la habra, alguien me podria ayudar?? desde ya gracias de nuevo