Redirection automatique lors d’un clic

Version imprimable

19/11/2012, 07h52
sara21

Redirection automatique lors d’un clic
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:

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.
19/11/2012, 15h33
gototog

ca me fait penser a du iFrame, as tu creusé de ce coté la?
19/11/2012, 17h58
sara21

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

Salut,

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

Code:

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>

19/11/2012, 18h52
sara21

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

Code:

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

Ne doivent pas être changer par

Code:

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

En tout cas mille merci;)

Essaie ceci...

Code:

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>").

Merci Eric2a j’apprécie ton aide.

En faite la fonction doit être utilisée sans toucher au code HTML.

J’ai pu trouver la solution suivante :
Code:

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 <!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> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>LInk</title> <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script> <script type="text/javascript" > $(document).ready(function(){ $("a").click(function(){ $(this).attr("href", "http://www.mon-domaine.com/url/" + $(this).attr("href")); }); }); </script> </head> <body> <a href="http://www.google.com">google</a> <br/> <a href="http://www.yahoo.com">yahoo</a> <br/> <a href="/">Accueil</a> | <a href="/faq.html">FAQ</a> | <a href="test.html">Test</a> </body> </html>
Cette solution marche très bien cependant y a-t-il une amélioration de cette fonction pour quelle ne soit pas exécuter sur les liens locaux (Accueil, FAQ, Test). Aussi définir les domaines à exclure (Yahoo par exemple)

Code:

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

Résultat : http://www.mon-domaine.com/url/http://www.google.com

Code:

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

Résultat : http://www.yahoo.com

Code:

<a href="/">Accueil</a>

Résultat : http://www.domaine-du-site.com

Code:

<a href="/faq.html">FAQ</a>

Résultat : http://www.domaine-du-site.com/faq.html

Code:

<a href="test.html">Test</a>

Résultat : http://www.domaine-du-site.com/test.html

Merci pour toute amélioration possible.

20/11/2012, 11h53
lulafitt

Rajoute juste un petit IF pour tester si le lien commence par
"http://" mais a ce compte fais attention de ne pas le mettre
en début de tes liens locaux ...
20/11/2012, 17h56
sara21
La fonction doit être placée sur n’importe quel page/domaine/Administrateur sans toucher au code HTML.

Donc il se peut que des admins mettent des http:// devant leurs liens locaux.

Je ne suis pas fort niveau syntaxe donc je me suis tournée vers vous pour m’aider à ce sujet.

Ma fonction initiale est :
Code:

1 2 3 4 5 6 7 <script type="text/javascript" > $(document).ready(function(){ $("a").click(function(){ $(this).attr("href", "http://www.mon-domaine.com/url/" + $(this).attr("href")); }); }); </script>
La fonction doit rediriger tous les liens de la page en cours vers le lien http://www.mon-domaine.com/url/+lien à l’exception des liens déclarés dans une liste (liens à exclure) aussi exclure tous les liens appartenant au domaine en cours.

Merci d’avance pour toute bonne suggestion.

Code:

1 2 3 4 5 6 7 8 9 10 11 <script type="text/javascript" > $(document).ready(function(){ $("a").click(function(){ var url = $(this).attr("href") if ( (url.indexOf("http://") == 0) && (url.indexOf("mon-domaine") < 0) ) $(this).attr("href", "http://www.mon-domaine.com/url/" + url); }); }); </script>
Ensuite tu peux ajouter sur le même principe que la deuxième condition et une boucle for pour tester une liste d'exclusion, ou utiliser jQuery.inArray, ou même utiliser les expressions régulières.