Probleme avec div + css background-color

Salut, jai ce code qui permet de désactiver tout les champs de mon formulaire

Code:

---

1 2 3 4 5 6 7 8 9 10 11 12 13 14

function etat_correction() {   document.getElementById('_ajouter_article').style.visibility = 'visible'; var allElts=document.forms[0].elements; for (i=0;i<allElts.length;i++) { if ((allElts[i].id == "_correction_do") || (allElts[i].id == "_correction_search") || (allElts[i].id == "_Quitter")) { allElts[i].disabled=false; } else { allElts[i].disabled=true; } }   }

---

Cependant, jai ce code qui n'est pas disabled

Code:

---

1 2	<a href="" id="_link_ajouter_article" tabindex=9 onclick="document.getElementById('_action').value='item';form_submit();return false;"><img src="/images/default/receive.gif" id="_ajouter_article" border="0" alt="Ajouter article"></a>

---

Donc, j'ai penser mettre en plus un div transparent pour empecher de clicqué sur des hyperliens.

Code:

---

1 2	<div id="_voile" style="width:100%;height:100%;background-color:transparent; z-index:1;position:absolute;top:100px;"></div>

---

Cependant, si je met background-color:transparent on peu cliquer pareil sur les hyperliens mais si je met background-color:#00FF54 j'ai un div coloré qui empeche le cliquage sur les hyperlien.

QQn peux m'aidé et me dire comment mettre mon div transparent pour quil empeche le click sur les hyperliens

merci

Salut,

Quand tu désactives tes champs, pourquoi ne pas définir à vide l'attribut onclick de ton lien et eventuellement mettre un style ne réagissant pas au survol? Ainsi ton lien n'aurau aucun comportement.
Ou faire disparaître le lien tout simplement mais apparemment ce n'est pas ce que tu recherches.

je viens de rajouter ceci

Code:

---

1 2	document.getElementById('_link_ajouter_article').style.visibility = 'hidden';

---

et mon lien est bien disparue, je crois que je fait utiliser cette méthode mais j'aimerais bien comprendre le probleme du div aussi.

Je crois avoir souvenir du même constat. Ca doit être pensé comme ça.
Par contre, ce n'est vraiment pas une bonne idée étant donné que le lien est toujours accessible via le clavier (d'autant qu'on voit bien un tabindex).

Et je me demande si tu n'auras pas aussi ce même problème avec le visibility:hidden. Enfin je n'ai pas testé donc à toi de me dire. Mais j'aurais plutôt tendance à mettre un style.display:"none".
Eventuel inconvénient, l'élément disparaissant du flux (et non pas caché comme ta méthode) tu risques d'avoir un problème de mise en page.

alors différentes propositions :
- mettre un blur() sur le onfocus du lien
- redéfinir son onclick a "return false" quand tu met les champs en disabled
- essayer inherit au lieu de transparent
- desactiver la souris et le clavier de ton utilisateur :arrow:

J'ai caché tous mes liens à la place siddh

Code:

---

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16

var tab_link = new Array(); tab_link[0] = "_ajouter_article"; tab_link[1] = "_link_ajouter_article"; tab_link[2] = "_annuler_article"; tab_link[3] = "_link_annuler_article"; tab_link[4] = "_delete_article"; tab_link[5] = "_link_delete_article"; tab_link[6] = "_edit_article"; tab_link[7] = "_link_edit_article"; tab_link[8] = "_loupe"; tab_link[9] = "_link_nouveau_fournisseur"; tab_link[10] = "_link_nouvel_article";   //Cache tous les links car on ne peux pas les disable for (i = 0; i < tab_link.length; i++) { document.getElementById(tab_link[i]).style.visibility = 'hidden' ; }

---

:arrow: inherit ne change rien

encore plus vicieux : sur le mouseover tu deplace la souris :aie:

Citation:

---

Envoyé par siddh

encore plus vicieux : sur le mouseover tu deplace la souris :aie:

---

OMG :cfou:

Code:

---

1 2 3 4 5 6 7 8 9 10

<script type='text/javascript'> window.onload = function(){ liens = document.getElementsByTagName("a"); for(var i=0;i<liens.length;i++) liens[i].onclick = function(){ return false; } } </script> <a href="http://<a href="http://www.developpez.com">aaaaa</a>" target="_blank">www.developpez.com">aaaaa</a></a>

---

ca ca marche par contre