Eliminar o crear capas

[humanista]

Hola, necesito usar AJAX -es decir actualizar datos sin recargar la página- para lo siguiente.

Imagínense un foro donde yo soy el administrador y quiero eliminar una opinión o dar una opinión y todo ello sin recargar la página.

Es decir eliminar o crear un <div> sin recargar la página.

salu2

[caricatos]

Hola:

En tu navegador puedes eliminar cualquier elemento con removeChild o innerHTML, pero si lo quieres hacer en otros navegadores, solo podrías qjuitar en el servidor, pero cosas existentes en otros navegadores, solo se puede realizar con peticiones... Si es así, creo que sería un gasto de recursos innecesaria.

Saludos

[humanista]

lo siento pero necesito una explicación más detallada...

[caricatos]

Hola:

En las FAQs javascript se explica como borrar nodos con removechild... por ejemplo, para un "autoborrado":
<button type="button" onclick="this.parentNode.removeChild(this)">
Auto - borrándome...
</button>

y para por ejemplo borrar todo el contenido de un elemento...

<button onclick="while (this.hasChildNodes()) this.removeChild(this.firstChild)"

... o...

<button onclick="this.innerHTML = '';"

Saludos

[humanista]

ok, me funciona pero además, cómo se puede añadir un <div> debajo de otro <div>?

[humanista]

De todas formas... tengo este código que muestra un comentario de un foro y un botón "Delete". En el formulario llamo a la función enviarDatos que borrar el registro con AJAX pero no sé cómo acoplar el evento this.parentNode.removeChild(this)...

Alguien sabe cómo puedo hacerlo?

Código HTML:

[PHP]
<div align=justify>$comment</div>

<form name="<?echo "a".$id;?>" action="" onsubmit="enviarDatos('<?echo "a".$id;?>'); return false">
							
<table border=0 cellpadding=0 cellspacing=0 width=100%>
    <tr><td>
							
<input class="delete" type="submit" align="left" vspace="2" width="150" height="25" onClick="return acceptcancel('<?echo $message;?>');" value="Delete" />
							
<input type="hidden" name="id" value="<?php echo $id;?>" />
															
              </td></tr>
							
</table>
							
</form>[/PHP]

[humanista]

De todas formas... tengo este código que muestra un comentario de un foro y un botón "Delete". En el formulario llamo a la función enviarDatos que borrar el registro con AJAX pero no sé cómo acoplar el evento this.parentNode.removeChild(this)...

Alguien sabe cómo puedo hacerlo?

Código PHP:

  echo "<div align=justify>$comment</div>";  
   

Código HTML:

<form name="<?echo "a".$id;?>" action="" onsubmit="enviarDatos('<?echo "a".$id;?>'); return false">
							
<table border=0 cellpadding=0 cellspacing=0 width=100%>
    <tr><td>
							
<input class="delete" type="submit" align="left" vspace="2" width="150" height="25" value="Delete" />
							
<input type="hidden" name="id" value="<?php echo $id;?>" />
															
              </td></tr>
							
</table>
							
</form> 

[caricatos]

Hola:

Pues, la cuestión es saber referenciar al elemento que se quiera borrar... y además tampoco es necesario borrar nada, en casi todos los casos, basta con ocultar el elemento... pero esa instrucción que resaltas, tal como está la podrías asociar al click del propio botón.

Saludos

[humanista]

hola, pero lo que realmente quiero ocultar es el $comment que está en un div. Aunque se puede meter en el form.

El problema es cómo puedo compatibilizar un formulario que tiene una llamada a AJAX, con que oculte el comentario $comment (después de borrar "físicamente" con el AJAX el registro de la base de datos).

[glegan]

Yo creo que lo mas simple es que en lugar de que lo pongas dentro de un div como lo tienes hasta ahora lo pongas dentro de un span algo asi:

En el HTML

Código PHP:

 <span id='span_comment'><?php echo $comment; ?></span>  

ya con esto en la funcion con la que estas borrando físicamente el registro de la BD le asignas algo como esto al span creado:

Código PHP:

  $new_comment = "";
$response->assign('span_comment', 'innerHTML', $new_comment);  
   

Yo utilizo este metodo para enviar mensajes de alerta o error en mis formularios.

espero que esto sea lo que necesitas.

Saludos,

[humanista]

gracias glegan, siguiendo tu idea, lo hice con:

Código HTML:

document.getElementById("campo").innerHTML = "";

y me fue a la perfección

por cierto... funciona en IE pero... también en otros navegadores? (no puedo probarlo)

[glegan]

Iniciado por humanista

gracias glegan, siguiendo tu idea, lo hice con:

Código HTML:

document.getElementById("campo").innerHTML = "";

y me fue a la perfección

por cierto... funciona en IE pero... también en otros navegadores? (no puedo probarlo)

Si funciona, yo lo he probado en ie, chrome y firefox

[humanista]

gracias. tengo otro pequeño problema relacionado con lo mismo.

tengo un form así:

Código PHP:

  <form method="post" enctype="multipart/form-data" action="controlupload.php" target="iframeUpload">  
   

lo que hace es llamar a controlupload.php q es el q se encarga de subir una foto.

necesito hacer lo mismo, q después de subir la foto se recargue la página. he probado a poner lo mismo:

Código HTML:

<script>window.location="photos.php";</script> 

y nada, no me funciona.

una de las órdenes que tengo es:

Código PHP:

  echo '<script>parent.resultadoUpload(0);</script>';  
   

por lo q he intentado ponerle el parent delante y tampoco

[humanista]

al final ya lo resolví