| | |
| Stránka: 1 z 1
| [ Príspevkov: 4 ] | |
Autor | Správa |
---|
Registrovaný: 09.09.07 Prihlásený: 07.11.16 Príspevky: 3114 Témy: 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;"> €'+ '</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=""> € </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ď |
|
Registrovaný: 16.05.07 Prihlásený: 01.08.17 Príspevky: 837 Témy: 6 | Napísal juho: 09.01.2009 9:18 | |
|
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;"> €'+ '</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=""> € </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
|
|
Registrovaný: 09.05.05 Prihlásený: 07.12.16 Príspevky: 1294 Témy: 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=""> € </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
|
|
Registrovaný: 09.09.07 Prihlásený: 07.11.16 Príspevky: 3114 Témy: 233 Bydlisko: Nové Zámky |
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;"> €'+ '</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;"> €'+ '</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 ] | |
Podobné témy | Témy | Odpovede | Zobrazenia | Posledný príspevok |
---|
| SESSION neostava zadane v PHP, ASP | 7 | 398 | 21.04.2008 16:02 Blackshadow | | problem s innerHTML v JavaScript, VBScript, Ajax | 7 | 592 | 21.10.2010 15:45 TommyHot | | onclick v innerHTML v JavaScript, VBScript, Ajax | 4 | 843 | 15.06.2009 8:30 zaciatocnik | | Pridanie inputu cez innerHTML v JavaScript, VBScript, Ajax | 6 | 420 | 29.05.2010 12:00 camo | | glitel gt-318ri - nespráívne zadané heslo alebo meno ? v Siete | 5 | 921 | 06.06.2011 23:09 walther | | Overovanie inputov v JavaScript, VBScript, Ajax | 5 | 534 | 28.01.2009 0:23 Blackdevil | | Súčet inputov v JavaScript, VBScript, Ajax | 3 | 495 | 25.02.2012 12:30 shaggy | | Ochrana inputov v PHP, ASP | 2 | 361 | 14.11.2011 16:09 chrono | | innerHTML onclick function ... prosím pomoc v JavaScript, VBScript, Ajax | 3 | 669 | 07.08.2009 19:42 Ďuri | | htmlspecialchars maze znaky s diakritikou v PHP, ASP | 4 | 336 | 12.10.2012 13:36 kurtulik1 | | Program, ktorý na obrazovke zobrazí pre zadané n obrazec v Assembler, C, C++, Pascal, Java | 4 | 665 | 12.06.2007 17:41 zero0x | | Vista si samovoľne maže moje subory v Operačné systémy Microsoft | 4 | 440 | 25.05.2008 12:16 OmeGa | | problem so stylmi v IE javascript/innerHTML v JavaScript, VBScript, Ajax | 5 | 502 | 09.11.2009 12:03 neopagan | | Odoslanie viacerých údajov z inputov v PHP, ASP | 15 | 749 | 25.03.2010 7:46 emer | | Google CHrome- sam mi maže historiu a cookies. v Sieťové a internetové programy | 2 | 279 | 25.11.2014 15:23 Hi332 | | Google chrome neukladá heslá a automaticky maže historiu v Sieťové a internetové programy | 0 | 448 | 23.11.2014 19:20 Hi332 |
| Nemôžete zakladať nové témy v tomto fóre Nemôžete odpovedať na témy v tomto fóre Nemôžete upravovať svoje príspevky v tomto fóre Nemôžete mazať svoje príspevky v tomto fóre
|
|