Problema Con Submit En Ajax

dark_web · #1 (**permalink**) 19/12/2007, 07:14

HOLA, TENGO UN PROBLEMA QUE NO HE PODIDO SOLUCIONAR;

EN UN INPUT TYPE IMAGE, LLAMO ALGUNOS DATOS AJAX CON UNA FUNCION, EL PROBLEMA ES QUE EL FORMULARIO SE ENVÍA TAMBIEN Y ME REFRESCA LA PAGINA. COMO PUEDO DETENER EL ENVÍO?

SALUDOS

Código PHP:

 
 $idForm=1;

while($salida = mysql_fetch_array($sql)){

?>

<tr nowrap onmouseover=bgColor='#DBDBDB' bgcolor='#FFFFFF' style=cursor: onmouseout="bgColor='#FFFFFF'">

<?

printf("

<form  name='formcarro$idForm' id='formcarro$idForm' action=''>

<td nowrap><img src='ver.gif' border=0></td>

<td nowrap>&nbsp;%s&nbsp;</td>

<td nowrap>&nbsp;%s&nbsp;</td>

<td nowrap>&nbsp;%s&nbsp;</td>

<td nowrap>&nbsp;%s&nbsp;</td>

<td align=center><input type=text value='$idForm' name='cantidad' size=4 class='cantidad'></td>

<td align=center><input type='image' src='carrito.jpg'  name='sub' alt='Agregar al Orden' onClick='VerCarro();' return=false;>

</td></tr></form>",

$salida["CAMPO1"],$salida["CAMPO2"],$salida["CAMPO3"],$salida["CAMPO4"]);

$idForm++;

 
};

foreverOdd · #2 (**permalink**) 19/12/2007, 08:45

Muestra tu funcion VerCarro();

dark_web · #3 (**permalink**) 19/12/2007, 08:50

Hola, aca va la funcion!

Código PHP:

   
 
function VerCarro() 

{     

    var div=document.getElementById("resultado"); 

    div.innerHTML="";

    

    super_familia=document.form1.id_super_familia.value;

    familia=document.form1.id_familia.value;

    sub_familia=document.form1.id_sub_familia.value;

    marca=document.form1.id_marca.value;

     

    var ajax=nuevoAjax(); 

    ajax.open("POST", "result_busqueda.php?", true); 

    ajax.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded'); 

    //ajax.send("datos=si"); 

    ajax.send("id_super_familia="+super_familia+"&id_familia="+familia+"&id_sub_familia="+sub_familia+"&id_marca="+marca)

     

    ajax.onreadystatechange=function() 

    { 

        if (ajax.readyState==4) 

        { 

            //alert(ajax.status); 

            div.innerHTML=ajax.responseText; 

        } 

    } 

}

caricatos · #4 (**permalink**) 19/12/2007, 08:52

Hola:

Los input type="image" son una variedad del tipo submit con el añadido de las coordenadas de donde se pincha... si no tienes interés de enviar el formulario y tampoco enviar las coordenadas donde se pulsa, entonces podrías usar un botón (tag button) del tipo botón (type="button") y si se trata de una imagen, ponerla en su interior, dándole los estilos que te interesen:

<button type="button" style="margin: 0; padding: 0; border: 0; background-color: transparent" onclick="funcion_que_no_es_submit(this.form)"><img src="imagen.gif" alt="botón" /></button>

No debes tener miedo a usar tags button.

Saludos

dark_web · #5 (**permalink**) 19/12/2007, 08:58

Tienes toda la razón, muchas gracias caricatos por tu comentario, lo tendré muy en cuenta.

Voy!!!