Changer d'URL en cliquant sur une image qui ouvre simultanément deux autres lien

Résolu/Fermé
AlexPloz Messages postés 2 Date d'inscription lundi 24 mai 2021 Statut Membre Dernière intervention 25 mai 2021 - Modifié le 24 mai 2021 à 23:57
AlexPloz Messages postés 2 Date d'inscription lundi 24 mai 2021 Statut Membre Dernière intervention 25 mai 2021 - 25 mai 2021 à 16:22
Bonjour, je souhaite faire que lorsque quelqu'un clique sur une image de mon site la page change vers celle désirée mais en même temps ouvre deux autres onglets en fond.

Voilà le code hmtl que j'ai réussi à faire jusque là :


<img src="https://monimage.png" usemap="#image-map">

<map name="image-map">
<area target="_blank" alt="nomdel'image" title="titredel'image" href="pagedésirée"
onclick="window.open('2èmpagenondésirée')"
onclick="window.open('3èmpagenondésirée')"
coords="790,319,0,39" shape="rect">

</map>


Sauf que tout ce qu'il se passe, c'est que seulement la 2èmepagenondésirée est ouverte dans un autre onglet, merci pour toute aide.
Oui je sais que c'est pas très cool de se faire submerger par des onglets mais c'est ce que je cherche à faire.
A voir également:

2 réponses

Salut,
ça sert à rien deux fois le même attribut, l'un va recouvrir l'autre.

"je sais que c'est pas très cool de se faire submerger par des onglets "
C'est pour ça que c'est bloqué par la majorité des navigateurs de base.
Et pour les navigateurs mobiles ça sera encore pire. Ouvrir une autre fenêtre à un coût en RAM et est à la demande de l'utilisateur(ce qu'il refusera dans la plupart des cas)
Utilisez plutôt des fenêtres modales que des pop up/pop under...
Ceci dit la question concerne du JavaScript vous pouvez faire ça(qui ne fonctionnera pas pour les raisons que j'ai indiquées).

<elementHTML onclick="(window.open('2èmpagenondésirée');window.open('3èmpagenondésirée'); )" >...


Ou encore mieux:

<monelement id=monID>
...
</monelement>


<script>
document.getElementById('monelement').addEventListener('click',
function(){window.open('2èmpagenondésirée');
window.open('3èmpagenondésirée');
});
</script>

0
AlexPloz Messages postés 2 Date d'inscription lundi 24 mai 2021 Statut Membre Dernière intervention 25 mai 2021
25 mai 2021 à 16:22
En effet ça ne fonctionne pas, merci
0