cargar pagina php en un div contenedor

[d91]

hola a todos estoy haciendo una pequeña pagina donde debo de elegir el campo a editar de un registro y al hacer click en el boton debe cargar la pagina solicitada en un div que esta a la izquierda intento hacerlo con javascript pero no se donde tengo el error. En css tengo un id #izquierda y #derecha y la pagina a cargar se llama edit.php, aqui el fragmento

Código (php) [Seleccionar] Expandir

<script type="text/javascript">
function edicion(){
$('#derecha').load('edit.php #prueba')/*aqui no se como cargar la pagina en el div derecho*/
alert("Me haz dado un click");

}
</script>
<div id="wrapper"> <!-- aquí meteré todas las capas -->
  <div id="superior"><h2 align="center">EDITANDO REGISTRO CLIENTE</h2></div> <!-- aquí podría ir el logo -->
  <div id="content"> <!-- aquí meteremos todo el contenido -->
    <div id="izquierdo"><div id='menuWrapper'><div class='menu'><h5 align="center">Edicion de Registros</h5></div></div>
<div class="panel-body">
              <form autocomplete="off">
<table width="100%" align="center">
<tr>

<label>Ingrese ID</label>&nbsp;
<input type="text" name="id" id="id" maxlength="8" size="3">
<br>
<label>Columna</label>&nbsp;
<select name"lista">
<option value="edit.php">ID detalle</option>
<option>ID pedido</option>
<option>ID Producto</option>
<option>Cantidad</option>
<option>Estado</option>

</select>

</tr>
<br>
<br>
<tr>
<input type="button" value="Editar" name="editar" onclick="edicion()">
</tr>
<br>
<br>
<br>

</table>
</form>
</div>
</div>
   <!-- <div id="centro">texto y más cosas</div>-->
    <div id="derecho" name="derecha"><div id='menuWrapper'><div class='menu'><h5 align="center">Editando Registro Cliente</h5></div></div></div>
  </div>
  <div id="footer">hola!</div> <!-- y este sería el pie de página -->
</div>

agradezco sus aportes

[Pablo Videla]

Primero, debes tener la referencia a jQuery.

Segundo
el # es para el id
el . es para el css

tu div es #derecho con name derecha.

debe ser #derecho

Código (javascript) [Seleccionar] Expandir


$('#derecho').load('edit.php');


Recuerda poner la referencia jquery para que te funcione.

Código (html4strict) [Seleccionar] Expandir

<script src="//code.jquery.com/jquery-1.11.0.min.js"></script>


[d91]

en horabuena ha funcionado, no me habia fijado del #derecho

[Pablo Videla]

en horabuena ha funcionado, no me habia fijado del #derecho

Perfecto. Saludos.