Autor Zpráva
jtfcobra
Profil
Nemáte zkušenosti z formulářema dynamickýma?

Například?
User
Profil *
Javascript...
jtfcobra
Profil
To jo ale jak?
Taps
Profil
jtfcobra:
Pokud se jedná o přidávání/odebírání řádků viz ukázka Přidání dalšího textového pole
jtfcobra
Profil
Mam to takle ale nefuguje odebrat to kdyz dam tak zmizi jen tlacitko odebrat

<table width="100%" border="0" align="center" >
    <tbody>
      <tr>
        <td width="900" align="center" bgcolor="#4CAF50"><font size="+3" color="white">Přijemka</font></td>
      </tr>
      <tr>
        <td bgcolor="#FFFFFF" align="center">
<form method="get">
    <div class="polozky" id="polozky">
        <div class="polozka" id="sablona">
            <table width="100%" border="0">
              <tbody>
                <tr>
                  <td><input type="text" name="policko1[]" placeholder="Sukl"></td>
                  <td><input type="text" name="policko2[]" placeholder="Sarze"></td>
                  <td><input type="text" name="policko3[]" placeholder="Produkt zkratka"></td>
                  <td><input type="text" name="policko4[]" placeholder="Nazev zbozi"></td>
                  <td><input type="text" name="policko5[]" placeholder="Pocet kusu"></td>
                  <td><input type="text" name="policko6[]" placeholder="Cena za KS"></td>
                  <td><input type="text" name="policko7[]" placeholder="Expirace"></td>
                  <td><input type="text" name="policko8[]" placeholder="Sklad"></td>
                  <td><button class="odebrat" onclick="odebrat(this)">- Odebrat</button></td>
                  <td><button type="button" onclick="pridatPole()">+ Přidat</button></td>
                </tr>
               </tbody>
            </table>
         </div>
    </div>
    <input type="submit" name="submit" id="submit" value="Odeslat">
</form>
<script>
var prvniPolozka = document.getElementById('sablona');
var sablona = prvniPolozka.cloneNode(true);

function pridatPole() {
    var kopie = sablona.cloneNode(true);
    document.getElementById('polozky').appendChild(kopie);
    kopie.getElementsByTagName("input")[0].focus();
}

function odebrat(el) {
    var polozka = el.parentNode;
    polozka.parentNode.removeChild(polozka);
}
</script>
  </td>
      </tr>
    </tbody>
  </table>
Taps
Profil
jtfcobra:
opraveno, viz Živá ukázka
Hando
Profil
Jen podotýkám, že by bylo vhodné, aby nešlo odebrat řádek v případě, že je jediný. :)
jtfcobra
Profil
Tohle funguje uz jsem to i vylepsil

ale nevim jak udelat kdyz zadam treba sukl a mam databazy z udajy aby se to predvyplnilo....

Napriklad nazev???

<form method="get">
    <div class="polozky" id="polozky">
        <div class="polozka" id="sablona">
            <table width="860px" border="0">
              <tbody>
                <tr>
                  <td width="80px"><button class="odebrat" onclick="odebrat(this)" style="width: 80px;">- Odebrat</button></td>
                  <td width="50px"><input type="text" name="policko1[]" placeholder="Sukl" style="width: 50px;"></td>
                  <td width="70px"><input type="text" name="policko2[]" placeholder="Sarze" style="width: 70px;"></td>
                  <td width="70px"><input type="text" name="policko3[]" placeholder="Zkratka" style="width: 70px;"></td>
                  <td width="150px"><input type="text" name="policko4[]" placeholder="Nazev zbozi" style="width: 150px;"></td>
                  <td width="70px"><input name="policko5[]" type="text" placeholder="Pocet" style="width: 70px;"></td>
                  <td width="70px"><input type="text" name="policko6[]" placeholder="Cena za KS" style="width: 70px;"></td>
                  <td width="70px"><input type="text" name="policko7[]" placeholder="Expirace" style="width: 70px;"></td>
                  <td width="150px"><select name="policko8[]" type="select" placeholder="Sklad" style="width: 150px;">
                  <?php $vysledek = $mysqli->query("SELECT * FROM sklady_seznam",$db);
while ($zaznam = $vysledek->fetch_assoc()){
  echo '<option value="'.$zaznam["ZKRATKA"].'">'.$zaznam["NAZEV"].'</option>';
}
echo ''; ?></select></td>
                  <td width="80px"><button type="button" onclick="pridatPole()" style="width: 80px;">+ Přidat</button></td>
                </tr>
               </tbody>
            </table>
         </div>
    </div>
    <p>&nbsp;      </p>
    <p>
      <label for="select">Dodavatel:</label>
      </p>
    <p>
      <select name="select" id="select">
      </select>
    </p>
    <p>&nbsp;</p>
    <p>
      <input type="submit" name="submit" id="submit" value="Odeslat">
    </p>
</form>
Bertram
Profil
Taps:
Je v pořádku, že vznikají elementy se shodným atributem id?

jtfcobra
Profil
jtfcobra:
Jak to myslis?
jakre
Profil
Bertram:
Je v pořádku, že vznikají elementy se shodným atributem id?
Atribut ID by neměl být v rámci jedné stránky stejný. Některé prohlížeče duplicitu umožňují, ale W3C validátor hlásí chybu:

Vaše odpověď

Mohlo by se hodit


Prosím používejte diakritiku a interpunkci.

Ochrana proti spamu. Napište prosím číslo dvě-sta čtyřicet-sedm: