Obsah fóra » Software » Programovanie a tvorba webu » JavaScript, VBScript, Ajax » innerHTML - maze zadane udaje do inputov





 Stránka: 1 z 1
 [ Príspevkov: 4 ] 
AutorSpráva
Offline Blackshadow

Užívateľ
Užívateľ
innerHTML - maze zadane udaje do inputov

Registrovaný: 09.09.07
Prihlásený: 07.11.16
Príspevky: 3114
Témy: 233 | 233
Bydlisko: Nové Zámky

mam tabulku, v ktorej su inputy na zadavanie nazvu tovaru, ceny a poctu kusov..

po kliknuti na tlacitko, by sa mal dat pridat do tabulky dalsi riadok s pripravenymi inputmi... to vsetko ide, ale ked som uz nieco zadal a stlacim tlacitko na pridanie dalsieho riadku, tak mi to vyplnene udaje zmaze.. ako to upravit??

Kód:
function pridaj()
{
  html = '<tr>'+
          '<td style="padding:3px;">'+
            '<input type="text" name="dalsiTovarNazov[]" size="25" value=""></td>'+
          '<td style="padding:3px;">'+
            '<input type="text" name="dalsiTovarCena[]" size="3" value="" style="text-align:right;"> &euro;'+
          '</td>'+
          '<td style="padding:3px;">'+
            '<input type="text" name="dalsiTovarKusy[]" style="text-align:right;" size="2" value=""> ks'+
          '</td>'+
        '</tr>';
  hodnota = document.getElementById('dalsiTovar').innerHTML;
  document.getElementById('dalsiTovar').innerHTML = hodnota + html;
}


Kód:
<table id="dalsiTovar">
<tr>
  <td style="padding:3px;">
    <input type="text" name="dalsiTovarNazov[]" size="25" value=""></td>
  <td style="padding:3px;">
    <input type="text" name="dalsiTovarCena[]" size="3" style="text-align:right;" value=""> &euro;
  </td>
  <td style="padding:3px;">
    <input type="text" name="dalsiTovarKusy[]" style="text-align:right;" size="2" value=""> ks
  </td>
</tr>
</table>

Kód:
<input type="button" onClick="pridaj();" value="Pridaj tovar">


_________________
"It took a lot of work, but this latest Linux patch enables support for machines with 4096 CPUs, up from the old limit of 1024." "Do you have support for smooth full-screen flash video yet?" "No, but who uses that?"
- ak dlho neodpisujem do témy, zabudol som na ňu, takže ma upozornite SS, ak chcete moju odpoveď
Offline juho

Užívateľ
Užívateľ
innerHTML - maze zadane udaje do inputov

Registrovaný: 16.05.07
Prihlásený: 01.08.17
Príspevky: 837
Témy: 6 | 6

no pretoze ty prikazom innerHTML vyberes iba to co je napisane v sourcecode
Kód:
<input type="text" name="dalsiTovarNazov[]" size="25" value="">
a to co tam ty napises to je hodnota value a v source kode ju mas stale prazdnu takze sa ti to preto stale akoby maze musis to skusit inak ako cez innerHTML alebo budes musiet vymysliet ako zmenit value tych inputov aby si to mohol pouzit
no napr takto
Kód:
<script>
function pridaj()
{
  var html ='<td style="padding:3px;">'+
             '<input type="text" name="dalsiTovarNazov[]" size="25" value=""></td>'+
            '<td style="padding:3px;">'+
             '<input type="text" name="dalsiTovarCena[]" size="3" value="" style="text-align:right;"> &euro;'+
            '</td>'+
            '<td style="padding:3px;">'+
             '<input type="text" name="dalsiTovarKusy[]" style="text-align:right;" size="2" value=""> ks'+
            '</td>';
  var riadok=document.getElementById('dalsiTovar').insertRow(-1).innerHTML=html;
}

</script>
<table id="dalsiTovar">
<tr>
  <td style="padding:3px;">
    <input type="text" name="dalsiTovarNazov[]" size="25" value=""></td>
  <td style="padding:3px;">
    <input type="text" name="dalsiTovarCena[]" size="3" style="text-align:right;" value=""> &euro;
  </td>
  <td style="padding:3px;">
    <input type="text" name="dalsiTovarKusy[]" style="text-align:right;" size="2" value=""> ks
  </td>
