Tolong pilih kategori sesuai, jenis posting (diskusi atau bukan) dan sertakan tag/topik yang sesuai seperti komputer, java, php, mysql, dll. Promosi atau posting tidak pada tempatnya akan kami hapus!
</pre <pre lang="java"> <script type="text/javascript"> $(document).ready(function () { $("input[id^='input_size']").each(function () { var id = parseInt(this.id.replace("input_size", "")); $("#input_size" + id).change(function () { if ($("#input_size" + id).val() !== "") { $("#moreInputSizeLink").show(); } }); }); $("input[id^='input_color']").each(function () { var id = parseInt(this.id.replace("input_color", "")); $("#input_color" + id).change(function () { if ($("#input_color" + id).val() !== "") { $("#moreColorInputLink").show(); } }); }); $('#sizeMore').click(function () { var input_size= 2; //add more size var moreInputTag = ''; moreInputTag += '<div class="form-pallete col-lg-6">'; moreInputTag += '<div class="container">'; moreInputTag += '<div class="row">'; moreInputTag += '<!-- Text input-->'; moreInputTag += '<div class="col-lg-3">'; moreInputTag += '<input type="file" name="size[]" id="input_size' + input_size+ '" maxlength="25" class="form-control" placeholder=""/>'; moreInputTag += '</div>'; moreInputTag += '<div class="col-lg-9">'; moreInputTag += '<div class="element">'; moreInputTag += '<div class="row">'; moreInputTag += '<!-- Text input-->'; moreInputTag += '<div class="col-lg-4 mb-3">'; moreInputTag += '<input type="file" name="color[]" id="input_color2" maxlength="25" class="form-control" value="1"/>'; moreInputTag += '</div>'; moreInputTag += '<div class="col-lg-4 mb-3">'; moreInputTag += '<input type="number" name="quantity[]" maxlength="25" class="form-control" placeholder=""/>'; moreInputTag += '</div>'; moreInputTag += '<div class="col-lg-4 mb-3">'; moreInputTag += '<input type="number" name="soldout[]" maxlength="25" class="form-control" placeholder=""/>'; moreInputTag += '</div>'; moreInputTag += '<!-- Text input-->'; moreInputTag += '</div>'; moreInputTag += '</div>'; moreInputTag += '<div id="moreColorInput"></div>'; moreInputTag += '<div style="clear:both;"></div>'; moreInputTag += '<div id="moreColorInputLink" style="margin-left: 10px;">'; moreInputTag += '<a href="javascript:void(0);" id="colorMore' + input_size+ '">Attach another Color</a>'; moreInputTag += '</div>'; moreInputTag += '</div>'; moreInputTag += '<!-- Text input-->'; moreInputTag += '</div>'; moreInputTag += '</div>'; moreInputTag += '</div>'; $('<dl id="delete_size' + input_size+ '">' + moreInputTag + '</dl>').fadeIn('slow').appendTo('#moreInputSize'); input_size++; }); $('#colorMore').click(function () { var input_color = $(this).attr("id"); //add more Color var moreInputTag = ''; moreInputTag += '<div class="element">'; moreInputTag += '<div class="row">'; moreInputTag += '<div class="col-lg-4 mb-3">'; moreInputTag += '<input type="file" name="color[]" id="input_color' + input_color + '" value="' + input_color + '" maxlength="25" class="form-control" placeholder=""/>'; moreInputTag += '</div>'; moreInputTag += '<div class="col-lg-4 mb-3">'; moreInputTag += '<input type="number" name="quantity[]" maxlength="25" class="form-control" placeholder=""/>'; moreInputTag += '</div>'; moreInputTag += '<div class="col-lg-4 mb-3">'; moreInputTag += '<input type="number" name="soldout[]" maxlength="25" class="form-control" placeholder=""/>'; moreInputTag += '</div>'; moreInputTag += '</div>'; moreInputTag += ' <a href="javascript:void" style="cursor:pointer;" onclick="deletecolorLink(' + input_color + ')">Delete ' + input_color + '</a>'; moreInputTag += '</div>'; $('<dl id="delete_color' + input_color + '">' + moreInputTag + '</dl>').fadeIn('slow').appendTo('#moreColorInput'); input_color++; }); }); function deletesizeLink(eleId) { if (confirm("Are you really want to delete ?")) { var ele = document.getElementById("delete_size" + eleId); ele.parentNode.removeChild(ele); } } function deletecolorLink(eleId) { if (confirm("Are you really want to delete ?")) { var ele = document.getElementById("delete_color" + eleId); ele.parentNode.removeChild(ele); } } </script> |
Comments