Ver Mensaje Individual
  #1 (permalink)  
Antiguo 01/06/2010, 20:00
Avatar de metacortex
metacortex
Viejo demente
 
Fecha de Ingreso: junio-2004
Ubicación: Caracas - Venezuela
Mensajes: 9.027
Antigüedad: 19 años, 10 meses
Puntos: 832
Agregar evento a checkbox cuando lo deselecciono

Hola pueblo, tengo este script con el que cargo una página externa:

Código Javascript:
Ver original
  1. <script type="text/javascript">
  2. var http_request = false;
  3. function makePOSTRequest(url, parameters) {
  4.     http_request = false;
  5.     if (window.XMLHttpRequest) {
  6.         http_request = new XMLHttpRequest();
  7.         if (http_request.overrideMimeType) {
  8.             http_request.overrideMimeType('text/html');
  9.         }
  10.     } else if (window.ActiveXObject) {
  11.         try {
  12.             http_request = new ActiveXObject("Msxml2.XMLHTTP");
  13.         } catch (e) {
  14.             try {
  15.                 http_request = new ActiveXObject("Microsoft.XMLHTTP");
  16.             } catch (e) {}
  17.         }
  18.     }
  19.     if (!http_request) {
  20.         alert('Cannot create XMLHTTP instance');
  21.         return false;
  22.     }
  23.     http_request.onreadystatechange = alertContents;
  24.     http_request.open('POST', url, true);
  25.     http_request.setRequestHeader("Content-type", "application/x-www-form-urlencoded");
  26.     http_request.setRequestHeader("Content-length", parameters.length);
  27.     http_request.setRequestHeader("Connection", "close");
  28.     http_request.send(parameters);
  29. }
  30.  
  31. function alertContents() {
  32.     if (http_request.readyState == 4) {
  33.         if (http_request.status == 200) {
  34.             result = http_request.responseText;
  35.             document.getElementById('opciones').innerHTML = result;            
  36.         } else {
  37.             alert('Hubo un problema con la operación.');
  38.         }
  39.     }
  40. }
  41.  
  42. function get(obj) {
  43.   var poststr = "port_post=" + encodeURI( document.getElementById("port24").value );
  44.   makePOSTRequest('http://www.sitio.com/inc/metaform.php?opcion='+ encodeURI( document.getElementById("port24").value ), poststr);
  45. }
  46. </script>

En el HTML se encuentra este checkbox:

Código HTML:
Ver original
  1. <input type="checkbox" name="port_post[]" value="24" id="port24" onclick="get(this.parentNode);"  />

Y luego una capa donde aparece el contenido de la página externa. Esta capa tiene datos predeterminados que son reemplazados por los nuevos:

Código HTML:
Ver original
  1. <div id="opciones">Mi contenido predeterminado</div>

Mi duda: Cuando selecciono el checkbox se cargan los datos externos sin problemas, pero quisiera que al deseleccionarlo se vuelva a cargar el contenido predeterminado ¿cómo puedo proceder?.