Essayer de dégager un papier Raphaël lorsque l'entrée est vide

Question

J'ai enfin eu cette chose qui fonctionne comme je veux.Il s'agit d'une barre de progression de TRES, qui augmente sur la base des utilisateurs entrées dans une forme.Le seul problème est que je veux que le papier puisse disparaître avec je suppose que paper.clear(); lorsque le champ d'entrée est vide.Cependant, il laisse actuellement une barre d'état (une bouteille) sur le papier.Voici le js Fiddle link http://jsfiddle.net/anderskitson/lmym8/

Mise à jour: j'ai copié le mauvais code, je le change maintenant.UGG

et le code

    var paper = Raphael(document.getElementById("notepad"), 500, 500);

function drawBottles(count) {
    for (i = 0; i < count; i++) {

       var randomNumber3 = Math.floor(Math.random()*25);
       var path_a = paper.path("M242.07,270.119c0,0-14.596-30.606-7.625-35.793 c3.864-2.876,2.145-18.561,1.832-18.784c-0.313-0.224-1.839-0.319-1.839-0.319c-1.555-0.192-0.201-3.456-0.201-3.456 s0,0-0.598-0.352c-0.598-0.351,1.129-1.345,1.129-1.345c3.738-2.785,10.449-2.983,11.126-2.344c0.677,0.64-0.354,1.44-0.354,1.44 s0.73,0.832,1.333,2.111c0.604,1.28-0.792,1.665-0.792,1.665c1.852,6.718,9.877,14.935,9.877,14.935 c4.795,0.589,7.7,10.683,7.7,10.683l6.271,22.746C269.929,261.307,263.641,270.119,242.07,270.119z");
       path_a.attr({fill: 'none',stroke: '#231F20',"stroke-width": '3',"stroke-miterlimit": '10','stroke-opacity': '1'}).data('id', 'path_a');
       path_a.translate(i*30, 10);
       path_a.rotate(randomNumber3);

    }//end of for statement
}

$("input").keyup(function() {
    var value = parseInt($(this).val());
    paper.clear();
    if (value > 60) {
        drawBottles(3);
    }else if( value > 30){
        drawBottles(2);        
    } else if(value != 0  && 0 != value.length) {
        drawBottles(1);
    }//end of else statement
});

Answer 1

Un moyen de faire ceci est de vérifier la longueur de $ (ceci) .val () avant votre analyse ().Si la longueur est nulle, effacez le papier et existe la fonction de clés:

 $("input").keyup(function() {
   var val = $(this).val();
   if (val.length == 0){
      paper.clear();
     return;        
   }
   ...

Vous pouvez le voir en action ici: http://jsfiddle.net/lmym8/4/