Bonjour à toutes et à tous.


Le webmaster très amateur que je suis à besoin de vos lumières pour m'aider à réaliser un truc simple surement mais que moi j'ai du mal à réaliser correctement.

Je cherche à faire en sorte d'avoir un lien type
a écrit :
<a href="http://www.site.extension">lien</a>
mais qui envoie sur deux pages. Par exemple : le lien envoie sur http://www.google.com et en meme temps sur http://www.youtube.com

Alors j'ai fais des recherches et je suis tombé sur ça...


a écrit :
<a href="#"

onclick="window.open('http://www.google.com');window.open('http://www.youtube.com');window.op

en('http://www.youporn.com');">vazidon</a>

a écrit :
<script>
function chapichapo()
{
w1 = window.open("http://youtube.com" );
w2 = window.open("http://google.com" );
w3 = window.open("http://youporn.com" );
}
</script>
<body>
<a href="http:// ma page" onclick="chapichapo();">telecharger</a>

a écrit :
<a href="http://google.com" target="frame2"

onclick="parent['frame2'].document.location.href=this.href;

parent['frame3'].document.location.href='http://www.youtube.com'; return false;">Lien</a>



Mais aucun des trois ne fonctionne... Pouvez-vous m'aider ? Et est ce que cette méthode peut s'appliquer en plus sur une image ?

Je vous remercie d'avance de vos réponses.
Bonjour Psyko,
attention à ce ce que tu veux faire car tu t'attaques aux stéréotypes de comportement des visiteurs du web ! qui s'étonneront immanquablement d'une chose étrange ... comparable à l'imposition d'un piège. Tu n'as pas connu dans les années 2005-2010 les popup qui pourrissaient alors le web.

Présumons que cela est toutefois justifié de ta part ; donc en théorie : ok, à cette condition élémentaire que tu en instruises clairement tes visiteurs.

Ta question semble pouvoir trouver une réponse possible par js : un onclick et un target _blank 2x (intercalé d'un setTimeout sinon ce sera cassé).

Bon j'essaierais ceci pour une piste à suivre qui "en théorie" est correct mais qui provoquera (normalement) une prise de position restrictive (et d'alerte) d'un bon navigateur :

html :
<!doctype html>

<html lang="fr">

<head>

<meta charset="utf-8" />

<title>Test 1</title>

<style>
.lien{cursor:pointer}
</style>

</head>

<body>

<a class="lien" onclick="OpenTwice('page1.html','page2.html');">Deux nouvelles pages vont s'ouvrir mais la seconde sera considérée comme un "popup" et sera a priori bloquée !</a>

<script>
function OpenTwice(url1,url2)
{
window.open(url1,'_blank');
setTimeout(function(){window.open(url2,'_blank')},16);
}
</script>

</body>

</html>
Maintenant voici une solution dite "parfaite et efficace" qui contourne le blocage et l'alerte du navigateur. Mais elle devient "ubuesque" parce deux onglets vont s'ouvrir à la suite, mais évidemment où l'un va recouvrir l'autre ! Cela signifie que tu demandes au visiteur d'avoir également des "yeux dans le dos" ... par le jeu du _blank puis du _self :
<!doctype html>

<html lang="fr">

<head>

<meta charset="utf-8" />

<title>Test 2</title>

<style>
.lien{cursor:pointer}
</style>

</head>

<body>

<a class="lien" onclick="OpenTwice('page1.html','page2.html');">Deux nouvelles pages vont s'ouvrir mais la première à s'ouvrir va recouvrir (par son onglet) immanquablement la seconde qui était en fait la première : "Huuuuu !"</a>

<script>
function OpenTwice(url1,url2)
{
window.open(url1,'_blank');
setTimeout(function(){window.open(url2,'_self')},16);
}
</script>

</body>

</html>
A toi de considérer si tout ceci est idiot ou intelligent.

Cependant, et selon un usage intelligent et respectueux du visiteur, lors d'un clic pour une nouvelle page, tu pourrais y faire apparaître (par setTimeout) un div en position:fixed et z-index:+1 au centre de la nouvelle page (et par smooth de transition css3) qui propose une info importante mais que l'on cliquerait aussitôt pour le supprimer ... Mais là tu devras d'abord maîtriser html css3 et les rudiments du js.

Il y a encore la solution de 2 iframe dans 2 div distincts dans une nouvelle page (où à priori tu ne pourras pas "corriger" leur contenu sauf à en avoir les droits d'admin !) ... mais parce tu n'a pas dit ce à quoi cela pourrait servir je n'en dirai rien d'autre.
Modifié par pictural (16 Aug 2015 - 17:04)
Pour résumer la réponse de pictorial: c'est faisable, il te dit comment, mais il te recommande de ne pas le faire pour des tas de raisons que j'approuve!