Ventanas emergentes javascript

danieler87 · #1 (**permalink**) 03/12/2010, 18:03

Buenas estoy intentado hacer un ejercicio de javascript en el que desde una ventana emergente en la que hay un calendario,tienen que ir mostrando citas de cada dia una a una,pero cuando clickas en un nuevo dia tiene q desaparecer al cita anterior que habia en la ventana padre(opener)

no se como indicar la condicion de que si hay algo escrito lo borre y despues escriba la nueva cita,hasta aqui mi script

<script language="JavaScript">

function pintar(cadena)
{
if( opener.document.getElementById("caja").value =="") {

opener.document.getElementById("caja").removeChild (document.getElementsByTagName("p"));
}
p1 = document.createElement("p");
text = document.createTextNode(cadena);
p1.appendChild(text);
opener.document.getElementById("caja").appendChild (p1);
}
</script>
<style>
.dia{
color:#36C;
text-decoration:underline;
}
html{
background-color:#FF3;
}

</style>

</head>
<body>

<table align="center" border=0 cellpadding=2>

<tr><th colspan="7">Haga click en un dia subrayado para ver las citas en ese dia</th></tr>
<tr><th colspan="7">Enero 2003</th></tr>
<tr>
<td></td> <td></td> <td>1</td> <td class="dia" onClick="pintar('La cita del dia 2 es:bla')">2</td> <td >3</td> <td>4</td>
</tr>
<tr>
<td class="dia" onClick="pintar('La cita del dia 5 es:bla')">5</td> <td class="dia" onClick="pintar('La cita del dia 6 es:ble')">6</td> <td class="dia" onClick="pintar('La cita del dia 7 es:bli')">7</td> <td class="dia" onClick="pintar('La cita del dia 8 es:blo')">8</td> <td>9</td>
<td class="dia" onClick="pintar('La cita del dia 10 es:blu')">10</td>
</tr>
<tr>
<td class="dia" onclick="pintar('La cita del dia 11 es: pa')">11</td> <td class="dia" onClick="pintar('La cita del dia 12 es:pe')">12</td> <td class="dia" onClick="pintar('La cita del dia 13 es:pi')">13</td> <td>14</td> <td class="dia" onClick="pintar('La cita del dia 15 es:po')">15</td> <td class="dia" onClick="pintar('La cita del dia 16 es:pu')">16</td>
</tr>
<tr>
<td class="dia" onClick="pintar('La cita del dia 17 es:wa')">17</td> <td class="dia" onClick="pintar('La cita del dia 5 es:we')">18</td> <td class="dia" onClick="pintar('La cita del dia 19 es:wi')">19</td> <td>20</td> <td class="dia" onClick="pintar('La cita del dia 5 es:wo')">21</td> <td>22</td>
</tr>
<tr>
<td>23</td> <td class="dia" onClick="pintar('La cita del dia 5 es:wu')">24</td> <td class="dia" onClick="pintar('La cita del dia 25 es:sa')">25</td> <td class="dia" onClick="pintar('La cita del dia 26 es:se')">26</td> <td>27</td>
<td class="dia" onClick="pintar('La cita del dia 28 es:si')">28</td>
</tr>
<tr>
<td>29</td> <td class="dia" onClick="pintar('La cita del dia 30 es:so')">30</td> <td class="dia" onClick="pintar('La cita del dia 31 es:su')">31</td> <td></td> <td></td> <td></td>
</tr>

</table>
</body>
</html>

maycolalvarez · #2 (**permalink**) 03/12/2010, 18:17

Políticas del Foro:

2.7 Los usuarios no pueden revivir o reactivar temas publicando información inútil o sin sentido, o llevando a cabo cualquier otra acción para deliberadamente mantener arriba en el índice del foro dicho tema o aumentar el contador de mensajes.

evita sanciones.

PD: con respecto a tu mensaje, no hace falta manipular el DOM de forma tan drástica, puedes usar innerHTML para afectar el contenido de una capa completa de forma más facil, en tu caso el uso de un script del lado del servidor (como php, asp, jsp u otros) seria beneficioso al simplemente enviar tales datos y cargarlos desde el servidor con DB, utilizar AJAX entre otros, suerte.