Précédent   Forum des professionnels en informatique > Webmasters - Développement Web > JavaScript
JavaScript Forum programmation JavaScript. Lire : Cours JavaScript, FAQ JavaScript, Toutes les FAQ JavaScript et Sources JavaScript
Partagez cette discussion sur d'autres réseaux sociaux : Viadeo Twitter Google Facebook Digg Delicious MySpace Yahoo
Réponse Proposer ce sujet en actualité
 
Outils de la discussion
Publicité
'
Vieux 29/06/2011, 23h43   #1
Invité régulier
 
Sébastien
Inscription : novembre 2010
Messages : 14
Détails du profil
Informations personnelles :
Nom : Sébastien

Informations forums :
Inscription : novembre 2010
Messages : 14
Points : 7
Points : 7
Par défaut Possibilité de créer un lien qui cible une page web déjà ouverte du navigateur

Bonjour,

Savez vous s’il y a une possibilité de créer un lien qui cible une page web déjà ouverte du navigateur.

Je ne parle pas de target_blank qui ouvre une nouvelle fenêtre.

Quel intérêt vous allez me dire ? Et bien, j'ai réalisé un player mp3 pour un site dédié à la musique.

Pour avoir une lecture en continue, il fallait soit faire le site en ajax, ou en frame (pas terrible) ou ouvrir le player dans un pop up. Pour l'instant, c'est la dernière solution qui est utilisée (pop up). Le player affiche des liens en fonction de la musique qui est lue. Et j'aimerais que ces liens puissent cibler la page du site principal.

Pour résumer, le site permet d'ouvrir un pop up qui contient le player. J'aimerais que les liens contenus dans le player puissent cibler la page du site principal et ne pas ouvrir de nouvelles fenêtres.

A priori, je ne pense pas que ce soit possible en html. En javascript peut-être ? Merci pour votre aide et vos réponses.
Vinyl est déconnecté   Envoyer un message privé Réponse avec citation 00
Vieux 29/06/2011, 23h57   #2
Modérateur
 
Avatar de Bisûnûrs
 
Josselin
Développeur Web
Inscription : janvier 2004
Messages : 9 050
Détails du profil
Informations personnelles :
Nom : Josselin
Âge : 29
Localisation : France, Rhône (Rhône Alpes)

Informations professionnelles :
Activité : Développeur Web

Informations forums :
Inscription : janvier 2004
Messages : 9 050
Points : 12 181
Points : 12 181
Tu peux avec l'objet "opener" :

Code :
opener.location.href = 'ton-lien.html';
Bisûnûrs est déconnecté   Envoyer un message privé Réponse avec citation 20
Vieux 30/06/2011, 00h01   #3
Rédacteur/Modérateur
 
Avatar de 12monkeys
 
Homme Dr. Peters
Webmaster
Inscription : novembre 2006
Messages : 3 618
Détails du profil
Informations personnelles :
Nom : Homme Dr. Peters
Âge : 35
Localisation : France, Bas Rhin (Alsace)

Informations professionnelles :
Activité : Webmaster
Secteur : Service public

Informations forums :
Inscription : novembre 2006
Messages : 3 618
Points : 6 238
Points : 6 238
Bonsoir

Une réponse dans la FAQ JavaScript : http://javascript.developpez.com/faq...tre#MAJFenMere, en effet ce n'est pas possible en HTML

Edit : grillé
__________________
Vous débutez dans la creation de sites web : les bases du html et débuter avec les CSS
Pas de MP pour des questions techniques ! Mode d'emploi du forum ; Règles ; Pensez à la balise code ; Pas de SMS !
Votez pour les messages qui vous ont aidés...
12monkeys est déconnecté   Envoyer un message privé Réponse avec citation 20
Vieux 30/06/2011, 10h26   #4
Invité régulier
 
Sébastien
Inscription : novembre 2010
Messages : 14
Détails du profil
Informations personnelles :
Nom : Sébastien

Informations forums :
Inscription : novembre 2010
Messages : 14
Points : 7
Points : 7
Merci Bisûnûrs & 12monkeys.

C'est parfait.

Je vais tester ça tout de suite.

J'avais bien cherché sur google mais mes recherches portaient sur "ciblage, lien, etc" et ça ne donnait rien.

Là avec le nom de l'objet + un tuto, c'est excellent.
Vinyl est déconnecté   Envoyer un message privé Réponse avec citation 00
Vieux 03/07/2011, 21h00   #5
Expert Confirmé
 
Avatar de sekaijin
 
Femme
Urbaniste
Inscription : juillet 2004
Messages : 1 421
Détails du profil
Informations personnelles :
Sexe : Femme
Âge : 48
Localisation : France, Yvelines (Île de France)

Informations professionnelles :
Activité : Urbaniste
Secteur : Santé

