IdentifiantMot de passe
Loading...
Mot de passe oublié ?Je m'inscris ! (gratuit)
Navigation

Inscrivez-vous gratuitement
pour pouvoir participer, suivre les réponses en temps réel, voter pour les messages, poser vos propres questions et recevoir la newsletter

JavaScript Discussion :

appliquer une fonction à toutes les balises <a>


Sujet :

JavaScript

  1. #1
    Membre expert
    Avatar de trotters213
    Profil pro
    Inscrit en
    Janvier 2005
    Messages
    2 571
    Détails du profil
    Informations personnelles :
    Âge : 38
    Localisation : France, Gard (Languedoc Roussillon)

    Informations forums :
    Inscription : Janvier 2005
    Messages : 2 571
    Points : 3 145
    Points
    3 145
    Par défaut appliquer une fonction à toutes les balises <a>
    Bonjour,
    je me suis créé une fonction qui me sert à "casser les liens" (si on passe sur un lien qui pointe sur la page courante, le curseur devient une flèche (et non une main) et si on clique dessus cela ne fait rien) :
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    function supprime_lien(obj)
    {
    	//on récupère la sous-chaine entre le début de l'URL et le dernier "/" et on la compare à l'adresse où on souahite aller
    	//exemple : http://www.mpl.ird.fr/IS/contacts/?lang=fr# retournera http://www.mpl.ird.fr/IS/contacts/#
    	if (obj.href == document.location.href.substring (0,document.location.href.lastIndexOf('/')+1))
    	{
    		obj.href="#";//l'objet pointe sur rien : le lien est cassé
    		obj.style.cursor='default';//on change le curseur en flèche (au lieu d'avoir une main)
    	}
    }
    le problème c'est que pour le moment je suis obligé d'appeler cette fonction dans le HTML à chaque fois que j'en ai besoin.
    J'ai essayé de l'appliquer à toutes mes balises par le biais d'un petit script trouvé dans la FAQ :
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    <script type="text/javascript">
    function go(b){
        var d="";
        b=b.getElementsByTagName('*');
        for(i=0;i!=b.length;i++)
        {
            if (b[i].nodeName == 'A') d+=b[i].nodeName+'\n';
        }
        alert(d)
    }
    </script>
    mais le problème c'est que je ne vois pas comment appliquer ma fonction sur chaque lien, si je fais supprime_lien(b[i]) ça ne fonctionne pas.
    Est-ce faisable et si oui comment faire ?
    Merci d'avance.

  2. #2
    Rédacteur/Modérateur

    Avatar de SpaceFrog
    Homme Profil pro
    Développeur Web Php Mysql Html Javascript CSS Apache - Intégrateur - Bidouilleur SharePoint
    Inscrit en
    Mars 2002
    Messages
    39 640
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 74
    Localisation : Royaume-Uni

    Informations professionnelles :
    Activité : Développeur Web Php Mysql Html Javascript CSS Apache - Intégrateur - Bidouilleur SharePoint
    Secteur : Industrie

    Informations forums :
    Inscription : Mars 2002
    Messages : 39 640
    Points : 66 665
    Points
    66 665
    Billets dans le blog
    1
    Par défaut
    ??? tu veux appliquer une fonction à tous tes liens a sur une page ?

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    <script type="text/javascript">
    function go(b){
      varAllLinks=document.getElementsByTagName('a');
        for(i=0;i<AllLinks.length;i++)
        {
         AllLinks[i].onclick=function(){icitafocntion()};
        }
     
    }
    </script>

  3. #3
    Membre expert
    Avatar de trotters213
    Profil pro
    Inscrit en
    Janvier 2005
    Messages
    2 571
    Détails du profil
    Informations personnelles :
    Âge : 38
    Localisation : France, Gard (Languedoc Roussillon)

    Informations forums :
    Inscription : Janvier 2005
    Messages : 2 571
    Points : 3 145
    Points
    3 145
    Par défaut
    A moins que tu n'es une autre solution (je suis preneur ) je veux faire en sorte de désactiver le lien pointant sur la page la page courante (par exemple, ne rien faire si la personne clique sur "Accueil" alors qu'elle est déjà dans la page "Accueil") et ce pour toutes les pages.
    Donc soit je le fait en dur et c'est un bordel monstre soit je le fais comme ça.
    Si tu as une proposition je suis tout ouïe

    [EDIT]ta solution marche :
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    window.onload=go;
     
    function go()
    {
    	var AllLinks=document.getElementsByTagName('a');	  
    	for(i=0;i<AllLinks.length;i++)
    	{
    	 AllLinks[i].onclick=function(){supprime_lien(this)};
    	} 
    }
    (je ne savais pas qu'il fallait ajouter le function() devant, j'utilisais directement la fonction.)mais je suis obligé de cliquer une fois pour que le curseur soit une flèche au lieu d'uhne main tandis qu'en appliquant la fonction directement sur un bouton, j'ai directement une flèche.

  4. #4
    Rédacteur/Modérateur

    Avatar de SpaceFrog
    Homme Profil pro
    Développeur Web Php Mysql Html Javascript CSS Apache - Intégrateur - Bidouilleur SharePoint
    Inscrit en
    Mars 2002
    Messages
    39 640
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 74
    Localisation : Royaume-Uni

    Informations professionnelles :
    Activité : Développeur Web Php Mysql Html Javascript CSS Apache - Intégrateur - Bidouilleur SharePoint
    Secteur : Industrie

    Informations forums :
    Inscription : Mars 2002
    Messages : 39 640
    Points : 66 665
    Points
    66 665
    Billets dans le blog
    1
    Par défaut
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    <script type="text/javascript">
    function go(b){
      varAllLinks=document.getElementsByTagName('a');
        for(i=0;i<AllLinks.length;i++)
        {
          if(AllLinks[i].href==self.location.href.split('\/')[self.location.href.split('\/').length-1]){AllLinks[i].href=""}
     
        }
     
    }
    </script>
    à lancer dans le onload ?

    [edit] ha oui avec le indexof pour gerer les ancres ou les paramètres dasn le lien ...[\edit]

  5. #5
    Membre expert
    Avatar de trotters213
    Profil pro
    Inscrit en
    Janvier 2005
    Messages
    2 571
    Détails du profil
    Informations personnelles :
    Âge : 38
    Localisation : France, Gard (Languedoc Roussillon)

    Informations forums :
    Inscription : Janvier 2005
    Messages : 2 571
    Points : 3 145
    Points
    3 145
    Par défaut
    Merci SpaceFrog, je me suis servi de ton exemple pour faire ce dont j'avais besoin, c'était tout bête en fait.
    Je m'en sorti grâce à cela :
    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
    window.onload=casse_lien;
     
    //fonction qui permet de ne pas pouvoir cliquer sur un lien pointant sur la page actuelle
    function casse_lien()
    {
    	var AllLinks=document.getElementsByTagName('a');	  
    	for(i=0;i<AllLinks.length;i++)
    	{
    		//on récupère la sous-chaine entre le début de l'URL et le dernier "/" et on la compare à l'adresse où on souahite aller
    		//exemple : http://www.mpl.ird.fr/IS/contacts/?lang=fr# retournera http://www.mpl.ird.fr/IS/contacts/#
    	 	if (AllLinks[i].href == document.location.href.substring (0,document.location.href.lastIndexOf('/')+1))
    		{
    			AllLinks[i].href="#";//l'objet pointe sur rien : le lien est cassé
    			AllLinks[i].style.cursor='default';//on change le curseur en flèche (au lieu d'avoir une main)
    		}
    	} 
    }
    Ton exemple ne marchait pas bien en fait car c'était sur un onclick et pas un onmouseover.

    merci encore.

    PS : si je fais ce que tu m'as dit : AllLinks[i].href="", la page est rechargée c'est pourquoi j'utilise #

+ Répondre à la discussion
Cette discussion est résolue.

Discussions similaires

  1. Réponses: 2
    Dernier message: 20/04/2007, 12h48
  2. lancer une fonction toutes les 10s
    Par Emcy dans le forum Général JavaScript
    Réponses: 21
    Dernier message: 16/11/2006, 16h43
  3. Executer une fonction tout les X minutes
    Par Fabouney dans le forum C
    Réponses: 6
    Dernier message: 07/08/2006, 19h33
  4. Réponses: 8
    Dernier message: 09/01/2006, 16h58
  5. Réponses: 9
    Dernier message: 14/12/2005, 21h05

Partager

Partager
  • Envoyer la discussion sur Viadeo
  • Envoyer la discussion sur Twitter
  • Envoyer la discussion sur Google
  • Envoyer la discussion sur Facebook
  • Envoyer la discussion sur Digg
  • Envoyer la discussion sur Delicious
  • Envoyer la discussion sur MySpace
  • Envoyer la discussion sur Yahoo