11550 sujets

JavaScript, DOM et API Web HTML5

Bonsoir tout le monde !
Excusez-moi si la réponse à été donné sur un autre sujet mais malgré mes recherches, je n'ai rien trouvé. À vrai dire, je ne sais pas comment chercher car je retombe toujour sur des solution type AJAX, sauf que j'ai pas l'impression que cela convienne à mon problème.

Je fais un petit site photo avec ZenPhoto.
Je rencontre un petit problème : ajouter un fond musical permanent.

J'ai pensé que je pouvais utilisé Jplayer (lecteur audio/vidéo en Jquery), c'est souple et discret, je ne laisse que le bouton Lecture/Pause. Mais évidemment, dès que je recharge ma page bam ! Ça recharge aussi le morceau (unique et qui doit tourner en boucle).

Donc, je voudrais créer sur mes pages, une zone qui se charge une seule et unique fois, puis qui n'est jamais recharger, ou plutôt qui reste tel quel.

Par exemple sur le site de Jiwa, y a une barre en bas qui est le lecteur et qui n'est pas recharger ... c'est un peu l'idée de ce dont j'aurai besoin.

Si quelqu'un à une solution pour faire cela de manière assez simple, je suis preneur !
Merci d'avance.
Modifié par VV666 (22 Jan 2012 - 16:54)
Ce que tu cherches à faire va nécessiter qu'une partie de ton code ne soit pas modifiée, et ce malgré la navigation. Tu as fait une bonne analyse.

Pour cela plusieurs possibilités :

• l'utilisation de cadres (iframe ou frameset) ; avec tout les inconvénients que cela impose ;
• l'ouverture d'une nouvelle fenêtre (popup ou popunder) et la confusion que ça peut apporter ;
• l'intégralité de ton contenu rechargé dynamiquement (en AJAX donc) et les difficultés techniques que cela soulève.

Outre ça, je ne suis pas sûr qu'il soit super pertinent de vouloir imposer un fond sonore sur le Web ; en général ça ne t'agace pas quand tu tombes sur des sites qui font cela ?
Modifié par Vincent Valentin (22 Jan 2012 - 12:08)
Merci pour la réponse.
Et bien si, cela m'agace au plus au point. Mais je rends services et c'est ce que l'on m'a demandé. Alors j'essaie de trouver une solution.

Pas de Iframe, il me semble que c'est dépassé comme techno.
AJAX : je n'ai ni les compétence technique pour, ni le temps.

Popin : différent des popup, n'est-ce pas ? J'ai trouvé du code Jquery pour mettre en place des popin. Je pense que je vais suivre cette piste, mais je ne sais pas comment m'y prendre pour intégrer cela à Zenphoto. As-tu une idée ?
(http://www.babylon-design.com/share/popin/)
Pardon, faute de frappe : popup bien sûr (une popin reviendrait à réaliser la solution en AJAX).

Pour rappel :

popup : nouvelle fenêtre dimensionnée ;
popunder : popup placée sous la fenêtre initiale ;
popin : fausse popup, réalisée sans nouvelle fenêtre.

Quid de convaincre ta connaissance qu'il s'agit là d'une mauvaise idée en faisant valoir ton expertise ?
(cf http://www.cybercodeur.net/weblog/articles/art_20040606.php Smiley cligne )
Merci pour les explications.
Et bien je crois que je laisse tomber. Pas question que je me lance dans de l'AJAX, c'est bien trop lourd pour pas grand chose. Et le reste ne me parait pas viable.

Donc solution N°4 : je vais le convaincre de laisser tombé son idée de fond musical.

Au passage, merci pour l'article, c'est intéressant et souvent, j'essaie d'agir de la sorte. Mais ce n'est pas toujours évident, il y a de nombreuse personne qui même face à un "expert" ne veulent pas entendre raisons.

Dans mon cas, tout ses collègues photographes ont un site 100% flash avec plein d'animations, de fondu et de la musique. Personnellement, je trouve ça lourd et irritant ... mais c'est ce qui se fait dans la profession. Du coup, il veut la même chose :s