Ver Mensaje Individual
  #22 (permalink)  
Antiguo 23/10/2011, 12:14
melvontrux
 
Fecha de Ingreso: octubre-2011
Mensajes: 1
Antigüedad: 13 años, 1 mes
Puntos: 1
Respuesta: Subir, reducir y vista previa de una imagen con AJAX - Ejemplo completo

Saludos cordiales. Agradezco a quien se tome el tiempo de contestar mi inquitud.
Como puedo centrar la imagen en este caso. Yo lo edite a mi necesidad lo puse en tablas para poder ordenar la posicion de la foto pero ahora quiero centrarlo. archivos uploadimage.php y submitform.php no los modifique.

prueba.php
Código PHP:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<!--
Author: Alberto Moyano Sánchez
Date: 2009-05-24
Description: [...]
Notes and improvements: [...]
-->
<html>
  <head>
<?php
    sleep
(2);
    include_once(
"menu.php");
     
?>    
    <script language="JavaScript" type="text/javascript">
         //aqui va todo el scrip q se menciona mas arriba.
    </script>

  </head>
  <body>
  <div id="formularior" align="center">    
      <form name="nuevo_producto" action=""onSubmit="enviarProducto(); return false">
    <input  type="hidden" name="IdProducto" type="number" id="IdProducto" />

      <table border="0" width="60%">
  <tr>
    <td width="5%">Producto</td>
    <td width="10%">
        <select name="codigo1" >
                <option  value="P01" selected>Computadora</option>
                <option  value="P02">Notebook</option>
                <option  value="P03">Monitor</option>
                <option  value="P04">Scanner</option>
                <option  value="P05">Impresora</option>
        </select>
    </td>
    <td width="30%" rowspan="3"><iframe id="uploadedImage" name="uploadedImage" src="" style="width:200px; height:200px;" frameborder="0" marginheight="0" marginwidth="0"></iframe></td>
  </tr>

  <tr>
    <td width="5%">Marca</td>
    <td width="10%">
        <select name="codigo2" >
                <option  value="01" selected>Hp</option>
                <option  value="02">Dell</option>
                <option  value="03">Samsung</option>
                <option  value="04">Sonny</option>
                <option  value="05">LG</option>
                <option  value="06">Toshiba</option>
                <option  value="07">Lenovo</option>
                <option  value="08">Epson</option>
                <option  value="09">Cannon</option>
                <option  value="10">IBM</option>
                <option  value="11">Ensamblada</option>
        </select>
    </td>
  </tr>

  <tr>
    <td width="5%">Descripcion</td>
    <td width="10%">
        <textarea rows="5" cols="23" name="despro" cols="40%" rows="2" id="despro" placeholder="Ingrese Descripcion" required></textarea>
    </td>
  </tr>
  <tr>
    <td width="5%">Foto</td>
    <td width="10%">
        <form id="dataForm" name="dataForm"><input type=hidden name="imageDescription" id="imageDescription" type="text" size="30"/></form>
        <form [B]align="center"[/B] id="imageForm" name="imageForm" enctype="multipart/form-data" action="uploadImage.php" method="POST" target="uploadedImage">
      <!-- Next field limits the maximum size of the selected file to 2MB.If exceded the size, an error will be sent with the file. -->
      <input type="hidden" name="MAX_FILE_SIZE" value="2000000" />
      <input [B]align="center"[/B] name="imageToUpload" id="imageToUpload" type="file" onchange="uploadImage();" size="16"/><br />
      <!--Old uploaded image to delete (this field should be hidden):<br />-->
      <input type=hidden name="oldImageToDelete" id="oldImageToDelete" type="text" size="50" />
    </form>
    </td>
    <td width="60%"><form>
        <!--<input type="button" onclick="submitForm();" value="Submit" /></form><form><input type="button" onclick="showImageUploadStatus();" value="Ruta imagen" /></form>-->
        <input name="Submit" type="submit" onclick="submitForm(); value="Grabar" />
        <input type="button" onclick="showImageUploadStatus();" value="Ruta Imagen" />
    </td>
  </tr>
</table>
</form>
</div>
   <div id="divResult"></div>
  </body>
  </html>

si deseo grabar el scrip <script language="JavaScript" type="text/javascript"> en un archivo aparte, para llamarlo arriba de mi archivo prueba.php como lo grabo con q extension y como lo llamo? (para usarlo como si fuera una libreria o algo asi).