dimanche 20 mai 2012

Limiter le nombre des caracteres dans un text box en utilisant javascript et pure html

Je ne suis pas un chevronné en Javascript , j'essaie de fabriquer du code. En bidouillant et en utilisant google comme ami , je suis arrivé à une conclusion qui a sauvé ma journée.

Javascript code :

<script language = "Javascript">
maxL=255;
var bName = navigator.appName;
function taLimit(taObj) {
    if (taObj.value.length==maxL) return false;
    return true;
}
function taCount(taObj,Cnt) {
    objCnt=createObject(Cnt);
    objVal=taObj.value;
    if (objVal.length>maxL) objVal=objVal.substring(0,maxL);
    if (objCnt) {
        if(bName == "Netscape"){    
            objCnt.textContent=maxL-objVal.length;}
        else{objCnt.innerText=maxL-objVal.length;}
    }
    return true;
}
function createObject(objId) {
    if (document.getElementById) return document.getElementById(objId);
    else if (document.layers) return eval("document." + objId);
    else if (document.all) return eval("document.all." + objId);
    else return eval("document." + objId);
}
</script>


HTML Code

<font>
<textarea onKeyPress="return taLimit(this)" onKeyUp="return taCount(this,'myCounter')" name="Description" rows=7 wrap="physical" cols=40>
</textarea>
<br><br>
Il vous reste <B><SPAN id=myCounter>255</SPAN></B> caractere pour les commentaires..</font>

2 commentaires:

  1. tu te prends un peu la tête quand même, ya plus simple :


    function limite(textarea, max)
    {
    if(textarea.value.length >= max)
    {
    textarea.value = textarea.value.substring(0,max);
    }
    var reste = max - textarea.value.length;
    var affichage_reste = reste +‘ caractères restants’;
    document.getElementById(‘max_desc’).innerHTML = affichage_reste;
    }

    et pour le html :


    RépondreSupprimer
    Réponses
    1. Salut Sebos,

      Merci pour ta contribution, comme on dit : mille chemin mènent à rome, to chemin est un raccourcis. je l'emprunte pour arriver vite.

      Supprimer