Dotaz: JavaScript - enable pole input po zaskrtnuti checkboxu

[JFK]

Asi jsem asi blbej ... s JS zacinam.

Co chci docilit: Po zaskrtnuti checkboxu chci do dokumentu bud na urcite misto do tabulky napsat input type=text (se mi nak nedari urcit kam to chci napsat - do urciteho radku a sloupce) nebo uz ten vytvoreny input aspon "povolit". Vyhledem k tomu, ze s za A) nedari, tak zkousim povolit ten input box z disabled=true na false.

na checkboxu mam Onclick=DoSomething('var')

function DoSomething($var) {
  document.pujc_form.getElementByName($var).disabled=false;
}

var je PHPkem generovany name, ktery mam potom stejne v tom inputu

<input type="checkbox" name="name[]" value="31" onClick=DoSomething("31_check") />
<input type="text" name="31_check" disabled="true" value="15.03.10">

Cely je to jeste ve formu, ale to snad nevadi. Takhle jak to je, to nefacha a nemam paru co mam zmenit, aby to jelo. Asi se neumim dostat k tomu prvku, protoze nefunguje zmenit ani value atd ... .

---

---

Odpovědi

[Filip Jirsák]

Vy ten JavaScript generujete v PHP, že používáte PHP proměnnou uvnitř JavaScriptu? Do toho bych se nepouštěl, pokud JavaScriptu dobře nerozumíte.

Nechcete prostě tohle?

function DoSomething(name) {
  document.getElementByName(name).disabled=false;
}

[JFK]

V PHP generuju ty promenne co cpu do te funkce, stejne tak v PHP generuju name tech inputu, jsou proste uplne stejny, nevim jak to ze to nefunguje. Pouzivam to na dlouhem seznamu v tabulce a pro 1kazkou polozku chci umoznit pridat ten input. Kdyz jsem v te funkci mel jeste allert, tak vzdy vyhodil spravne name toho elementu, ale proste to nefunguje jak bych cekal. Jako ja JS nepouzivam vubec (spis JQuery-instantni kase kterou nemusim umet varit ... ), tohle je moje prvni seznameni, myslel jsem, ze to nebude problem, proste tomu asi nerozumim jak se to ma spravne delat. Diky za reakci.

[JFK]

... jeste dodatek ... ano, chci to co tam pisete, ale aby se tam predavala promenna. Takhle sem to mel (s tou promennou), ale nejede to-viz puvodni dotaz - jeste tam je navic ten ***_form, ale nejete to ani bez toho.

[Filip Jirsák]

Podle mne pořád pletete dohromady PHP a JavaScript. Proměnné z PHP nejsou dostupné v JavaScriptu, je to každé úplně něco jiného. Nebo ten váš kód v PHP vypadá takhle?

echo "function DoSomething() {";
echo "document.pujc_form.getElementByName(\"$var\").disabled=false;";
echo "}";

echo "<input type=\"checkbox\" name=\"name[]\" value=\"31\" onClick=DoSomething($var) />";
echo "<input type=\"text\" name=\"$var\" disabled=\"true\" value=\"15.03.10\">";

To by ale bylo něco jiného, než jste napsal. Z toho by se pak vygenerovalo toto:

echo "function DoSomething() {";
echo "document.pujc_form.getElementByName("31_check").disabled=false;";
echo "}";

echo "<input type=\"checkbox\" name=\"name[]\" value=\"31\" onClick=DoSomething($var) />";
echo "<input type=\"text\" name=\"31_check\" disabled=\"true\" value=\"15.03.10\">";

Jinak mám pocit, že ID elementu musí začínat písmenem, ne číslicí.

Co vám nefunguje na tom příkladu, který jsem napsal v předchozím komentáři?

[JFK]

Soucasny funkcni kod ... pouzivam na PHP CodeIgniter:

    foreach ($query->result() as $row){
      if ($counter % 2) {
        $tr = '<tr class="suda">';
      } else {
        $tr = '<tr class="licha">';
      }    
  
      $vysledek .= $tr
                .  '<td>'.form_checkbox('name[]', $row->id, FALSE, 'onChange="check(this, \''.$row->id.'_check\');"').'</td>'

                  ...

                .  '<td><input type="text" name="'.$row->id.'_check" disabled value="'.date('d.m.y').'"></td>'

                .  '</tr>';
      $counter++;
    }

A ten JS je jak psal Fuky. Mate pravdu, muj problem byl v tom, ze jsem v JS predaval promennou stejne jako v PHP.

Děkuji všem za ochotnou pomoc při řešení takovéto prkotiny.

[JFK]

Šup a je to tam 2x sorry, ale netusim jak se mi to povedlo.

[Filip Jirsák]

Duplicitní komentář jsem vymazal.

[JFK]

Jeste dovetek pro trdla jako jsem ja:

Opravdu se nesmi pouzivat na zacatku jmena prvku cislo - neco ve stylu: "23_check", kdyz uz tak "check_23". FF to zvlada bez problemu, ale IE vyvadi psi kusy. Diky za nakopnuti v jednom z prvnich komentaru, sice vim, ze jsem to nekde uz slysel, ale asi bych si na to pri ladeni nevzpomnel. Takhle jsem se z toho temer zblaznil, tak si to budu pamatovat .

[Fuky]

<html>
<body>

<form name="form">
    <input type="checkbox" name="checkbox1" onChange="check(this, 'text1');">
    <input type="text" name="text1" disabled><br>
    <input type="checkbox" name="checkbox2" onChange="check(this, 'text2');">
    <input type="text" name="text2" disabled>
</form>

<script>
    function check(obj, name){
        if (obj.checked == true) {
            document.form.elements[name].value = "Hello World";
            document.form.elements[name].disabled = false;
        }
        else {
            document.form.elements[name].value = "";
            document.form.elements[name].disabled = true;
        }
    }
</script>

</body>
</html>

[JFK]

Dik moc, funguje to jak ma.