Sujet Précédent Sujet Suivant

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

Signaler
Messages postés
2
Date d'inscription
lundi 24 mai 2021
Statut
Membre
Dernière intervention
25 mai 2021
 -
Messages postés
2
Date d'inscription
lundi 24 mai 2021
Statut
Membre
Dernière intervention
25 mai 2021
 -
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.

2 réponses

Réponse 1 / 2

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>
Réponse 2 / 2
Messages postés
2
Date d'inscription
lundi 24 mai 2021
Statut
Membre
Dernière intervention
25 mai 2021
En effet ça ne fonctionne pas, merci
Répondre Posez votre question