js gallery input HELP!!!

• 0Niko još nije pohvalio poruku.
  Registruj se da bi pohvalio/la poruku!

Imam problem sa jednim kodom za dodavanje fotografija. Naime, on služi da se može beskonačan broj puta ubaciti input forma za podizanje fotografija na server. Ovaj kod sam malo doterao, dodao još jednu formu za naslov fotografije ali ne umem da ograničim broj unosa. Hoću da u toku 1 upload-a da može maksimalno 10 slika da se napravi i ne više. Odnosno kada se otvori 10-ti input ako korisnik klikne 11 put da ispiše poruku "Dozvoljeno je maksimum 10 slika po jednom upload-u". Evo koda:

<table id="keytable">          <tr>             <td>Fotografija: </td>             <td><input type="file" name="galery_image[]" value="" size="30"></td>             <td>Naslov: </td>             <td><input type="text" name="image_name[]" value="" size="30"></td>             <td>                <a style="cursor:default;" onClick="insert_image()">                   Dodaj +1                </a>             </td>          </tr>          </table>

<script>       var nextkeyid = 1;       var WidthImageField=30;       var WidthImageInput=30;       function insert_image()       {         var elTR = $('keytable').insertRow( -1 );                 var elTitleTD = elTR.insertCell( -1 );         elTitleTD.appendChild( document.createTextNode( 'Slika: ' ) );                var elInput1 = document.createElement( 'input' );         elInput1.type = 'file';         elInput1.name = 'galery_image[]';         elInput1.size = WidthImageField;                   var elInput2 = document.createElement( 'input' );         elInput2.type = 'text';         elInput2.name = 'image_name[]';         elInput2.size = WidthImageInput;                var elTitleTD = elTR.insertCell( -1 );         elTitleTD.appendChild(document.createTextNode( 'Naslov:' ) );                 var elInputTD = elTR.insertCell( -1 );         elInputTD.appendChild(elInput2);                 var elInputTD = elTR.insertCell( 1 );         elInputTD.appendChild(elInput1);         nextkeyid++;       }       </script>

Sve mi je ovo u PHP-u već implementirano i radi ali je problem što hoću da ograničim količinu slika.

• 0Niko još nije pohvalio poruku.
  Registruj se da bi pohvalio/la poruku!

var suma = 0; function insert_image() {    if(suma==10)       alert("ne moze vise");    else    {       $("#keytable").append(suma);       suma++;    }  }

• 0Niko još nije pohvalio poruku.
  Registruj se da bi pohvalio/la poruku!

Hvala ti, baš sam glup .
Trebao bih malo više učiti javaskript, godinama programiram PHP i nisam se sa time toliko zezao a sintaksa je gotovo slična kao PHP. Evo ispravljenog koda, hvala ti što si mi pokazao "pravi put" i prosvetlio me...

var nextkeyid = 1; var WidthImageField=30; var WidthImageInput=30; function insert_image() {    if(nextkeyid==5)    {      alert("ne moze vise");    }    else    {      var elTR = $(\'keytable\').insertRow( -1 );           var elTitleTD = elTR.insertCell( -1 );      elTitleTD.appendChild( document.createTextNode( \''.GALLERY_PHOTO.': \' ) );          var elInput1 = document.createElement( \'input\' );      elInput1.type = \'file\';      elInput1.name = \'galery_image[]\';      elInput1.size = WidthImageField;             var elInput2 = document.createElement( \'input\' );      elInput2.type = \'text\';      elInput2.name = \'image_name[]\';      elInput2.size = WidthImageInput;          var elTitleTD = elTR.insertCell( -1 );      elTitleTD.appendChild(document.createTextNode( \''.GALLERY_PHOTO_NAME.': \' ) );           var elInputTD = elTR.insertCell( -1 );      elInputTD.appendChild(elInput2);           var elInputTD = elTR.insertCell( 1 );      elInputTD.appendChild(elInput1);      nextkeyid++;    } }