03/12/2010, 18:03
|
| | | Fecha de Ingreso: diciembre-2010
Mensajes: 47
Antigüedad: 13 años, 11 meses Puntos: 0 | |
| Ventanas emergentes javascript
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> |