Pereiti prie turinio

CSS nenori pralysti per append

Arnas

Sukūrė Arnas
Programuotojų kampas

 Dalintis Sekėjai 1

Rekomenduojami pranešimai

Arnas

Arnas 1.911

Sukurta
Sukurta

Sveiki, gal galite padėti išspręsti problemą? Turiu kodą, kuris paspaudus ant mygtuko (+++) prideda naują elementą (file inputą su mygtuku (+++ kuris reiškia pridėt dar vieną). Pridėt prideda, bet INPUTAS praranda savo stilių ir nenori jo atgauti nors tu ką. Tai galioja vien tik inputui..

 

 

HTML:

 

                               <div id="files_upl" class="body textC" style="text-align: left; border-bottom: none;">
                                   <input size="5" type="file" name="files[]" />
                                   <a id="add_more" class="button greyishB" style="margin: 5px;"><span>+++</span></a>
                                   <div class="clear"></div>
                               </div>

 

JS:

 

var i=0;
       $('#add_more').live('click',function(){ 
           $('#files_upl').append('<input size="5" type="file" name="files[]" /><a id="add_more" class="button greyishB" style="margin: 5px;"><span>+++</span></a><div class="clear"></div>');
           i++;
           return false;
       });

 

Kaip atrodo:

 

pradinė būsena: post-71190-0-40348900-1365528582_thumb.png

paspaudus pridėti: post-71190-0-95511000-1365528600_thumb.png

Nuoroda į pranešimą
Dalintis kituose puslapiuose
apieviska

apieviska 551

Atrašyta
Atrašyta (redaguota)

http://api.jquery.com/category/deprecated/deprecated-1.7/

http://apieviska.info/kuriame-naujus-dom-elementus-jquery/

http://api.jquery.com/event.preventDefault/

 

Neleciant pacios logikos, o del klaidos - rodyk pilna source. Jei bijai, tai naudok http://jsfiddle.net veikianciam kodo gabalui parodyti, pvz kaip cia http://jsfiddle.net/nonamez/U8VNr/1/

Redagavo apieviska
Nuoroda į pranešimą
Dalintis kituose puslapiuose
Arnas

Arnas 1.911

Atrašyta
  • Autorius
Atrašyta (redaguota)

 

ačiū, nebijau rodyt kodo, tiesiog nemaniau, kad reikalingas VISAS:

 

<div class="toggle acc">      
                 <div class="title"><img src="images/icons/dark/stats.png" alt="" class="titleIcon" /><h6><?=$lang['grid_overview'];?></h6></div>
                   <div class="menu_body">

                       <div class="widget" style="margin-top: -5px;">
                           <div class="title"><img src="images/icons/dark/user.png" alt="" class="titleIcon" /><h6><?=$lang['grid_allimages'];?></h6></div>                          
                           <table cellpadding="0" cellspacing="0" border="0" class="display dTable">
                           <thead>
                           <tr>
                               <th style="width: 5%;"><?=$lang['grid_imageid'];?></th>
                               <th style="width: 10%;"><?=$lang['grid_image'];?></th>
                               <th><?=$lang['grid_imageplace'];?></th>
                               <th style="width: 140px;"><?=$lang['grid_imageauthor'];?></th>
                               <th style="width: 180px"><?=$lang['grid_imagedate'];?></th>
                               <th class="fileInfo" style="width: 180px"><?=$lang['grid_fileinfo'];?></th>
                               <th style="width: 5%;"><?=$lang['grid_imageactions'];?></th>             
                           </tr>
                           </thead>
                               <div class="clear"></div>
                           <tbody>


                           <?php echo $table_atc->ImagesAll(); ?>

                           </tbody>
                           </table>  
                       </div><div class="clear"></div>

                   </div>
                 <div class="title"><img src="images/icons/dark/inbox2.png" alt="" class="titleIcon" /><h6><?=$lang['grid_upload.image'];?></h6></div>
                   <div class="menu_body">

                       <fieldset>
                           <form class="form" method="POST" enctype="multipart/form-data">
                               <div class="body textC" style="text-align: left; border-bottom: none;">
                                   <input size="5" type="file" name="file" />
                                   <input name="submit_file" type="submit" class="button blueB" style="margin: 5px;" value="<?=$lang['grid_upload.imagebtn'];?>" />
                                   <div class="clear"></div>
                               </div>
                           </form>
                       </fieldset>

                   </div>
                 <div class="title"><img src="images/icons/dark/photos.png" alt="" class="titleIcon" /><h6><?=$lang['grid_upload.images'];?></h6></div>
                   <div class="menu_body">

                       <fieldset>
                           <form class="form" method="POST" enctype="multipart/form-data">
                               <div id="files_upl" class="body textC" style="text-align: left; border-bottom: none;">
                                   <input size="5" type="file" name="files[]" />
                                   <a id="add_more" class="button greyishB" style="margin: 5px;"><span>+++</span></a>
                                   <div class="clear"></div>
                               </div>
                               <div class="body textC" style="text-align: left; border-bottom: none;">                                    
                                   <input name="submit_files" type="submit" class="button blueB" style="margin: 5px;" value="<?=$lang['grid_upload.imagebtn'];?>" />
                                   <div class="clear"></div>
                               </div>

                           </form>
                       </fieldset>

                  </div>
               </div>

 

var IMAGES = {};

IMAGES.delete = function (id) {
   var form_data = 'id=' + id;

   $.ajax({
       url: "ajax_validations/images.image.delete.php",
       type: 'POST',
       data: form_data,
       success: function (json) {
           $("#id_" + id).hide('slow');
       },
       error: function (e) {
           console.log(e.message);
       }
   });

   return false;
};

var i=0;
       $('#add_more').live('click',function(){ 
           $('<input size="5" type="file" name="files[]" /><a id="add_more" class="button greyishB" style="margin: 5px;"><span>+++</span></a><div class="clear"></div>').insertAfter('#files_upl');
           i++;
           return false;
       });

Redagavo gio
Nuoroda į pranešimą
Dalintis kituose puslapiuose
apieviska

apieviska 551

Atrašyta
Atrašyta

ačiū, nebijau rodyt kodo, tiesiog nemaniau, kad reikalingas VISAS:

 

<div class="toggle acc">      
                 <div class="title"><img src="images/icons/dark/stats.png" alt="" class="titleIcon" /><h6><?=$lang['grid_overview'];?></h6></div>
                   <div class="menu_body">

                       <div class="widget" style="margin-top: -5px;">
                           <div class="title"><img src="images/icons/dark/user.png" alt="" class="titleIcon" /><h6><?=$lang['grid_allimages'];?></h6></div>                          
                           <table cellpadding="0" cellspacing="0" border="0" class="display dTable">
                           <thead>
                           <tr>
                               <th style="width: 5%;"><?=$lang['grid_imageid'];?></th>
                               <th style="width: 10%;"><?=$lang['grid_image'];?></th>
                               <th><?=$lang['grid_imageplace'];?></th>
                               <th style="width: 140px;"><?=$lang['grid_imageauthor'];?></th>
                               <th style="width: 180px"><?=$lang['grid_imagedate'];?></th>
                               <th class="fileInfo" style="width: 180px"><?=$lang['grid_fileinfo'];?></th>
                               <th style="width: 5%;"><?=$lang['grid_imageactions'];?></th>             
                           </tr>
                           </thead>
                               <div class="clear"></div>
                           <tbody>


                           <?php echo $table_atc->ImagesAll(); ?>

                           </tbody>
                           </table>  
                       </div><div class="clear"></div>

                   </div>
                 <div class="title"><img src="images/icons/dark/inbox2.png" alt="" class="titleIcon" /><h6><?=$lang['grid_upload.image'];?></h6></div>
                   <div class="menu_body">

                       <fieldset>
                           <form class="form" method="POST" enctype="multipart/form-data">
                               <div class="body textC" style="text-align: left; border-bottom: none;">
                                   <input size="5" type="file" name="file" />
                                   <input name="submit_file" type="submit" class="button blueB" style="margin: 5px;" value="<?=$lang['grid_upload.imagebtn'];?>" />
                                   <div class="clear"></div>
                               </div>
                           </form>
                       </fieldset>

                   </div>
                 <div class="title"><img src="images/icons/dark/photos.png" alt="" class="titleIcon" /><h6><?=$lang['grid_upload.images'];?></h6></div>
                   <div class="menu_body">

                       <fieldset>
                           <form class="form" method="POST" enctype="multipart/form-data">
                               <div id="files_upl" class="body textC" style="text-align: left; border-bottom: none;">
                                   <input size="5" type="file" name="files[]" />
                                   <a id="add_more" class="button greyishB" style="margin: 5px;"><span>+++</span></a>
                                   <div class="clear"></div>
                               </div>
                               <div class="body textC" style="text-align: left; border-bottom: none;">                                    
                                   <input name="submit_files" type="submit" class="button blueB" style="margin: 5px;" value="<?=$lang['grid_upload.imagebtn'];?>" />
                                   <div class="clear"></div>
                               </div>

                           </form>
                       </fieldset>

                  </div>
               </div>

 

var IMAGES = {};

IMAGES.delete = function (id) {
   var form_data = 'id=' + id;

   $.ajax({
       url: "ajax_validations/images.image.delete.php",
       type: 'POST',
       data: form_data,
       success: function (json) {
           $("#id_" + id).hide('slow');
       },
       error: function (e) {
           console.log(e.message);
       }
   });

   return false;
};

var i=0;
       $('#add_more').live('click',function(){ 
           $('<input size="5" type="file" name="files[]" /><a id="add_more" class="button greyishB" style="margin: 5px;"><span>+++</span></a><div class="clear"></div>').insertAfter('#files_upl');
           i++;
           return false;
       });

 

Reikalingas ne visas kodas, bet VEIKIANTIS. http://jsfiddle.net

Nuoroda į pranešimą
Dalintis kituose puslapiuose

Prisijunkite prie diskusijos

Jūs galite rašyti dabar, o registruotis vėliau. Jeigu turite paskyrą, prisijunkite dabar, kad rašytumėte iš savo paskyros.

Svečias
Parašykite atsakymą...

×   Įdėta kaip raiškusis tekstas.   Atkurti formatavimą

  Only 75 emoji are allowed.

×   Nuorodos turinys įdėtas automatiškai.   Rodyti kaip įprastą nuorodą

×   Jūsų anksčiau įrašytas turinys buvo atkurtas.   Išvalyti redaktorių

×   You cannot paste images directly. Upload or insert images from URL.

Įkraunama...
×
 Dalintis
Sekėjai 1
Eiti į temų sąrašą

  • Dabar naršo   0 narių

    Nei vienas registruotas narys šiuo metu nežiūri šio puslapio.

×
×
  • Pasirinkite naujai kuriamo turinio tipą...