Ver Mensaje Individual
  #5 (permalink)  
Antiguo 18/10/2008, 08:46
cmarrero
(Desactivado)
 
Fecha de Ingreso: enero-2008
Ubicación: Mendoza
Mensajes: 458
Antigüedad: 16 años, 7 meses
Puntos: 2
Respuesta: Enviar Campos con javaScript

Los imput no los tengo dentro de una etiqueta FORM y de hecho no puedo hacerlo, debido a que existe un Formulario para otra cosa... por eso me estoy perdiendo...

aver te publico aca, mas om enos loq ue tengo, lo que pasa es que es muy largo...

Primero, tengo divs creados automaticamente por php con un ID dinamico para cada, dentro de cada div, tengo info de la base de datos un un imput hidden con el name y id... cont[]...

Estos divs, tienen la funcionalidad de Drag and Drop que al arrastrarlos a otro div... de nombre ... dropBox toma el valor del div arrastrado... contenido y ID del div... entonces tengo que hacer una funcion que me tome los id de los div o de los imput, cualquiera de las dos cosas me serviria....

Pongo parte del codigo... aqui...

asi traigo los div....

Código PHP:
<div id="drgas" onclick="var dragDropObj = new DHTMLgoodies_dragDrop();
<? while($row mysql_fetch_array($query)){ ?>
dragDropObj.addSource('box<? echo $row['id']; ?>',true);
<? 

?>

dragDropObj.addTarget('dropBox','dropItems');
dragDropObj.init();" >

    <div class="columnaVinculos">
    <?
    $p
->show();
    while(
$fila mysql_fetch_array($queryDivs)){
    
?>
        <div class="muestraContactoDrag" id="box<? echo $fila['id']; ?>">
        <? echo $fila['nombre']; ?>
         </div>
    <?
    
}

    
$p->show();

   
?>
    </div>
    
</div>
Y esta funcion hace hace que cuando arrastro uno de los div al div "dropContent" me muestre elc ontenido...

Código PHP:
<script type="text/javascript">
function 
dropItems(idOfDraggedItem,targetId,x,y)
{
    var 
html document.getElementById('dropContent').innerHTML;
    if(
html.length>0){
    
html html '<br>';
    }
    
html html "<div class=nombreContacto >"document.getElementById(idOfDraggedItem).innerHTML +"- <span class=contactoAgregado > Contacto Seleccionado</span>[COLOR="Red"]<input name=cont[] type=hidden id=cont[] value="+idOfDraggedItem+" />[/COLOR]</div>";
    
document.getElementById('dropContent').innerHTML html;
}
</script> 
Puse en rojo el imput para que lo entiendand...

Entonces me quedaria un div...con todos los div que arrastro el usuario... y dentro de estos el imput hidden ....

Y me faltaria una funcion que al clikear sobre un item me tome esos valores y me los mande a un php que los procese y me muestre el resultado en el div donde estaba el usuario arrastrando los divs....
Algo asi..
Código PHP:
function xmlhttp(){
        var 
xmlhttp;
        try{
xmlhttp = new ActiveXObject("Msxml2.XMLHTTP");}
        catch(
e){
            try{
xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");}
            catch(
e){
                try{
xmlhttp = new XMLHttpRequest();}
                catch(
e){
                    
xmlhttp false;
                }
            }
        }
        if (!
xmlhttp
                return 
null;
            else
                return 
xmlhttp;
    }
function 
invitarContactos(){
        var 
contactos document.getElementById('cont[]').value;
        var 
document.getElementById('dropBox');

        var 
ajax xmlhttp();
        
        
ajax.onreadystatechange=function(){
                if(
ajax.readyState==4){
                        
A.innerHTML ajax.responseText;

                    }
            }
        
ajax.open("GET","invitarContactos.php?total="+contactos,true);
        
ajax.send(null);
        return 
false;
    } 
Pero esto no me devuelve la cadena.... si no... solamente el primer div arrastrado...

Espero haberme dado a entender...

Gracias