Informations forums :
Inscription : juillet 2004
Messages : 1 421
Points : 2 809
Points : 2 809
Code html :
<a href="monLien.html" target="maFenetre">click</a>
ça ouvre une fenêtre (ou un onglet suivant les réglage de l'utilisateur) cette fenêtre est identifié par le navigateur comme étant "maFenetre"

à quelque moment que ce soit même si on a changé 1à fois de pages un click sur un lien avec le target="maFenêtre" ouvrira le lien dans cette fenêtre.

donc pas besoin de javascript
A+JYT
sekaijin est déconnecté   Envoyer un message privé Réponse avec citation 10
Vieux 04/07/2011, 18h08   #6
Invité régulier
 
Sébastien
Inscription : novembre 2010
Messages : 14
Détails du profil
Informations personnelles :
Nom : Sébastien

Informations forums :
Inscription : novembre 2010
Messages : 14
Points : 7
Points : 7
J'ai testé la solution avec JavaScript et ça fonctionne très bien.

J'ai testé la solution donnée par sekaijin et ça fonctionne très bien aussi.

Code :
<a href="monLien.html" target="maFenetre">click</a>
J'ai remarqué que :

1 - Avec JavaScript avec l'objet "opener", une fois la page mère ciblée / rechargée, le bouton "back" du navigateur n'est plus actif dans la fenêtre mère. On a plus la possibilité de revenir en arrière dans l'historique de navigation.

2 - Avec la solution donnée par sekaijin (target="maFenetre"), on a encore accès au bouton "back" du navigateur

Mais pour cette solution qui me parait la plus simple il reste cependant un problème dans mon cas. En effet, il faut d'abord ouvrir une première fois la fenêtre mère avec target="maFenetre" pour qu'elle puissent être ciblée depuis mon popup.

Avec JavaScript, la fenêtre mère est identifié depuis le popup.

Pour qu'elle puisse être identifiée depuis le popup avec target="maFenetre", il faut qu'au préalable la fenêtre mère ait déjà été ouverte avec target="maFenetre" depuis un lien.

Est ce que vous me comprenez ? Je devrais peut-être faire un exemple.

Merci en tout cas pour vos réponses.
Vinyl est déconnecté   Envoyer un message privé Réponse avec citation 00
Vieux 05/07/2011, 09h05   #7
Expert Confirmé
 
Avatar de sekaijin
 
Femme
Urbaniste
Inscription : juillet 2004
Messages : 1 421
Détails du profil
Informations personnelles :
Sexe : Femme
Âge : 48
Localisation : France, Yvelines (Île de France)

Informations professionnelles :
Activité : Urbaniste
Secteur : Santé

Informations forums :
Inscription : juillet 2004
Messages : 1 421
Points : 2 809
Points : 2 809
ben en combinant les deux
Code javascript :
var aWin=window.open('monLien.html', 'maFenetre');
plus loin dans le code on peut utiliser aWin
Code :
aWin.location.href='http://localhost/'
ou encore dans le html
Code html :
<a href="monLien.html" target="maFenetre">click</a>
on garde l'historique de navigation indépendamment des fenêtres
Code :
1
2
3
4
//historique de la fenêtre principale
window.history.back();
//historique du popup
aWin.history.length
A+JYT
sekaijin est déconnecté   Envoyer un message privé Réponse avec citation 10
Vieux 12/07/2011, 16h38   #8
Invité régulier
 
Sébastien
Inscription : novembre 2010
Messages : 14
Détails du profil
Informations personnelles :
Nom : Sébastien

Informations forums :
Inscription : novembre 2010
Messages : 14
Points : 7
Points : 7
Merci sekaijin pour ta solution qui fonctionne très bien.

Mais je rencontre de nouveau un obstacle.

Dans mon popup, j'ai plusieurs liens (exemple : lien1, lien2, etc.)

La page mère qui ouvre le popup s'appelle test.html

Code javaScript dans test.html :

Code :
1
2
3
4
5
6
7
8
<SCRIPT LANGUAGE="JavaScript">
 
//historique de la fenêtre principale
window.history.back();
//historique du popup
aWin.history.length
 
</SCRIPT>
Avec ta solution, je peux recharger la page mère depuis le lien1, la page mère se recharge avec une autre page (test2.html) :

code du lien1 :

Code :
<p><a href="test2.html" target="maFenetre">click</a></p>
code JavaScript dans le pop up :

Code :
1
2
3
4
<SCRIPT LANGUAGE="JavaScript">
// test 
var aWin=window.open('test.html', 'maFenetre');
 </SCRIPT>
Une fois la page mère rechargé avec test.html, le lien2 dans le pop ne fonctionne pas

code du lien2 :

Code :
<p><a href="test.html" target="maFenetre">click</a></p>
Est ce que vous avez une idée pour contourner ce problème ? Merci.
Vinyl est déconnecté   Envoyer un message privé Réponse avec citation 00
Réponse Proposer ce sujet en actualité
Outils de la discussion



Fuseau horaire GMT +2. Il est actuellement 03h36.


 
 
 
 
Partenaires

Hébergement Web