Redirection automatique lors d’un clic

**sara21** · 19/11/2012, 07h52

Bonjour,

Je réalise actuellement un script en php et je suis bloquée sur une fonction que je pense quelle devra être utilisée avec AJAX. Pour être honnête je suis nouvelle dans le développement avec AJAX et malgré quelques recherches sur google je n’ai pas trouvé un exemple similaire à mon cas.

Je vous explique et j’espère que je trouverais quelqu’un qui pourra m’aider.

Voici par exemple mon code :

Code :

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

1
2
<a href="http://www.google.com">google</a>, <a href="http://www.yahoo.com">yahoo</a>, 
<a href="http://www.msn.com">msn</a>

J’aimerais que lors d’un clic sur un lien (google par exemple) ouvrir la page http://www.mondomaine.com/url/http://www.google.com au lieu de http://www.google.com

C’est un système similaire à celui utilisé par linkbucks mais après la consultation du code http://www.linkbucks.com/Webservices/jsParseLinks.aspx je n’ai toujours pas trouvé une solution.

Merci d’avance pour votre aide.

**gototog** · 19/11/2012, 15h33

ca me fait penser a du iFrame, as tu creusé de ce coté la?

**sara21** · 19/11/2012, 17h58

Merci gototog pour ta réponse mais je ne vois pas comment cela peut être réaliser à l’aide d’une iFrame.

**Eric2a** · 19/11/2012, 18h32

Salut,

Pas besoin d'AJAX. La fonction ci-dessous modifie l'URL du lien cliqué...

Code xhtml :

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
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" >
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
		<title>Test</title>
		<script type="text/javascript">
                        function redirect(a){
                                a.href='http://www.mondomaine.com/url/'+a.href;
                                return true;
                        }
                </script>
	</head>
	<body>
		<ul>
			<li><a href="http://www.google.com/" onclick="redirect(this);">Google</a></li>
			<li><a href="http://www.yahoo.com/" onclick="redirect(this);">Yahoo</a></li>
			<li><a href="http://www.msn.com/" onclick="redirect(this);">MSN</a></li>
		</ul>
	</body>
</html>

**sara21** · 19/11/2012, 18h52

Merci Eric2a pour ton aide mais cette solution n’est pas parfaite pour mon problème vu le code des liens

Code :

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

<a href="http://www.google.com/">Google</a>

Ne doivent pas être changer par

Code :

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

<a href="http://www.google.com/" onclick="redirect(this);">Google</a>

En tout cas mille merci

**Eric2a** · 19/11/2012, 20h55

Essaie ceci...

Code xhtml :

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
25
26
27
28
29
30
31
32
33
34
35
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" >
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
		<title>Test</title>
		<script type="text/javascript">
                        var addLoadListener=function(){
                                if(window.addEventListener)return function(func){window.addEventListener('load',func,false);}
                                else if(document.addEventListener)return function(func){document.addEventListener('load',func,false);}
                                else if(window.attachEvent)return function(func){window.attachEvent('onload',func);}
                                return function(func){if(typeof window.onload!='function')window.onload=func;else{var oldonload=window.onload;window.onload=function(){oldonload();func();};}}
                        }();
                        addLoadListener(
                                function(){
                                        var i,lnk,elt=document.getElementById('liens_a_rediriger');
                                        lnk=elt && elt.getElementsByTagName('a');
                                        if(!lnk)return;
 
                                        for(i=0;i<lnk.length;i++){
                                                lnk[i].onclick=function(){
                                                        return window.open('http://www.mondomaine.com/url/'+this.href),false;
                                                };
                                        }
                                }
                        );
                </script>
	</head>
	<body>
		<ul id="liens_a_rediriger">
			<li><a href="http://www.google.com/">Google</a></li>
			<li><a href="http://www.yahoo.com/">Yahoo</a></li>
			<li><a href="http://www.msn.com/">MSN</a></li>
		</ul>
	</body>
</html>

Une fois le document chargé, le script cherchera les liens afin de leur attacher l'événement "onclick".

La recherche s'effectue dans l'élement HTML (ici <ul id="liens_a_rediriger"> ... </ul>").

Redirection automatique lors d’un clic

JavaScript

Vue hybride

Discussions similaires

Partager

Partager