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

[shpaque]

Pomożecie? (IMG:style_emoticons/default/smile.gif)

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 

[nospor]

wywal to
$(document).ready(function(){

i staraj sie na przyszlosc doczytac co robia rzeczy ktorych uzywasz bo potem takie kwiatki

[shpaque]

teraz nawet button sie nie przelacza - w ogole nieaktywny

[nospor]

pokaz kod po zmianach

bo rozumiem ze oprocz
$(document).ready(function(){
wywaliles tez koncowke tej funkcji czyli jeden } oraz jeden ) ?

[shpaque]

[HTML] pobierz, plaintext 
<script>
                     function changeFile(){
                           if ($('#newCatalogFile".$i."').prop('type: text')){
                              $('#newCatalogFile".$i."').prop('type: text', 'disabled: true');
                              $('#changeCatFile".$i."').html('Zmień plik');
                           }
                           else{
                              $('#newCatalogFile".$i."').prop('type: file', 'disabled: false');
                              $('#changeCatFile".$i."').html('Anuluj');
                           }
                        });
                     </script>
[HTML] pobierz, plaintext 

[nospor]

Jednak nie wywaliles..... tylle czasu z js sie bawisz i nawet do konsoli bledow nie zagladasz jeszcze?

[trueblue]

http://api.jquery.com/prop/

[shpaque]

to co tak? tez nie idzie

[HTML] pobierz, plaintext 
<script>
                     function changeFile(){
                        if ($('#newCatalogFile".$i."').prop('type: text')){
                           $('#newCatalogFile".$i."').prop('type: text');
                           $('#newCatalogFile".$i."').attr('disabled: true');
                           $('#changeCatFile".$i."').html('Zmień plik');
                        }
                        else{
                           $('#newCatalogFile".$i."').prop('type: file');
                           $('#newCatalogFile".$i."').attr('disabled: false');
                           $('#changeCatFile".$i."').html('Anuluj');
                        }
                     }
                     </script>
[HTML] pobierz, plaintext 

[nospor]

Tak, wlasnie tak. Teraz przejdzmy dalej. Proste debugowanie:

Kod

                     function changeFile(){
                        if ($('#newCatalogFile".$i."').prop('type: text')){
alert("Widzisz 1?");
                           $('#newCatalogFile".$i."').prop('type: text');
                           $('#newCatalogFile".$i."').attr('disabled: true');
                           $('#changeCatFile".$i."').html('Zmień plik');
                        }
                        else{
alert("A moze widzisz 2?");
                           $('#newCatalogFile".$i."').prop('type: file');
                           $('#newCatalogFile".$i."').attr('disabled: false');
                           $('#changeCatFile".$i."').html('Anuluj');
                        }
                     }

[shpaque]

ale ja mam w konsoli pusto

[nospor]

Niemozliwe. Przy poprzednim kodzie gdzie zostawiles }) powinienies miec bledy w konsoli. Moze patrzysz nie na te konsole co trzeba... Ja mowie o konsoli przegladarki.

Niewazne, odpal debug co ci podalem

[shpaque]

nie mam alertow za to wyswietla mi tresc pod spodem:

[HTML] pobierz, plaintext 
function changeFile(){ if ($('#newCatalogFile0').prop('type: text')){ alert("Widzisz 1?"); $('#newCatalogFile0').prop('type: text'); $('#newCatalogFile0').attr('disabled: true'); $('#changeCatFile0').html('Zmień plik'); } else{ alert("A moze widzisz 2?"); $('#newCatalogFile0').prop('type: file'); $('#newCatalogFile0').attr('disabled: false'); $('#changeCatFile0').html('Anuluj'); } }
[HTML] pobierz, plaintext 

[nospor]

(IMG:style_emoticons/default/facepalmxd.gif)
No ale miales to dac w sekcji SCRIPT

[shpaque]

index.php?page=edit&id=227632&c=Brunner:287 Uncaught ReferenceError: changeFile is not defined
at HTMLButtonElement.onclick (index.php?page=edit&id=227632&c=Brunner:287)

oj kurde wkleilem calosc i wywalilo scripty

wywala od razu 2

[nospor]

Super, jak juz opanowales proste debugowanie to teraz sie wkoncu skup i zajrzyj do linka co podal trueblue bo zle uzywasz prop().
To po pierwsze
A po drugie masz totalnie zla logike:
jesli TYPE jest text to ustaw TYPE na text.
No przeciez to nie ma zadnego sensu.

Zebys lepiej zrozumial:
Jesli x to 3 to ustaw x na 3
w przeciwnym wypadku ustaw x na "nie3"

[shpaque]

[HTML] pobierz, plaintext 
<script>
$( "input" ).change(function() {
  var $input = $( this );
  $( "p" ).html(
    ".attr( \"checked\" ): <b>" + $input.attr( "checked" ) + "</b><br>" +
    ".prop( \"checked\" ): <b>" + $input.prop( "checked" ) + "</b><br>" +
    ".is( \":checked\" ): <b>" + $input.is( ":checked" ) + "</b>" );
}).change();
</script>
[HTML] pobierz, plaintext 

ok ale to musze inaczej cala funkcje zrobic czy co?

[Neutral]

Czy mógłbyś nakreślić, co dokładnie próbujesz osiągnąć?

Czy chodzi Ci o wzięcie wartości z input type checkbox?

Kod

var input = document.getElementsByTagName('input');
for(var i=0;i<input.length;i++) {
    input[i].addEventListener('change',function(e) {
        console.log(e.target.value);
    },false);
}

[shpaque]

nie,m to akurat byl przyklad.

chce za pomoca czegos takiego:

[HTML] pobierz, plaintext 
<script>
                     function changeFile(){
                        if ($('#newCatalogFile".$i."').attr('type: text')){
                           $('#newCatalogFile".$i."').prop('disabled');
                           $('#changeCatFile".$i."').html('Zmień plik');
                        }
                        else{
                           $('#newCatalogFile".$i."').attr('type: file');
                           $('#newCatalogFile".$i."').prop('disabled');
                           $('#changeCatFile".$i."').html('Anuluj');
                        }
                     }
                     </script>
[HTML] pobierz, plaintext 

zrobic zeby button #changeCatFile po kliknieciu zmienil inputa #newCatalogFile na "type=file" wylaczajac duisabled i po kliknieciu anuluj - spowrotem na type=text i disabled

[Neutral]

[HTML] pobierz, plaintext 
<button id="changeCatFile">changeCatFile</button>
<input type="text" id="newCatalogFile" disabled="disabled"/>
[HTML] pobierz, plaintext 

Kod

var i=0;
document.getElementById('changeCatFile').addEventListener('click',function() {
    
    if(i==0) {
        document.getElementById('newCatalogFile').setAttribute('type','file');
        document.getElementById('newCatalogFile').disabled = false;
        i=1;
    }else {
        document.getElementById('newCatalogFile').setAttribute('type','text');
        document.getElementById('newCatalogFile').disabled = true;
        i=0;
    }
    
},false);

[Neutral]

Kod

document.getElementById('changeCatFile').textContent = 'your new content';

Dlaczego zmieniłeś poprzedni kod, który Ci wysłałem? Ten Twój chyba nie działa.

Ten post edytował Neutral 11.06.2018, 18:19:24