Foros del Web » Programando para Internet » Javascript »

Cómo hacer para capturar el contenido del div en una variable

Estas en el tema de Cómo hacer para capturar el contenido del div en una variable en el foro de Javascript en Foros del Web. Hola a todos, Tengo este componente http://www.element-it.com/Examples/M...Thumbnail.html Es muy bueno y lo estoy utilizando para crear un album de fotos en php. Cómo puedo hacer ...
  #1 (permalink)  
Antiguo 24/12/2008, 13:48
Avatar de gabyweb  
Fecha de Ingreso: enero-2002
Ubicación: Lima
Mensajes: 364
Antigüedad: 22 años, 3 meses
Puntos: 0
Pregunta Cómo hacer para capturar el contenido del div en una variable

Hola a todos,

Tengo este componente http://www.element-it.com/Examples/M...Thumbnail.html

Es muy bueno y lo estoy utilizando para crear un album de fotos en php.

Cómo puedo hacer para mostrar el <div> en otro página y guardar el nombre de las imágenes en una bd.

Gracias,
__________________
Gaby :adios:
  #2 (permalink)  
Antiguo 24/12/2008, 14:57
Avatar de Panino5001
Me alejo de Omelas
 
Fecha de Ingreso: mayo-2004
Ubicación: -34.637167,-58.462984
Mensajes: 5.148
Antigüedad: 20 años
Puntos: 834
Respuesta: Cómo hacer para capturar el contenido del div en una variable

Para capturar el contenido de la variable, podrías modificar la función de respuesta que usa la página:
Código PHP:

function MultiPowUpload_onComplete(typeindexserverResponse)
    {
        
addThumbnail(serverResponse);
               
//acá modificamos:
               
window.contenido=document.getElementById('thumbnails');
               
//ahora la variable  window.contenido contiene el html de la capa
    

Para guardar los datos en el servidor tendrías que preguntar en el for correspondiente al lenguaje que uses.
  #3 (permalink)  
Antiguo 24/12/2008, 17:07
Avatar de gabyweb  
Fecha de Ingreso: enero-2002
Ubicación: Lima
Mensajes: 364
Antigüedad: 22 años, 3 meses
Puntos: 0
Respuesta: Cómo hacer para capturar el contenido del div en una variable

Y cómo haría para leer el contenido de window.contenido?? porque cuando le hago un alert me muestra un objeto.
__________________
Gaby :adios:
  #4 (permalink)  
Antiguo 24/12/2008, 17:18
Avatar de gabyweb  
Fecha de Ingreso: enero-2002
Ubicación: Lima
Mensajes: 364
Antigüedad: 22 años, 3 meses
Puntos: 0
Pregunta Respuesta: Cómo hacer para capturar el contenido del div en una variable

He modificado el script y lo tengo de la siguiente manera:

Código PHP:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>Gallery - Image Upload</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link rel="stylesheet" href="styles.css"/>
    <script language="JavaScript">
    //MultiPowUpload_onComplete. Invoked when the upload or download of single file operation has successfully completed
    function MultiPowUpload_onComplete(type, index, serverResponse)
    {
        addThumbnail(serverResponse);
        //acá modificamos: 
        window.contenido=document.getElementById('thumbnails'); 

        [COLOR="Red"]// Se crea un nuevo "INPUT"
        var newInput = document.createElement('image');
           newInput.type = 'hidden';
           newInput.name = 'myImage[]';
           newInput.value = window.contenido;
        //alert(newInput.value);
        document.forms[0].submit();[/COLOR]
    }

    function addThumbnail(source)
    {
        var Img = document.createElement("img");
        Img.style.margin = "5px";

        if(source != "no_image")
            Img.src = source;
        else
            Img.src = "Images/elementitlogo.gif";
        
        document.getElementById("thumbnails").appendChild(Img);
        //document.getElementById("thumbnails").innerHTML +=  "<a href=\"javascript:alert('Portada de Album')\"><img src=\"icon_photoalbum.gif\" border=\"0\"/></a>";        
    }
    </script>
</head>
<body>
<h3>Image Upload Area</h3>
<p> </p>
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td><form name="upload" action="image_upload.php" method="post">
<p> </p>
    <table width="32%" border="0" align="left" cellpadding="5" cellspacing="0">
        <tr>
            <td>Photo Album:</td>
            <td><select name="albums" id="albums">
                <?php
                
include("include/config.php");
                
db_connect();
                
mysql_query("SET NAMES 'utf8'");
                
header('Content-Type: text/html; charset=utf-8' );
                
                
$sql "SELECT album_id, album_name FROM album";
                
$result = @mysql_query$sql ) or die("Error retrieving records: " mysql_error());
                while ( 
$row mysql_fetch_array($result) ){
                    echo(
"<option value=" $row['album_id'] . ">" $row['album_name'] . "</option>");
                }
                
?>
                </select>
            </td>
        </tr>

        <tr>
            <td align="left" colspan="2">
                <div id="MultiPowUpload_holder">You need at least 9 version of Flash player. Download last version 
                    <a target="_blank" href="http://www.adobe.com/shockwave/download/alternates/">here</a>!
                </div>
                <!-- SWFObject home page: http://code.google.com/p/swfobject/ -->
                <script type="text/javascript" src="swfobject.js"></script>
                <script type="text/javascript">
                    var params = {  
                        BGColor: "#F8F6E6"
                    };
                    
                    var attributes = {  
                        id: "MultiPowUpload",  
                        name: "MultiPowUpload"
                    };
                    
                
                    var flashvars = {
                      //uploadUrl: "FileProcessingScripts/PHP/createthumbnail.php",
                      uploadUrl: "createthumbnail.php",
                      useExternalInterface: "Yes",
                      fileTypes: "JPEG images|*.jpg\;*.jpeg"
                    };
                    
                    swfobject.embedSWF("ElementITMultiPowUpload2.swf", "MultiPowUpload_holder", "450", "350", "9.0.0", "expressInstall.swf", flashvars, params, attributes);
                </script>
            </td>
        </tr>
        <tr>
            <td></td>
            <td><!-- <input name="submit" type="submit" id="submit" value="Continue" /> --></td>
        </tr>
        <!--  <div id="thumbnails"></div> -->
    </table>
    <p/>
</form>
</td>
</tr>
</table>
<p/>
<table>
        <tr>
            <td colspan="2">
                <table width="*" border="0" align="left" cellpadding="3" cellspacing="0" class="bottommenu">
                    <tr>
                        <td class="bottommenu"><a href="index.php">Main Menu</a> | <a href="new_album.php">Create
                    New Album</a> | <a href="gallery.php">View Gallery</a></td>
                    </tr>
                </table>
            </td>
        </tr>
</table>
</body>
</html>
El código que está en rojo lo he añadido para que el formulario se envíe automáticamente y no lo hace.

Qué estoy haciendo mal?
__________________
Gaby :adios:
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 03:56.