</tr>
</table>
<input type="button" onClick="pridaj();" value="Pridaj tovar">

aj ked sa mi zda ze v IE to nebude fungovat asi ..jak obvykle.. kedze tr tam je hadam readonly


Offline johny128

Čestný člen
Čestný člen
innerHTML - maze zadane udaje do inputov

Registrovaný: 09.05.05
Prihlásený: 07.12.16
Príspevky: 1294
Témy: 69 | 69
Bydlisko: - - -

juho píše:
aj ked sa mi zda ze v IE to nebude fungovat asi ..jak obvykle..


Spravne, nebude to fungovat ;)

Naproti tomu, toto funguje vo vsetkych prehliadacoch

Kód:
var pridaj = function () {
   var a = document.getElementById("dalsiTovar");
   var b = a.getElementsByTagName("tr")[0];
   var tr = b.cloneNode( true );
   var c = tr.getElementsByTagName("input");
   
   for (var i = 0; i < c.length; i++) {
      c[i].value = "";
   }
   
   a.getElementsByTagName("tbody")[0].appendChild(tr);
}


Najdeme si prve 'tr' v tabulke a spravime jeho klon. Nasledne prejdeme vsetky 'input' tagy v tomto klone a ich value vyprazdnime. Ako posledny krok, najdeme si tbody v tabulke a tento klon pridame na spodok.

Nezabudaj teda ze telo tabulky musi byt uzavrete v 'tbody' ;)

Napr
Kód:
<table id="dalsiTovar">
<tbody>
<tr>
  <td style="padding:3px;">
    <input type="text" name="dalsiTovarNazov[]" size="25" value=""></td>
  <td style="padding:3px;">
    <input type="text" name="dalsiTovarCena[]" size="3" style="text-align:right;" value=""> &euro;
  </td>
  <td style="padding:3px;">
    <input type="text" name="dalsiTovarKusy[]" style="text-align:right;" size="2" value=""> ks
  </td>
</tr>
</tbody>
</table>


Daj vediet ci ide ;)


Offline Blackshadow

Užívateľ
Užívateľ
innerHTML - maze zadane udaje do inputov

Registrovaný: 09.09.07
Prihlásený: 07.11.16
Príspevky: 3114
Témy: 233 | 233
Bydlisko: Nové Zámky
Napísal autor témyOffline Blackshadow: 09.01.2009 22:05 | innerHTML - maze zadane udaje do inputov

pouzil som nieco uplne ine, spravil som si to ja takym strasne kostrbatym sposobom asi:

Kód:
function pridaj()
{
    var html = '';
    d = document.getElementsByTagName('input');
    j=0;
    p=0;
    var cl = new Array()
      for(i=0;i<d.length;i++){
        if(d[i].className == 'dalsi'){
         cl[j] = d[i];
         
         switch (p) {
           case 0:
           html = html + '<tr>' +
                  '<td style="padding:3px;">'+
                    '<input type="text" name="dalsiTovarNazov[]" size="25" class="dalsi" value="'+cl[j].value+'"></td>';
           break;
           case 1:
           html = html +
                '<td style="padding:3px;">'+
                  '<input type="text" name="dalsiTovarCena[]" size="3" class="dalsi" value="'+cl[j].value+'" style="text-align:right;"> &euro;'+
                '</td>';
           break;
           case 2:
           html = html + '<td style="padding:3px;">'+
                  '<input type="text" name="dalsiTovarKusy[]" style="text-align:right;" class="dalsi" size="2" value="'+cl[j].value+'"> ks'+
                  '</td>'+
                  '</tr>'
           break;
          }
         
          if(p==2) {
            p=0;
          } else {
            p++;
          }
          j++;
        }
      }
  html = html + '<tr>' +
          '<td style="padding:3px;">'+
            '<input type="text" name="dalsiTovarNazov[]" size="25" class="dalsi" value=""></td>'+
          '<td style="padding:3px;">'+
            '<input type="text" name="dalsiTovarCena[]" size="3" class="dalsi" value="" style="text-align:right;"> &euro;'+
          '</td>'+
          '<td style="padding:3px;">'+
            '<input type="text" name="dalsiTovarKusy[]" style="text-align:right;" class="dalsi" size="2" value=""> ks'+
          '</td>'+
        '</tr>';
  //hodnota = document.getElementById('dalsiTovar').innerHTML;
  document.getElementById('dalsiTovar').innerHTML = html;
}

