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
 
});

[cristelle1986]

alors j'ai mit dans mon html
le id comme tu l'as marqué.
puis dans mon js:

Code :

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

1
2
3
4
5
6
7
8
9
10
 
document.getElementById("monlien").addEventListener('click', function (event) {
event.preventDefault();
 
function ConfirmMessage(){
if (confirm("...")){
    window.open(href="....");
      }
   }
});

et bien ma fonction ConfirmMessage() est grise dans mon html ainsi que dans js...
et elle ne fonctionne plus.

[-Rpass-]

effectivement comme cela ça ne peut marcher, il faut déclarer ta fonction avant et l'utiliser après

Code :

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

1
2
3
4
5
6
7
8
9
function ConfirmMessage(){
if (confirm("...")){
    window.open(href="....");
      }
   }
document.getElementById("monlien").addEventListener('click', function (event) {
event.preventDefault();
 confirmMessage();
});

[cristelle1986]

et bien j'ai bien maintenant mon message de confirmation...
mais toujours le même problème...
lorsque je revais sur l'onglet principal, l'onglet a ouvert la meme page que dans l'onglet...
je ne sais pas si ca peut jouer mais mon lien c'est :

Code :

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

1
2
 
doc.php?page=documents

[-Rpass-]

D'accord, essaie alors :

Code :

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

1
2
3
4
5
6
7
8
9
 
document.getElementById("monlien").addEventListener('click', function (event) {
 if(confirm("...")){
window.open(href="documents.php");
}
else {
  return false;
}
});

le preventDefault n'est peut être pas pris en compte en javascript je ne me souviens plus, le return false devrait indiquer au lien de ne pas s'éxecuter par défaut.
J'ai mis le code comme ça mais à toi de le mettre comme tu veux dans une fonction confirmMessage etc

[cristelle1986]

j'ai essayer la function ConfirmMessage, avant, dedans,après...fonctionne pas...
j'ai essayé plusieurs possibilités et ca ne change pas...

bon bin merci quand meme d'avoir prit le temps de resoudre mon soucis, mais si ça se met, cela n'est peut être pas possible...

encore merci

[Invité]

Bonjour,
je peux jouer ?

Code :

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

1
2
3
4
5
6
function ConfirmMessage(url){ 
	if(confirm("Cliquez sur le bouton \"OK\" pour ouvrir la page : "+url))
	{
		window.open(href=url);
	}
};

N.B. en passant l'URL en paramètre de la fonction, cela te permet d'utiliser plusieurs fois cette fonction avec différents liens.

Code html :

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

<a href="" onclick="ConfirmMessage('doc.php?page=documents');return false;">documents</a>

Ceci devrait fonctionner aussi :
c'est plus sémantique, et surtout le lien fonctionnera même si JavaScript est désactivé.

Code html :

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

<a href="doc.php?page=documents" onclick="ConfirmMessage(this.href);return false;">documents</a>

N.B. le return false; est important.

[cristelle1986]

vient jouer ...
alors ton second code je l'avais deja employé ^^...
seul soucis, comment mettre le ConfirmMessage en +?

quand tu parles de l'url je dois donc mettre mon lien?
je travail sous wamp (je precise)

[Invité]

Euhh... il suffit de copier-coller ce que j'ai écrit.
Script JS compris.

[Bovino]

Script JS compris.

Bof bof...

Code :

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

window.open(href=url);

Ce serait plutôt

Code :

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

window.open(url, '_blank');

Mais bon, le plus simple, ce serait AMHA

Code html :

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

<a href="doc.php?page=documents" target="_blank" onclick="return confirm('Voulez-vous ouvrir la page ' + this.href + ' ?');">Ouvrir la page</a>

[cristelle1986]

nikel pour le return confirm; c'est exactement ce que je voulais je vais pouvoir le mettre pour les liens dont j'en avais besoin

[cristelle1986]

j'ouvre à nouveau cette discussion, car oui cela m'affiche bel et bien ce que je voulais:

si je clic sur le lien de mon document il va l'ouvrir un message me demandant si je veux ouvrir ce lien dans un nouvelle onglet ou l'annuler.
bon si je clic sur ok, ça m'ouvre le nouvel onglet et l'onglet principal reste là ou j'étais.(c'est ce que je voulais)

Par contre maintenant si je clic sur annuler, il reste sur la page d'accueil alors que: je ne veux pas qu'il m'ouvre ce lien dans un nouvel onglet en cliquant sur "annuler" mais qu'il me l'ouvre dans l'onglet principal.

donc en clair: bouton "ok" du message de confirmation==>ouverture du lien dans un nouvel onglet (l'onglet principal reste sur la page ou j'étais)
bouton "annuler" du message de confirmation==>ouverture du lien dans l'onglet principal ( là si je clic sur "annuler" il ne me l'ouvre pas).

merci

[-Rpass-]

Bonjour,

Code :

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

1
2
3
4
5
6
7
8
 
function ConfirmMessage(url){ 
	if(confirm("Cliquez sur le bouton \"OK\" pour ouvrir la page : "+url))
	{
		window.open(url);
                return false;
	}
};

Code :

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

1
2
 
<a href="doc.php?page=documents" onclick="confirmMessage(this.href);">Ouvrir la page</a>