Aller au contenu

Nouvelle fenêtre Popup


Messages recommandés

Bonjour à toutes et à tous.

Avant de vous exposer mon soucis, je tenais déjà à vous remercier pour l'aider que vous allez m'accorder.

J'ai pas mal cherché sur Internet pour trouver solutions à mes questions mais bon, je n'ai pas trouvé ce que je cherchais.

Je suis totalement novice dans ce domaine et donc, j'essaye d'apprendre petit à petit.

Ne sachant pas trop où exposer ce soucis (HTML ou JAVA), j'ai opté pour le JAVA vu que c'est un code de ce type.

Voici mon soucis :

J'ai créé un site, qui est actuellement en finalisation avant d'être diffusé.

J'ai voulu insérer un player musical et j'ai réussi à trouver une solution pour pouvoir écouter la musique tout en naviguant sur le site, un popup.

Tout fonctionne parfaitement, le player se lance dans une petit fenêtre et diffuse la musique.

Le soucis que je rencontre c'est que j'ai un autre lien sur le site qui lui, lance aussi un popup afin de visualiser un diaporama de photo. Mais lorsque la fenêtre popup est lancé, ce diaporama se lance dans cette fenêtre popup (player) et donc, n'a pas sa taille et coupe la musique.

Ce que j'aimerai, c'est lorsque je clic sur ces liens là, qu'ils me lancent à chaque fois une nouvelle fenêtre popup afin de ne pas remplacer celle déjà existante.

Voici le code afin que vous sachiez ce que j'ai déjà mit :

Le player :

<a href="popup_player.html" target="wclose" onclick="window.open('popup_player.html', 'wclose', 'width=250, height=250, toolbar=no, status=no, left=20, top=30')"><img src="music/logo.jpg" width="130" height="136" alt="logo_player" ></a>

Le diaporama :

<a href="images/phoenix/divers/divers.html" target="wclose" onclick="window.open('images/phoenix/divers/divers.html','wclose', 'width=800, height=600, toolbar=no, status=no, left=20, top=30')"><img src="images/phoenix/divers/little/003.jpg" width="160" height="130" alt="Divers" ></a>

C'est le même code vu que les 2 correspondent vraiment à ce que je cherchais.

J'ai testé plusieurs balises trouvées sur Internet comme '_blank' mais cela ne correspondait pas à mes attentes. J'ai essayé d'enlever 'wclose' ou le mettre autre part, etc... mais rien à faire.

Je tiens à rappeler que je débute totalement en HTML et JAVA donc, je ne connais pas la signification de chaque code, j'apprends au fur et à mesure.

Merci d'avance pour votre aider.

Cédric

Lien vers le commentaire
Partager sur d’autres sites

<a href="popup_player.html"
        onclick="window.open(this, 'wclose' + Math.random(), 'width=250, height=250, toolbar=no, status=no, left=20, top=30'); return false;">
    <img src="music/logo.jpg" width="130" height="136" alt="logo_player" ></a>

Essaye comme ça.

PS : ce n'est pas du Java, mais du Javascript, deux langages qui n'ont rien en commun. Après si tu veux déclencher des polémiques sans fin où certains développeurs Java s'enflamment car ils se sentent offensés d'être assimilés à des développeurs Javascript (qu'ils considère comme un sous langage car ils n'ont aucune ouverture d'esprit et ne comprennent pas la programmation dynamique fonctionnelle) tu utilise la bonne méthode. :transpi:

Lien vers le commentaire
Partager sur d’autres sites

Merci infiniment pour cette réponse.

Je viens de l'essayer et elle fonctionne parfaitement. Merci beaucoup.

Désolé pour la confusion entre JAVA et JAVASCRIPT, je pensais que c'était la même chose, désolé encore.

Est-ce trop demandé de m'expliquer les balises rajoutées sur le code que j'ai mit ? J'aimerai bien savoir ce qui n'allait pas.

Merci encore.

Lien vers le commentaire
Partager sur d’autres sites

J'ai modifié trois choses :

- le premier argument de la méthode window.open -> j'ai mis "this" comme cela tu récupère la valeur dans le href et tu n'as pas besoin d'indiquer ton nom de fichier à deux endroits différents (il faut toujours éviter de dupliquer des informations).

- le deuxième argument -> c'est l'identifiant unique de la fenêtre qui va être ouverte, si tu utilise deux fois le même identifiant, alors tu réutilisera la fenêtre précédente. En rajoutant un Math.random (qui te donne un nombre pseudo-aléatoire) tu es à peu près sûr d'avoir à chaque fois un nom différent

- return false -> pour inhiber le comportement par défaut du navigateur (ç-à-d : je clique sur un lien, je change de page)

Bon courage pour la suite.  :mdr:

Lien vers le commentaire
Partager sur d’autres sites

Archivé

Ce sujet est désormais archivé et ne peut plus recevoir de nouvelles réponses.

×
×
  • Créer...