ucel to plni... diki


_________________
"It took a lot of work, but this latest Linux patch enables support for machines with 4096 CPUs, up from the old limit of 1024." "Do you have support for smooth full-screen flash video yet?" "No, but who uses that?"
- ak dlho neodpisujem do témy, zabudol som na ňu, takže ma upozornite SS, ak chcete moju odpoveď
 Stránka: 1 z 1
 [ Príspevkov: 4 ] 


innerHTML - maze zadane udaje do inputov


Obsah fóra » Software » Programovanie a tvorba webu » JavaScript, VBScript, Ajax » innerHTML - maze zadane udaje do inputov


Podobné témy

 Témy  Odpovede  Zobrazenia  Posledný príspevok 
V tomto fóre nie sú ďalšie neprečítané témy.

SESSION neostava zadane

v PHP, ASP

7

419

21.04.2008 16:02

Blackshadow

V tomto fóre nie sú ďalšie neprečítané témy.

problem s innerHTML

v JavaScript, VBScript, Ajax

7

622

21.10.2010 15:45

TommyHot

V tomto fóre nie sú ďalšie neprečítané témy.

onclick v innerHTML

v JavaScript, VBScript, Ajax

4

900

15.06.2009 8:30

zaciatocnik

V tomto fóre nie sú ďalšie neprečítané témy.

Pridanie inputu cez innerHTML

v JavaScript, VBScript, Ajax

6

460

29.05.2010 12:00

camo

V tomto fóre nie sú ďalšie neprečítané témy.

glitel gt-318ri - nespráívne zadané heslo alebo meno ?

v Siete

5

971

06.06.2011 23:09

walther

V tomto fóre nie sú ďalšie neprečítané témy.

Overovanie inputov

v JavaScript, VBScript, Ajax

5

568

28.01.2009 0:23

Blackdevil

V tomto fóre nie sú ďalšie neprečítané témy.

Súčet inputov

v JavaScript, VBScript, Ajax

3

524

25.02.2012 12:30

shaggy

V tomto fóre nie sú ďalšie neprečítané témy.

Ochrana inputov

v PHP, ASP

2

395

14.11.2011 16:09

chrono

V tomto fóre nie sú ďalšie neprečítané témy.

innerHTML onclick function ... prosím pomoc

v JavaScript, VBScript, Ajax

3

712

07.08.2009 19:42

Ďuri

V tomto fóre nie sú ďalšie neprečítané témy.

htmlspecialchars maze znaky s diakritikou

v PHP, ASP

4

365

12.10.2012 13:36

kurtulik1

V tomto fóre nie sú ďalšie neprečítané témy.

Program, ktorý na obrazovke zobrazí pre zadané n obrazec

v Assembler, C, C++, Pascal, Java

4

697

12.06.2007 17:41

zero0x

V tomto fóre nie sú ďalšie neprečítané témy.

Vista si samovoľne maže moje subory

v Operačné systémy Microsoft

4

463

25.05.2008 12:16

OmeGa

V tomto fóre nie sú ďalšie neprečítané témy.

problem so stylmi v IE javascript/innerHTML

v JavaScript, VBScript, Ajax

5

557

09.11.2009 12:03

neopagan

V tomto fóre nie sú ďalšie neprečítané témy.

Odoslanie viacerých údajov z inputov

v PHP, ASP

15

796

25.03.2010 7:46

emer

V tomto fóre nie sú ďalšie neprečítané témy.

Google CHrome- sam mi maže historiu a cookies.

v Sieťové a internetové programy

2

311

25.11.2014 15:23

Hi332

V tomto fóre nie sú ďalšie neprečítané témy.

Google chrome neukladá heslá a automaticky maže historiu

v Sieťové a internetové programy

0

482

23.11.2014 19:20

Hi332



© 2005 - 2024 PCforum, edited by JanoF