Div superior fijo con reproductor que actualice por separado

[berto82]

Quiero poner un div en la parte superior de la página que actúe como iframe. La idea es poner un reproductor y cuando se haga clic para escuchar una canción se cargue en el reproductor sin cargar toda la página entera, solo el div donde se encuentra el reproductor. Tal como está hecho ahora en Soundcloud.

Alguna sugerencia? javascript? ajax? jquery? o se puede hacer solo con php?

[Triby]

Supongo que bastaría sólo con Javascript, pero, si revisas el código fuente de Soundcloud seguramente verás cómo lo hacen ellos y puedes adaptarlo a tu sitio.

[berto82]

Ya lo conseguí..

<script language="javascript" src="javascript/jquery-1.2.6.min.js"></script>
<script language="javascript">
function recargar(variableid){
var variable_post=variableid;
$.post("player.php", { variable: variable_post }, function(data){
$("#recargado").html(data);
});
}
</script>

<a href="#" onclick="javascript:recargar(<? echo $aquilavariable; ?>);" class="estilolink" /></a>

en el archivo player.php

$variable = $_POST['variable'];

y el archivo jquery-1.2.6.min.js lo he descargado de la página oficial.

Ahora ya actualiza solo desde el div con la etiqueta "recargado". Pero me gustaría que al cambiar de página el div se mantenga como un iframe. ¿que debo hacer ahora?

[Triby]

Al cambiar de página se actualiza todo, a menos que uses AJAX para mantener menús y reproductor, actualizando sólo la sección de contenido.

[berto82]

Sabes de algún ejemplo por la red?