Version imprimable
Bonjour à tous,
Je ne sais pas si le sujet est vraiement explicite donc ... petite explication.
Je prend l'exemple de deux liens qui lancent chacun une action ajax qui prend 5s à s'executer et renvoyer une réponse.
Je souhaiterai que lors d'un click sur l'un de ces deux liens, ceci deviennent grisés (non clikable) dans le but de ne pas pouvoir lancer une deuxième action en même temps.
Voyez vous comme faire ?
Merci d'avance.
Bonjour,
Il suffit de, suivant l'evennement, modifier le style de l'objet validant:
onClick : objet.disabled = true;
xHR.readyState == 4 && xHR.status == 200 : objet.disabled = false;
Je n'ai pas très bien compris si tu voulais rendre l'objet validant clickable une fois les informations bien récupérées, mais la deuxième ligne te le permet.
(Même procédure pour des liens, en changeant leur URL)
Je vais peut être rentrer plus en détails. Voici les deux possibilités :
=> Arret
=> Démarrage
Je voudrais que lorsque l'on clique sur Arret, les deux liens ne soient plus clickable.
J'ai essayé avec ta fonction mais j'ai l'impression que ce paramètre ne passe que pour des boutons et non pour des liens comme dans mon cas.
Je comptai executer le fonction de grisement lors de l'étape 1 de la requete et de rendre les liens de nouveaux dispo à l'étape 4, ce qui revient à ta facon de faire.
Il te suffit d'éditer les propriétés des liens, avec l'url que je t'ai donné tu devrais trouver ton bonheur.
Il faut identifier tes deux liens et les obtenir via document.getElementById("lien_x"); pour ensuite en modifier les attributs, libre à toi de choisir le type d'invalidation
Merci pour le lien.
Dans l'idéal, se serait de transformer le lien en simple ligne de texte le temps de la durée de la requête. J'ai bien regardé dans les différents DOM qui sont dispo sur le site que tu m'as passé mais je n'ai rien trouvé permettant de faire ca facilement. Il y a peut être une bidouille à faire...
Si tu ne veux pas te casser la tête tu peux:
Créer un objet Array mes_liens,
Créer un élément de cet array dont le nom serait l'id de ton <a> et y stocker l'url de ton <a>. exemple mes_liens["premier_lien"] = "http://exemple.com/fichier.txt";
Puis: document.getElementById("premier_lien").href = '#';
Et pour faire revenir à la normale (c'est à dire retrouver ton ancien lien), tu n'as plus qu'à modifier le href en retrouvant le lien dans le tableau mes_liens
C'est une solution simple, je l'ai testé, si tu veux faire plus propre je te conseillerais de regarder vers removeChild() et appendChild()
Bonne soirée
D'après ce que je vois, ceci va changer tout l'élément et pas seulement supprimer les balises <a></a>. J'ai d'ailleurs l'impression que ceci n'est pas possible autrement que par le remplacement de l'ensemble de l'élément.
Dans la première technique tu peux modifier simplement la destination du href,
Dans la seconde il s'agit de supprimer l'élément et de le remplacer par du texte.
Dans les deux cas il faudra sauvegarder l'ancienne donnée.
Soit, l'ancien href, soit l'ancienne node...
j'ai étudié les deux solutions et aucune n'ai vraiment pratique due, comme tu l'as dis, à l'enregistrement des anciennes valeurs.
Je contourne un peu le problème en changeant ces liens en boutton qui sont eux paramétrable en disabled.
Je continu pour l'instant dans cette direction.