[SOLUCIONADO] problemas con el document.write

[helion]

Hola amigos veran se me presento el siguiente problema con el javascript...

Código PHP:

  <script>
function ver(){    
document.write('<div id="zapDiv200" style="position:absolute;left:328px;top:98px;width:61px;height:22px;z-index:100;"><form action="main.aspx?online=1" method="post" enctype="multipart/form-data" name="Free_Write" id="Free_Write4" onsubmit="return Free_Board_Write(this)" target="selfr" ><input type="hidden" name="ot" value="1" /><input type="image" src="poke_images/tableros/click_entrar.gif" name="button6" id="button6" value="Elegir" width="41" height="20" target="selfr" /></form></div>');
    }
</script>
 
<table width="200" border="1"><tr><td>&nbsp;</td><td onClick="ver();">arriba</td><td>&nbsp;</td></tr><tr><td onClick="ver();">izquierda</td><td>&nbsp;</td><td onClick="ver();">derecha</td></tr><tr ><td>&nbsp;</td><td onClick="ver();">abajo</td><td>&nbsp;</td></tr></table> 
  

resuta que cuando presiono los botones... se borra todo para mostrar lo del document.write , y lo que realmente quiero es que se muestre sin que se oculte lo otro, pero no se que pasa en realidad, podrian ayudarme ....

[PHPeros]

Hay muchas formas de hacerlo.

- Puedes situar un div con antelación donde quieras que vaya el mensaje y luego cambiar el innerHTML (lo más básico) por el texto que quieres mostrar.
- Puedes crear un nodo y añadirlo al body.

[helion]

Iniciado por PHPeros

Hay muchas formas de hacerlo.

- Puedes situar un div con antelación donde quieras que vaya el mensaje y luego cambiar el innerHTML (lo más básico) por el texto que quieres mostrar.
- Puedes crear un nodo y añadirlo al body.

hola gracias por responder, la verdad no entiendo tu sugerencia no llevo mucho en javascript, podrias dejarme un ejemplo para poder guiarme te lo agradeceria

[PHPeros]

Algo así. Lee la documentación.

[Lynxcraft]

Podria se algo asi

Código HTML:

<script> 
function ver(idZone){ 
document.getElementById(idZone).innerHTML+='<div id="zapDiv200" style="left:328px;width:61px;height:22px;z-index:100;"><form action="main.aspx?online=1" method="post" enctype="multipart/form-data" name="Free_Write" id="Free_Write4" onsubmit="return Free_Board_Write(this)" target="selfr" ><input type="hidden" name="ot" value="1" /><input type="image" src="poke_images/tableros/click_entrar.gif" name="button6" id="button6" value="Elegir" width="41" height="20" target="selfr" /></form></div>';
} 
</script> 
arriba:<div id="zone-arriba"></div>
izquierda:<div id="zone-izquierda"></div>
derecha:<div id="zone-derecha"></div>
abajo:<div id="zone-abajo"></div>
<table width="200" border="1"><tr><td>&nbsp;</td><td onClick="ver('zone-arriba');">arriba</td><td>&nbsp;</td></tr><tr><td onClick="ver('zone-izquierda');">izquierda</td><td>&nbsp;</td><td onClick="ver('zone-derecha');">derecha</td></tr><tr ><td>&nbsp;</td><td onClick="ver('zone-abajo');">abajo</td><td>&nbsp;</td></tr></table>
 

Saludos

[helion]

Iniciado por PHPeros

Algo así. Lee la documentación.

Iniciado por Lynxcraft

Podria se algo asi

Código HTML:

<script> 
function ver(idZone){ 
document.getElementById(idZone).innerHTML+='<div id="zapDiv200" style="left:328px;width:61px;height:22px;z-index:100;"><form action="main.aspx?online=1" method="post" enctype="multipart/form-data" name="Free_Write" id="Free_Write4" onsubmit="return Free_Board_Write(this)" target="selfr" ><input type="hidden" name="ot" value="1" /><input type="image" src="poke_images/tableros/click_entrar.gif" name="button6" id="button6" value="Elegir" width="41" height="20" target="selfr" /></form></div>';
} 
</script> 
arriba:<div id="zone-arriba"></div>
izquierda:<div id="zone-izquierda"></div>
derecha:<div id="zone-derecha"></div>
abajo:<div id="zone-abajo"></div>
<table width="200" border="1"><tr><td>&nbsp;</td><td onClick="ver('zone-arriba');">arriba</td><td>&nbsp;</td></tr><tr><td onClick="ver('zone-izquierda');">izquierda</td><td>&nbsp;</td><td onClick="ver('zone-derecha');">derecha</td></tr><tr ><td>&nbsp;</td><td onClick="ver('zone-abajo');">abajo</td><td>&nbsp;</td></tr></table>
 

Saludos

muchas gracias a los 2, pude resolverlo :)