Récupérer les clicks dans une Iframe

**zooffy** · 28/03/2011, 17h00

Bonjour à tous

Mon niveau en javascript n'est pas trés bon et donc je sèche sur un truc, peut-être un peu complexe.

Je programme un site asp.net et je dois faire une page dans laquelle j'affiche un tableau de bord et un site distant.

Pour cela j'ai opté pour cette version de code :

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
16
17
18
19
20
21
22
23
 
<%@ Page Language="VB" AutoEventWireup="false" CodeFile="test.aspx.vb" Inherits="test" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title>Untitled Page</title>
    <script type="text/javascript">
        function mafonc() {
            alert('mafonc : ');
        }
    </script>
</head>
<body>
    <form id="form1" runat="server">
    <ajax:ScriptManager ID="sm" runat="server"></ajax:ScriptManager>
    <div>
    Compteur
    <iframe id="maframe" src="http://www.google.fr" onload="mafonc();"></iframe>
 
    </div>    
    </form>
</body>
</html>

L'idée est de récupére chaque click de l'utilisateur et de déclencher un traitement serveur pour alimenter un compteur dans le tableau de bord.
Mon souci actuel est que je ne sais pas comment déclencher un traitement serveur dans mafonc().

Ensuite, j'aimerais récupérer l'URL complète qui alimente la Iframe à chaque clic mais je ne sais pas si c'est possible.

Pourriez vous m'aider ?

**nadox** · 28/03/2011, 22h07

Bonsoir,

Pour effectuer un traitement côté serveur sur un clic, il faut utiliser une requête AJAX.
http://ajax.developpez.com/cours/

**zooffy** · 29/03/2011, 08h04

Merci pour ton aide.

Et pour l'URL de la Iframe, un tuto ?

**nadox** · 29/03/2011, 09h02

Je ne suis pas sûr d'avoir compris ce que tu veux faire avec l'iiframe, mais tu peux accéder à son url de deux façon.

Code javascript :

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

1
2
3
var url = window.frames[iframeName].location;
// ou
var url = document.getElementById(iframeId).src

**SpaceFrog** · 29/03/2011, 09h13

Vu que le site dans l'iframe est distant donc a priori pas sur le même domaine, pas sur que tu puisses récupérer les clicks dans l'iframe ...

**zooffy** · 29/03/2011, 09h19

Envoyé par SpaceFrog

Vu que le site dans l'iframe est distant donc a priori pas sur le même domaine, pas sur que tu puisses récupérer les clicks dans l'iframe ...

Mise à part la récupération de l'URL, à chaque click que je fais j'ai la msgbox qui apparait. ça me suffit pour récupérer le click.

**zooffy** · 29/03/2011, 09h18

Merci pour ton aide.

Visiblement, je ne suis pas doué en javascript parce qu'il me retourne une erreur.

Avec ce code là :

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
16
17
18
19
20
21
22
23
24
 
<%@ Page Language="VB" AutoEventWireup="false" CodeFile="test.aspx.vb" Inherits="test" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title>Untitled Page</title>
    <script type="text/javascript">
        function mafonc() {
            var url = document.getElementById(maframe).src
            alert('mafonc : ' + url);
        }
    </script>
</head>
<body>
    <form id="form1" runat="server">
    <ajax:ScriptManager ID="sm" runat="server"></ajax:ScriptManager>
    <div>
    Compteur
    <iframe id="maframe" src="http://www.google.fr" onload="mafonc();"></iframe>
 
    </div>    
    </form>
</body>
</html>

Il ne m'affiche pas la msgbox que j'attend et me dit : "objet requis".

Et je ne vois pas bien où je me suis planté.

**nadox** · 29/03/2011, 09h28

Code javascript :

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

1
2
3
var url = window.frames["iframeName"].location;
// ou
var url = document.getElementById("iframeId").src

Par contre je vois pas où tu as une message box, et où on clic pour l'afficher

!

**zooffy** · 29/03/2011, 09h46

Merci avec les guillemets ça marche.

Pour revenir sur l'URL je récupère la même chose à chaque page (pour l'exemple : www.google.fr.

J'aurais voulu l'URL complète, avec toute la queryString.
Y aurait pas un truc à préciser en plus pour avoir tout ?