Comunidad de diseño web y desarrollo en internet online

editar, cerrar y actualizar

Citar            
MensajeEscrito el 20 Sep 2006 07:52 pm
hola a todos, lo que tengo para preguntar es lo siguiente:
tengo una ventana principal donde muestro unos datos de una bd por medio de php, al lado de uno de los valores que se muestra tengo una imagen que al darle click a ella se abre una ventana pequeña con un formulario para editar ese valor, hasta aca todo bien pero lo que no se es como hacer para que al undir el boton editar, se edite el campo(el codigo mysql ya lo tengo), se cierre la ventana pequeña que se abrio y se actualize la principal con el nuevo valor editado.
alguien sabe?

Por chechopoker

91 de clabLevel



 

msie
Citar            
MensajeEscrito el 26 Sep 2006 07:44 pm
a ver si te he entendido bien
tienes una etiqueta <div> dentro de la que se muestra el dato "X" en lugar de tener un input para editarlo directamente, al clicar en la imagen del lateral se abre un popup con un input (ahora si) para cambiar la variable y un botón de enviar... siendo así, seria algo como esto

en la página principal deberías poner un iframe tal que así

Código :

<iframe id="proceso" style="display:none;" src="about:blank"></iframe>


en tu etiqueta poner un id. por ejemplo:

Código :

<div id="dato">X</div>


y en la imagen este código

Código :

<img src="loqusea" tyle="cursor: pointer;" onclick="if (window.open) window.open('archivo.php?codigo=' + parent.document.getElementById('dato').value, 'editar', 'scrollbars=1'); else return false;" />


en el popup añades esta función

Código :

<script type="text/javascript">
//<![CDATA[   
   function salir(){
//esto cambia el valor
      opener.document.getElementById(<?=$_GET['codigo']?>).innerHTML=document.getElementById('input').value;
//esto envía el valor al iframe para que sea tratado
      opener.document.getElementById('proceso').scr='archivo_que_lo_procese.php?dato=<?=$_GET['codigo']?>&amp;valor=' + document.getElementById('input').value;
      window.close();
   }
//]]>
</script>


Y por último, en el botón de enviar añades

Código :

style="cursor: pointer;" onclick="salir();"



Espero que esto te sirva, al menos para entender el razonamiento; si quieres mejorarlo, podrías hacer un control de errores en archivo_que_lo_procese.php y si da algún error regresar al dato anterior

NOTA: esto se me acaba de ocurrir, y sin mucho tiempo para pensarlo ni escribirlo. puede que tenga fallos aparte de todas las faltas de ortografía ^^

Por vites

13 de clabLevel



 

firefox

 

Cristalab BabyBlue v4 + V4 © 2011 Cristalab
Powered by ClabEngines v4, HTML5, love and ponies.