html en div

[fjmasero]

Wenas:

¿Se puede insertar en un div un documento html, de tal forma que dependiendo de un menu, cada opcion muestre una página distinta en dicho div?.

Salu2 y gracias

[eDuDiTo]

Hola otra vez ,

¿lo que pretendes es cargar una página distinta dentro del div cada vez que eliges una opción del menú? pues me temo que no se puede usando divs..., pero lo puedes hacer facilmente utilizando un iframe.

Si tienes alguna duda.. ya sabes! Saludos.

[fjmasero]

Gracias de nuevo.

Si, ya conocía el uso de iframes, pero pretendo evitar su uso.

Salu2

[Manoloweb]

Bueno, lo que quieres lograr es una combinación entre javascript y CSS...

Aqui te paso el java que yo uso en una página, que dependiendo de lo que se seleccione en un radio button, muestra u oculta otro parte del formulario...

Código PHP:

  function esconde () { 
    if(document.getElementById){ 
        //Netscape 
        puplayer = document.getElementById("pup"); 
        paxlayer = document.getElementById("pax"); 
    } 
    if (document.all) { 
        //Explorer 
        puplayer = document.all["pup"]; 
        paxlayer = document.all["pax"]; 
    } 
    puplayer.style.display = "none"; 
    paxlayer.style.display = "none"; 
} 
 
function cambiapax () { 
    if(document.getElementById){ 
        //Netscape 
        estelayer = document.getElementById("pax"); 
        cajita = document.getElementById("otra"); 
    } 
    if (document.all) { 
        //Explorer 
        estelayer = document.all["pax"]; 
        cajita = document.all["otra"]; 
    } 
    if (cajita.checked==true) { 
        estelayer.style.display = "block"; 
    } else { 
        estelayer.style.display = "none"; 
    } 
} 
     
function cambiapup () { 
    if(document.getElementById){ 
        //Netscape 
        estelayer = document.getElementById("pup"); 
        cajita = document.getElementById("otra2"); 
    } 
    if (document.all) { 
        //Explorer 
        estelayer = document.all["pup"]; 
        cajita = document.all["otra2"]; 
    } 
    if (cajita.checked==true) { 
        estelayer.style.display = "block"; 
    } else { 
        estelayer.style.display = "none"; 
    } 
}  
   

pax, pup y otra son los ID de los elementos en cuestión...

Saludos!!

[Manoloweb]

Y aqui te paso un pedazo del HTML con el que se muestra u oculta...

Código:

<input name="otra" type="checkbox" id="otra" value="1" onClick="cambiapax()">
<div id="pax" name="pax">
    <table width="350" border="0" cellpadding="0" cellspacing="5" class="formTabla">
      <tr valign="top" bgcolor="#FFFFFF"> 
	<td colspan="2" class="textoNormal"> 
	  <p><span class="textoNormal"><strong>Datos de la persona:</strong></span> 
	      (solo si es otra)<br>
	    &nbsp; </p>
	  </td>
      </tr>
      <tr valign="top"> 
	<td width="200" class="textoNormal"> <div align="right"><strong>Nombre 
	    Completo </strong></div></td>
	<td width="200"><input name="nombre" type="text" class="formaBox" id="nombre" value="$pst_nombre" size="35"></td>
      </tr>
      <tr valign="top"> 
	<td width="200" class="textoNormal"> <div align="right"> 
	    <p><strong>Celular</strong></p>
	  </div></td>
	<td width="200"> <input name="celular" type="text" class="formaBox" id="celular" value="$pst_celular" size="30"></td>
      </tr>
    </table>
</div>

[fjmasero]

Gracias ManoloWeb, pero no es exactamente lo que pretende.

Deduzco, salvo q me equivoque, que lo haces es ocultar/mostrar elementos, y lo que quiero es cambiar el contenido de un div, insertando codigo html, dependiendo de unas condiciones.

Por cierto, no he probado ha hacer lo q tu haces con este tipo de codigo, ¿funciona también para netscape?. Lo pregunto pq veo q haces elemento.style.display = .... pero teoricamente netscape es elemento.display= ...

Salu2 y gracias

[Manoloweb]

Que tal!!

Pues este script lo he probado en IE NS y Mozila, pero solo en sus versiones más recientes...

Pero efectivamente, lo que hace es ocultar y mostrar... no reestructurar el contenido mismo del formulario...

[nicok_snake]

lo que te queda más optimo es crear un div en donde se cargaran los elementos de la pagina segun el clik que hacen los usuarios en el menu....

lo puedes logar con AjaX...creando el cuerpo de los elementos que quieras que se cargen segun la opcion del menu....

[Mikmoro]

nicok_snake: no estoy seguro de que en la fecha de la consulta existiera AJAX