[AJAX][Java][JavaScript] dynamiczna zmiana buttonu i pola input Opcje

[shpaque]

Pomożecie?

o ile button przeskakuje na "Anuluj" - to nie wraca i poza tym nic sie nie dzieje:

[PHP] pobierz, plaintext 
<?php
               $countCats = count($catalog);
 
               if ($countCats < 1)
               {
                  echo "Ten klient nie ma dodanego żadnego katalogu.<br>";
                  echo "<button class=\"btn btn-md text-center btn-submit\" type=\"submit\" name=\"addcat\"><b>Dodaj katalog</b></button>";
               }
               else
               {
                  for ($i = 0; $i < $countCats; $i++)
                  {
                     $lp = $i+1;
 
                     echo "
                     <div class=\"row\">
                        <div class=\"col-sm-1\">
                           <div class=\"form-group\">
                              <label>Lp</label>
                              <input class=\"form-control text-center\" type=\"text\" name=\"lp\" value=\"".$lp."\" disabled />
                           </div>
                        </div>
                        <div class=\"col-sm-4\">
                           <div class=\"form-group\">
                              <label>Tytuł katalogu</label>
                              <input class=\"form-control text-center\" type=\"text\" name=\"newCatalogTitle".$i."\" value=\"".$catalog[$i] -> title."\" required />
                           </div>
                        </div>
                        <div class=\"col-sm-2\">
                           <div class=\"form-group\">
                              <label>Plik katalogu</label>
                              <input class=\"form-control text-center\" type=\"text\" id=\"newCatalogFile".$i."\" name=\"newCatalogFile".$i."\" value=\"".$catalog[$i] -> file."\" required disabled />
                           </div>
                        </div>
                        <div class=\"col-sm-1\">
                           <div class=\"form-group\">
                              <label></label>
                              <button class=\"btn btn-md text-center btn-back\" type=\"button\" id=\"changeCatFile".$i."\" name=\"changeCatFile".$i."\" onclick=\"changeFile();\">Zmień plik</button>
                           </div>
                        </div>
                     </div>
                     ";
 
                     echo "
                     <script>
                     function changeFile(){
                        $(document).ready(function(){
                           if ($('#newCatalogFile".$i."').prop('type: text')){
                              $('#changeCatFile".$i."').html('Zmień plik');
                              $('#newCatalogFile".$i."').prop('type: text', 'disabled: true');
                           }
                           else{
                              $('#changeCatFile".$i."').html('Anuluj');
                              $('#newCatalogFile".$i."').prop('type: file', 'disabled: false');
                           }
                        });
                     }
                     </script>
                     ";
                  }
               }
               ?>
[PHP] pobierz, plaintext 

[Neutral]

Pozmieniaj sobie te apostrofy/cudzysłowy, tam gdzie masz zmienne, na to:

Kod

var i=0;
$('#editCat'.$i).click(function() {
    if(i==0) {
        $('#newCatalogFile'.$i).attr('type', 'file').attr('disabled', false);
        $('#icon'.$i).attr('class', 'fa fa-remove icon-md').attr('title', 'Anuluj zmianę pliku');
        $('#label-zmien'.$i).html('Anuluj');
        i=1;
    }else {
        $('#newCatalogFile'.$i).attr('type', 'text').attr('disabled', true);
        $('#icon'.$i).attr('class', 'fa fa-exchange icon-md').attr('title', 'Kliknij w przycisk aby zmienić plik katalogu');
        $('#label-zmien'.$i).html('Zmień plik');
        i=0;
    }  
});

Pamiętaj, że JavaScript jest case-sensitive.

JavaScript is case-sensitive and uses the Unicode character set.

W języku JavaScript jest rozróżniana wielkość liter i używany jest zestaw znaków Unicode.
Przetłumaczył:
https://translate.google.com/?hl=en&tab=TT.
Poczytaj:
https://developer.mozilla.org/en-US/docs/We...ammar_and_types.

Czyli zamiast tego function, nie możesz napisać tak: FUNCTION, bo wtedy parser JS nie dowie się, że chodzi Ci o funkcję, a nie o coś innego.

Ten post edytował Neutral 11.06.2018, 19:50:50