Autor | Zpráva | ||
---|---|---|---|
Monkeys Profil * |
#1 · Zasláno: 14. 11. 2012, 13:25:33
Zdravim
vytvoril som si kod pre pridavanie viac obrazkov v pripade potreby: Asi takto: $(function(){ var count = 0; $('.pridajObrazok a').click(function(){ count++; if(count <= 3){ $('.loader').append('<div class="prilozenyObrazok"><h6>Vyberte ďalší obrázok</h6><label><input name="hlavny obrazok2" type="file" size="30" /></label></div>').hide().fadeIn('slow'); }else{ $('.pridajObrazok').hide(); } }); }); potreboval by som poradit 2 veci: 1) Aby po kliknuti neblikli vsetky uz vytvorene inputy pre vkladanie obrazkov - teda aby vzdy bliklo len nove input tlacitko cez fdeIn 2) Po tretom vypisani inputu aby sa skovalo tlacitko pridaj dalsi obrazok. Pretoze takto sa sice skova ale az po stvrtom kliknuti . A este mam otazku tykajucu sa kodu: Ak vytvaram takto dynamicke prvky a pozrem sa do zdrojoveho kodu stranky tak tam prislusny kod pridanych inputov nenajdem chcem sa preto opytat ako to potom pouzit v PHP pri ukladani do DB. vdaka M. |
||
panther Profil |
#2 · Zasláno: 14. 11. 2012, 13:45:08
Monkeys:
„a pozrem sa do zdrojoveho kodu stranky“ ... tak vidíš původní zdrojový kód stránky, ne ten přidaný a vytvořený JavaSciptem. „ako to potom pouzit v PHP pri ukladani do DB.“ mohl jsi zkuit odeslat formulář. Viděl bys, že tam dynamicky přidaná políčka nechybí a normálně se na server odesílají. |
||
Monkeys Profil * |
#3 · Zasláno: 14. 11. 2012, 16:46:05
Vyriesene:
$(function(){ var count =0; $('.pridajObrazok a').click(function() { count++; var obrazok = $('<div class="prilozenyObrazok"><h6>Vyberte ďalší obrázok</h6><label><input name="obrazok2" type="file" size="30" /></label></div>').hide().fadeIn('slow'); if(count <= 3){ $('.loader').append(obrazok); } if(count==3){ $('.pridajObrazok').hide(); } }); }); |
||
Monkeys Profil * |
#4 · Zasláno: 14. 11. 2012, 20:39:21
Este poprosim o jednu radu:
upravil som si este kod pre rozne stavy ale nastal mi jeden problem: Kod: $(function(){ var count = 0; var pocet = 3; $('.pridajObrazok a').click(function(){ count++; var obrazok = $('<div class="prilozenyObrazokDalsi"><h6>Vyberte ďalší obrázok</h6><label><input name="obrazok'+ count +'" type="file" size="30" /> </label><span class="obrazokRemoveIcon remove" id="'+ count +'"> </span></div>').hide().fadeIn('slow'); if(count <= pocet){ $('.loader').append(obrazok); } if(count == pocet){ $('.pridajObrazok').hide(); } return false; }); $('.remove').live('click', function(){ count--; $(this).parent().remove(); if(count != pocet){ $('.pridajObrazok').show(); } return false; }); }); Konkretne problem mam s premennou count asi takto: ked klikam na pridat novy obrazok tak sa pripocitava +1 a pri odstraneni sa odpocitava -1 ale ako nahle odstranim prvy prvok tak logicky 3-1 = 2 a nasledne ked pridam novy prvok tak 2+1 =3 teda vysledny pocet obrazkov bude 2, 3, 3 co nieje spravne a preto sa chcem opytat ako to riesit? vdaka M. |
||
Monkeys Profil * |
#5 · Zasláno: 14. 11. 2012, 23:39:05
Napadla ma taka vec ze aj ked kliknem na prvy element vzdy s odstrani ten posledny.
skusal som napr. taketo nieco ale neako to nemozem rozbehat tieto riadky su vo funkcii live $(this).parent().remove().end(); var hodnota = $('.pridajObrazok').length; $(this).parent().remove().eq(hodnota-1); M. |
||
Monkeys Profil * |
#6 · Zasláno: 15. 11. 2012, 11:28:17
Cely problem bol ze som zbytocne stravil cas nad rozmyslanim ako menit indexy po odstraneni, stacilo ukladanie do pola ...
V PHP si uz potom lahko zistim kolko je aktivnych policok. var obrazok = $('<div class="prilozenyObrazokDalsi"><h6>Vyberte ďalší obrázok</h6><label><input name="obrazok[]" type="file" size="30" /> </label><span class="obrazokRemoveIcon remove"> </span></div>').hide().fadeIn('slow'); M. |
||
Časová prodleva: 11 let
|
0