[Débutant] évènement on_click

**beegees** · 14/02/2006, 14h11

Bonjour le forum,

Je suis super débutant en javascript, je vais d'ailleurs m'acheter un livre pour apprendre ce language.

J'ai fait un site web ou il y'a une photo référencée comme ceci :

Code :

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

<img src="cloture.gif" width="80" height="23" />

J'aimerais juste que sur un clic de cette photo, la script ci-dessous s'enclenche (c'est un message box) :

Code :

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

1
2
3
4
5
6
7
8
9
10
11
<SCRIPT LANGUAGE="Javascript">
<!--
var x = confirm('Do you want to continue on to this page?');
if(x == true) {
alert('You clicked yes');
} else {
alert('You clicked cancel, goodbye');
document.location = "http://www.aol.com/";
}
//-->
</SCRIPT>

Je travaille en ASP3 avec Dreamweaver 8.

J'ai créé un tableau, l'image est dans la cellule du tableau, dans cette cellule se trouve un formulaire qui me permet de lancer la page "messagebox.asp", cette page contient le javascript.

Je présûme que je dois faire un onclick ou qqe chose dans le genre ?

voici le code html de ma cellule :

Code :

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

1
2
3
4
 
 <td width="13%" bgcolor="#FF0000"><form id="form1" name="MessageBox" method="post" action="messagebox.asp">
      <div align="center"><img src="cloture.gif" width="80" height="23" />        </div>
    </form>    </td>

Ceci sera la première étape car après, il faudra avoir un évènement par rapport au oui ou au non du msgbox.

Merci d'avance pour votre aide.

bgs

**pc75** · 14/02/2006, 14h15

Bonjour,

Tu peux faire comme ça :

Code :

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

1
2
 
<img src="cloture.gif" onclick="Continuer()" width="80" height="23" />

Et ta fonction :

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
 
<SCRIPT LANGUAGE="Javascript"> 
<!-- 
function Continuer()
{
var x = confirm('Do you want to continue on to this page?'); 
if(x == true) { 
alert('You clicked yes'); 
} else { 
alert('You clicked cancel, goodbye'); 
document.location = "http://www.aol.com/"; 
} 
} 
//--> 
</SCRIPT>

**Oluha** · 14/02/2006, 14h17

ouh la la

je crois que tu n'as pas bien saisi que le javascript s'execute coté client contrairement à l'ASP qui s'execute coté serveur

Colle ceci dans la balise <head> de ta page :

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
<SCRIPT LANGUAGE="Javascript" type="text/javascript">
<!--
function MsgBox() {
var x = confirm('Do you want to continue on to this page?');
if(x == true) {
alert('You clicked yes');
} else {
alert('You clicked cancel, goodbye');
document.location = "http://www.aol.com/";
}
}
//-->
</SCRIPT>

C'est la fonction qui va afficher l'alert en fonction du choix

Sur ton image :

Code :

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

<img src="cloture.gif" width="80" height="23" onClick="MsgBox()" />

sur le onClick de l'image tu appelles la fonction javascript. Pas besoin de formulaire.

EDIT: j'ai été trop lente

**beegees** · 14/02/2006, 14h21

Envoyé par pc75

Bonjour,

Tu peux faire comme ça :

Code :

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

1
2
 
<img src="cloture.gif" onclick="Continuer()" width="80" height="23" />

Et ta fonction :

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
 
<SCRIPT LANGUAGE="Javascript"> 
<!-- 
function Continuer()
{
var x = confirm('Do you want to continue on to this page?'); 
if(x == true) { 
alert('You clicked yes'); 
} else { 
alert('You clicked cancel, goodbye'); 
document.location = "http://www.aol.com/"; 
} 
} 
//--> 
</SCRIPT>

Bonjour PC75,

Merci pour ta réponse, c'est comme d'habitude impeccable !

Je me rend compte que Javascript / HTML et ASP sont complémentaies.

Merci encore pour ta compétence.

bgs

**beegees** · 14/02/2006, 14h23

Envoyé par Oluha

ouh la la

je crois que tu n'as pas bien saisi que le javascript s'execute coté client contrairement à l'ASP qui s'execute coté serveur

Colle ceci dans la balise <head> de ta page :

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
<SCRIPT LANGUAGE="Javascript" type="text/javascript">
<!--
function MsgBox() {
var x = confirm('Do you want to continue on to this page?');
if(x == true) {
alert('You clicked yes');
} else {
alert('You clicked cancel, goodbye');
document.location = "http://www.aol.com/";
}
}
//-->
</SCRIPT>

C'est la fonction qui va afficher l'alert en fonction du choix

Sur ton image :

Code :

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

<img src="cloture.gif" width="80" height="23" onClick="MsgBox()" />

sur le onClick de l'image tu appelles la fonction javascript. Pas besoin de formulaire.

EDIT: j'ai été trop lente

Bonjour Oluha,

Merci pour ta réponse.

Je vais la lire attentivement et appliquer ce que tu dis.

Ta réponse doit être complémentaire à celle de PC75, merci à tous les deux.

bgs

[Débutant] évènement on_click

JavaScript

Discussions similaires

Partager

Partager