Hola
Se me ocurre lo siguiente a ver que parece
Creas dos div
Cita: <div id="opciones1" style="display:block;">Mi contenido predeterminado</div>
<div id="opciones2" style="display:none;>Nuevo contenido</div>
Uno (contenido predeterminado) en
block y el otro (contenido nuevo)
none
Por otro lado en la llamada a la función
get le añadimos otro argumento
Cita: <input type="checkbox" name="port_post[]" value="24" id="port24" onclick="get(this.parentNode, this.checked);" />
con lo cual sabes si el checkbox está en
true o
false
Ahora en la función
get
Código Javascript
:
Ver originalfunction get(obj, bol) {
if(bol) { // si es true, prosigue
var poststr = "port_post=" + encodeURI( document.getElementById("port24").value );
makePOSTRequest('http://www.sitio.com/inc/metaform.php?opcion='+ encodeURI( document.getElementById("port24").value ), poststr);
} else { // si es false mostramos el div con el contenido predeterminado
document.getElementById('opciones2').style.display = 'none';
document.getElementById('opciones1').style.display = 'block';
}
Por último, si se llega a la función
alertContents cargamos la respesta y cambiamos el display de los div
Código Javascript
:
Ver originalfunction alertContents() {
....
if (http_request.status == 200) {
result = http_request.responseText;
document.getElementById('opciones2').innerHTML = result;
document.getElementById('opciones1').style.display = 'none';
document.getElementById('opciones2').style.display = 'block';
Suerte