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']?>&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