Créer une balise DIV qui ne se recharge pas sur plusieurs pages Web

J’essaie de créer un div en haut de ma page qui ne se recharge pas lorsque les utilisateurs naviguent sur mon site. La div contiendra un lecteur MP3 qui jouera en permanence sur le site. Comment pourrais-je procéder pour coder cela afin qu’il fonctionne de cette manière?

Le site principal est en cours d’exécution joomla, j’aimerais éviter d’utiliser Iframes car le site doit restr convivial pour les moteurs de recherche.

Utilisez un Iframe pour contenir le corps de votre site. Demandez à la mise en page principale de votre site de tenir la div du haut et d’avoir une div pour l’iframe. De cette façon, votre top div sera statique.

Utilisez ajax pour charger du contenu dans une div qui contiendra votre contenu non statique.

   
  // Your default content here

Modifier:

Ajax peut restr convivial avec SOE en utilisant des hashbangs (#!) Qui sont obsolètes, mais supportés par les anciens navigateurs et les principaux moteurs de recherche ou par des appels pushState standard, mais non supportés par les anciens navigateurs (IE8, etc.). Google a un bon article à ce sujet.

pour cela, vous avez 3 moyens:

1- La toute première solution utilise iframe qui, comme vous l’avez dit, n’est pas votre solution préférée.

2- créer un plugin pour votre navigateur, ce qui n’est pas un bon moyen car vos utilisateurs finaux seront obligés de l’installer, mais pour vous, le souci du référencement est le meilleur.

3- Modifiez la façon dont vous chargez vos pages et utilisez la fonction de chargement jQuery pour charger vos pages réelles. Pour ce faire, vous devez créer une nouvelle page html avec jQuery, créer votre élément div avec vos données en haut de votre page et Créez une autre div pour les pages de votre site à charger, mais de cette façon, votre problème serait de traiter avec joomla pour vous assurer que toutes les pages de joomla, tous les liens et scripts de ces pages peuvent être chargés en toute sécurité. essayez ceci à titre d’exemple:

 jQuery('#question-header').load('http://stackoverflow.com/', function(){ //Your callback to-dos })

cela chargera la page d’accueil stackoverflow tout au long de cette page dans la zone d’en-tête de question en haut de cette page.

à la fin, si j’étais vous, j’utiliserais certainement iframe en raison du moins de risques que je devrais prendre.