Discussion :

[cristelle1986]

bonjour,
j'ai un petit soucis
menu.html

Code html :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
<div>
     <ul>  
           <li><a href="accueil.php">accueil</a></li>
           <li><a href="documents.php" onclick="window.open(this.href);return false;">documents</a>
                <ul>
                     <li><a href="offres.php">offres</a></li>
....

code javascript

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

onclick = "window.open(this.href)";return false;

alors lorsque dans ma page d'accueil je clic sur documents, j'ai bel et bien un nouvel onglet.
mais comment puis-je lui demander un message d'alerte (ConfirmMessage) en+, et en meme temps je l'ai essayé sans le window.open, ca fonctionne egalement mais de 1: si je clic sur OK il m'ouvre le nouvel onglet mais sur l'autre onglet il me l'ouvre aussi alors qu'il doit rester sur la page d'accueil.
merci pour votre aide

[gazza]

ca fonctionne egalement mais de 1: si je clic sur OK il m'ouvre le nouvel onglet mais sur l'autre onglet il me l'ouvre aussi

=> Tu as codé deux fois 'window.open()' : dans le html et dans le javascript :-)

Pour avoir un message de confirmation, dans le code javascript :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

onclick = "alert('message de confirmation...')";return false;

[Bovino]

Code html :

Sélectionner tout - Visualiser dans une fenêtre à part

<a href="documents.php" target="_blank">documents</a>

[cristelle1986]

merci,

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

target="_blank"

fonctionne très bien...
alors ce n'était pas

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

alert("...")

qie je voulais
donc j'ai mit

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

ConfirmMessage()

et résultat:
click sur mon lien =>message de confirmation si je veux l'ouvrir dans un nouvel onglet ou annuler si je ne veux pas.
si ok, alors il s'ouvre bien, si j'annule il l'ouvre quand meme
html

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

<li><a href="" target="_blank" onclick="ConfirmMessage()">documents</a></li>

js

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
function ConfirmMessage(){
if(confirm("...")){...}
}

je ne met rien dans l'accolade du if

comment faire pour que lorsque je clic sur le message de confirmation que lorsque j'annule, il m'ouvre la page sur le meme onglet et non dans un nouvel onglet.
mais si je click sur le ok du message de confirmation il doit me l'ouvrir dans un nouvel onglet...
je dois certainement mettre un else mais je ne sais pas avec quoi

[cristelle1986]

bon pour ne pas qu'il m'ouvre le lien quand je clic dur "annuler (a cause du ConfirmMessage() ), j'ai enlevé le target

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

<li><a href=" " onclick="ConfirmMessage()"></a></li>

js:

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
function ConfirmMessage(){
if(confirm("...")){
window.open(href="documents.php");
}
}

donc si je clic sur ok, ca m'ouvre dans un nouvel onglet(ok jusque la)
si je clic sur annuler il me le laisse dans l'onglet principal.

en cliquant sur OK, il m'ouvre mon nouvel onglet mais lorsque je retourne sur l'onglet principal je constate qu'il me l'a egalement ouvert, hors je ne veux pas ca je veux que lorsqu'il m'ouvre mon nouvel onglet, que l'onglet principal reste sur la page sur laquel j'etais

[-Rpass-]

Ton code javascript est éxecuté mais le comportement natif de balise <a> est également éxecutée d'où le fait que ta page principale change également. Il faut indiquer dans ta fonction javascript qu'il faut enlever le comportement par défaut

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
<a href=" " id="monlien"></a>
document.getElementById("monlien").addEventListener('click', function(event){
    event.preventDefault(); // cela permet d'enlever le comportement par défaut du lien, à savoir rediriger vers le lien href
    .... // puis tu éxecutes ton code
 
});