Page avec player et zone de contenu dynamique

**K3nJi** · 28/07/2012, 09h26

Bonjour,

Je suis entrain de développer un petit site, rien de bien méchant.
La seule chose particulière est la présence d'une barre type "player" en bas de page, qui me permet de diffuser de la musique.

Mon site dispose de 3 pages, ayant toutes ce même player en bas. Tout le contenu est statique, pas de Php, imports ou autres.

Maintenant ce que j'aimerai, c'est que quand je change de page, seule la partie "contenu" de la page soit rechargée (tout sauf le player), dans l'unique but de ne pas couper la musique en rechargeant le player lorsque l'on navigue entre les différentes pages.

Il y a-t-il un moyen simple de se débrouiller avec des iframes ? Sans s’embêter avec de l'ajax ou autres ?

Merci de vos réponses

**K3nJi** · 01/08/2012, 07h49

Bon pour l'instant j'ai mis en place une solution à l'aide d'iframes.
Si jamais ça intéresse du monde ça ressemble à ça :

J'ai donc ma page index.html qui contient :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
<body>
 
<!-- contenu -->
<iframe src="home.html" ...></iframe>
 
<!-- player -->
<div id="monPlayer">...</div>
 
</body>

Et donc mes différentes pages sont crées chacune dans leur fichier html, puis inclues dans l'iframe d'index.html qui prend tout le reste de la page. Quand on clique sur un lien, la nouvelle page est chargée dans l'iframe, et la page "globale" ne bouge pas.
Ça marche bien sur le principe, c'est quasi transparent pour l'utilisateur qui peut maintenant naviguer sans couper la lecture du son.

Défauts :
Le site n'a plus qu'une url (.../index.html), pas possible de mettre une autre page en favoris (par contre la navigation semble continuer à fonctionner, je ne sais pas pourquoi..?). Aussi, il est possible d'afficher une page qui existe, alors qu'elle ne devrait être affichée que via l'iframe, si bien sûr on en connaît l'url (.../home.html).

Les autres solutions trouvées pour ce problème sont :

soit l'utilisation d'AJAX, mais ça implique un peu de dev javascript, et ça ne règle en rien le problème d'historique/navigation

soit un lien qui ouvre le player dans une popup externe, et là on est tranquille, mais moi ça me convenait pas trop

Page avec player et zone de contenu dynamique

HTML

Discussions similaires

Partager

Partager