jQuery Forum

Get diffrent 2 times in jqueyr by click
[3Replies]
- 05-Jan-2016 11:28 PM
- Forum: Using jQuery
Hello guys, i'm creating cms which calculate diffrent when the employee come in in the office, but now i'm going to calculate diffrent time by event click when employee loggin and click the button come in but i always get Nan result in jquery,

You can see this demo

already googling here but there should add date other hand i only have hour:minute:second, thanks for comment and answer

Tinymce in every modal bootsrap only working in the first modal
[4Replies]
- 28-Dec-2015 10:37 PM
- Forum: Using jQuery
Hello, merry Christmass hope not to late lah to say, well quick question

here is demo

My goal is make all tinmyce should work in every modal, in my demo only first modal working fine but another modal not working, already googling i use jquery to detect modal open or shown then put configuration tinymce inside it, the script bellow here
2. //first modal
3. $('#myModal').on('shown.bs.modal', function(event) {
4. //here is configuration tinymce
5. })
Thanks for any respond,

Best Regards

Freddy Sidauruk

Multiple Preview images diffrent height and width using cropit

21-Dec-2015 08:44 PM
Forum: Using jQuery

Crop and resize images is a common issue build cms, so i found great plugin here that plugin working well in desktop and mobile touch screen but i have last issue in my project how can i make multiple preview in this page !

already look at the issue there and found someone post same like me issue, so i digging on here but not working, issue here

then i checked jquery.cropit.js line 927 has class cropit-image-preview means will load images, so i make

 <form action="#">
  <div class="image-editor">
    <input type="file" class="cropit-image-input">
    <div class="cropit-image-preview"></div>
    <div class="image-size-label">
      Resize image
    </div>
    <input type="range" class="cropit-image-zoom-input">
    <input type="hidden" name="image-data" class="hidden-image-data" />
    <button type="submit">Submit</button>
  </div>

  <!--diffrent class with cropit-image-preview with diffrent height and width-->
   <div class="image-editor-test">
    <input type="file" class="cropit-image-input">
    <div class="cropit-image-preview-test"></div>
    <div class="image-size-label">
      Resize image
    </div>
    <input type="range" class="cropit-image-zoom-input">
    <input type="hidden" name="image-data" class="hidden-image-data" />
    <button type="submit">Submit</button>
  </div>
 </form>

Then i copy the jquery.cropit.js and rename it and also change line 927 become cropit-image-preview-test and also the css is here

.cropit-image-preview {
    background-color: #f8f8f8;
    background-size: cover;
    border: 1px solid #ccc;
    border-radius: 3px;
    margin-top: 7px;
    width: 250px;
    height: 250px;
    cursor: move;
  }

   .cropit-image-preview-test {
    background-color: #f8f8f8;
    background-size: cover;
    border: 1px solid #ccc;
    border-radius: 3px;
    margin-top: 7px;
    width: 300px;
    height: 300px;
    cursor: move;
  }

and this is my js

$(function() {
    $('.image-editor').cropit();

    $('form').submit(function() {
       var imageData = $('.image-editor').cropit('export');
       $('.hidden-image-data').val(imageData);
       var formValue = $(this).serialize();
       $('#result-data').text(formValue);
      return false;
    });

    <!--test preview image-->
    $('.image-editor-test').cropit();

    $('form#test').submit(function() {
       var imageData = $('.image-editor-test').cropit('export');
       $('.hidden-image-data-test').val(imageData);
       var formValue = $(this).serialize();
       $('#result-data-test').text(formValue);
      return false;
    });

  });

to be honest this came from demo here and issue but the author nothing respond and someone already post in stackoverflow but nothing clear explation, Thanks for any comment

Scroll to bottom when mobile device accses
[7Replies]
- 12-Nov-2015 06:15 AM
- Forum: Using jQuery
Hello guys, thanks for some help

Quick question, here is demo

Please click button on that form will show another div in the right

My question is how can when users accsess by mobile can scroll down, already google and got idea about width to detect how big screen but don't know how to applicated it ?

Thanks

how can i show from database in modal bootsrap which is data type is json
[0Replies]
- 30-Oct-2015 10:12 PM
- Forum: Using jQuery
Hi, i don't know how to pass value from database if check box or radio button put it in and also images, i'm trying to make variable which is save the data for checkbox but still no t works even errors please see line 14-21 i make comment so you gusy can guide me, but for all input type text already success
so here is my script, please review , thanks millions time
3. //edit data product
4. $('.edit_button').on("click", function(e) {
5. var id = $(this).data('id');
6. $.ajax({
7. url: base_url + "product/edit/"+id,
8. type: "GET",
9. dataType: "JSON",
10. success: function(data)
11. {
13. var a= data.product_status;
15. if (a!='') {
16. console.log('status has value');
17. $('#status').prop('checked', true);
18. } else{
19. console.log('status has no value');
20. $('#status').prop('checked', false);
21. }
23. $('[name="id_brand"]').val(data.id_brand);
24. $('[name="merk"]').val(data.name_brand);
25. $('[name="id_tipe"]').val(data.id_tipe);
26. $('[name="tipe"]').val(data.name_tipe);
27. $('[name="product_toko"]').val(data.product_toko);
28. $('[name="product_harga"]').val(data.product_harga);
29. $('[name="product_keterangan"]').val(data.product_keterangan);
31. $('#modal_form').modal('show'); // show bootstrap modal when complete loaded
32. $('.modal-title').text('Edit Product'); // Set title to Bootstrap modal title
34. },
35. error: function (jqXHR, textStatus, errorThrown)
36. {
37. alert('Error get data from ajax');
38. }
39. });
40. });
edit i have success check box then how can i show image in modal, is it same like checkbox way
1. save data in json with variable
2. then use jquery to put images with keyword goolging src !
am i right to handle images in modal bootsrap ? thanks

Post data json inside checkbox and images
[2Replies]
- 30-Oct-2015 05:03 AM
- Forum: Using jQuery
Hi this is my whole js, i'm building some edit products which is inside modal bootsrap
2. $('.edit_button').on("click", function(e) {
3. var id = $(this).data('id');
4. $.ajax({
5. url: base_url + "product/edit/"+id,
6. type: "GET",
7. dataType: "JSON",
8. success: function(data)
9. {
10. //i need to show data from database in checkbox and images in by name input type checkbox
12. $('[name="id_brand"]').val(data.id_brand);
13. $('[name="merk"]').val(data.name_brand);
14. $('[name="id_tipe"]').val(data.id_tipe);
15. $('[name="tipe"]').val(data.name_tipe);
16. $('[name="product_toko"]').val(data.product_toko);
17. $('[name="product_harga"]').val(data.product_harga);
18. $('[name="product_keterangan"]').val(data.product_keterangan);
21. $('#modal_form').modal('show'); // show bootstrap modal when complete loaded
22. $('.modal-title').text('Edit Product'); // Set title to Bootstrap modal title
24. },
25. error: function (jqXHR, textStatus, errorThrown)
26. {
27. alert('Error get data from ajax');
28. }
29. });
30. });
then i'm trying to make var for
name_tipe but gpot errors

my problem is how can i put values from database inside checkbox or images, here is i'm trying to pu calues inside checkbox but got errors val is not defined
1. $.ajax({
  url: base_url + "product/edit/"+id,
  type: "GET",
  dataType: "JSON",
  success: function(data)
  {
  //here is data from database which will show in modal
  
  var name_tipe= val(data.name_tipe); //consider it for check bok
  if (name_tipe !=='') {
  alert('check box has value');
  $('.myCheckbox').prop('checked', true);
  }
  else
  
  {
  alert('check box has value');
  $('.myCheckbox').prop('checked', false);
  }
  
  });
Thanks

My css autocomplete doesn't work in modal bootsrap, please review !
[15Replies]
- 26-Oct-2015 11:14 PM
- Forum: Using jQuery Plugins
hi guys, i have been stuck in css autocomplete please don't know how to debug it,
here is my demo please go here

http://lihatdulu.earworks.co.id/

email : sidaurukfreddy@gmail.com

pass : dauruk0512

Please after you loggin then trying in first div just type in the 2 input type,my autocomplete working well there then press icon plus modal will be dissapear

then here is

Please review guys

Why my jquery doesn't create right form
[1Reply]
- 23-Oct-2015 06:20 AM
- Forum: Using jQuery Plugins
Hi again,

Here is thing i need to clone the form then remove the original form, but hard for me so i created like this

http://codepen.io/sidaurukfreddy/pen/RWQMKV which i remove then created new one,

my problem is when users click on it why my create form doesn't working good ? please anyone guide me how to create form like for will be remove it ?

Thanks

What colour the best way let users know for new products
[3Replies]
- 21-Oct-2015 08:15 AM
- Forum: Using jQuery
Hello guys,

Need some disscussion and advice what the best way to give user know where is the products news inserted, so i create this http://jsfiddle.net/dauruk0512/44yedtfo/27/

by event click what the right way based on my background above ?

Point : give uses nice experience in UI and UX

MAKE DIV STAY SHOW
[3Replies]
- 14-Sep-2015 11:00 PM
- Forum: Using jQuery
hello guys jquery, thanks for support this forum i have been familiar with jquery, so to the point i have some problem now with jquery div

here is my simple demo
1. Users click href edit in second div and form in the third div show, form need action php ( Codeignter ) to insert database by using php. it success but all i want how can i make the form still stay when the form validations is false by php to make users know what the errors shown without change the my logic jquery cause when the validations form true or false div-3 will be automatically hide
2. if the validations true automatically close if false still stay but the actions using php, what should event i use to?
and here is my validations php
2. if ($this->form_validation->run() == FALSE)
3. {
  //show the error to the from
  }else {
  //insert databse
  }

How to upload images also change whole div
[2Replies]
- 08-Sep-2015 07:19 AM
- Forum: Using jQuery
Hello guys, i need to create upload images look like above, my script is here http://codepen.io/sidaurukfreddy/pen/rOVYMv , my question is
1. Is the CSS script avaiable can be like that
2. How to make when images is uploading not more than div
Thanks for respond

How to keep my radio still running while click some href
[11Replies]
- 11-Aug-2015 10:56 PM
- Forum: Using jQuery UI
How can i keep my radio streaming not reload while click some href ( Puspargam, Linatasan ) the other page is landpage,

i'm trying to solved this using angular js ( https://scotch.io/tutorials/single-page-apps-with-angularjs-routing-and-templating ) but hard to me tu customize use angular

, how can i load that radio in every page in php by using jquery so the radio not reload after click some href ( Puspargam, Linatasan )

here is my site http://suarakasih.com/

and here is my script calling radio streaming , thanks for any comment
2. <script type="text/javascript">
3. new WHMSonic({
4. path : "http://streamingmurah.com/flashplayer/WHMSonic.swf",
5. source : "http://sc.streamingmurah.com:9484",
6. volume : 60,
7. autoplay : true,
8. //width: 400,
9. height: 60,
10. twitter : "https://twitter.com/suarakasih",
11. facebook : "https://www.facebook.com/suara.kasih.98?fref=ts",
12. logo : "http://streamingmurah.com",
13. });
14. </script>

Why last href is not working when there is some link between href scroll
[0Replies]
- 08-Jun-2015 10:10 PM
- Forum: Using jQuery Plugins
hello guys, i was exciting in this forum cause some of you guys make me aware about jquery,
well to the point now days i'm creating one page with jquery and bootsrap, many times change plugin then i found nice plugin here https://github.com/rabmyself/smint yes i fall in love that plugin but now i have problem about it when there is link some hre not workind to scroll
2. <ul class="nav navbar-nav" id="navlist">
3. <li><a href="#fasilitas">Fasilitas</a></li>
4. <li><a href="#testtimoni">Testimoni</a></li>
5. <li><a href="#praktek">Praktek</a></li>
6. <li><a href="<?php echo site_url('tanya') ?>">Tanya Jawab</a></li>
7. <li><a href="<?php echo site_url('update') ?>">Update</a></li>
8. 
9. <li><a href="#contact">Kontak</a></li>
10. </ul>
but when i change code to be like this totally working scroll page
2. <ul class="nav navbar-nav" id="navlist">
3. <li><a href="#fasilitas">Fasilitas</a></li>
4. <li><a href="#testtimoni">Testimoni</a></li>
5. <li><a href="#praktek">Praktek</a></li>
6. <li><a href="#contact">Kontak</a></li>
7. <li><a href="<?php echo site_url('tanya') ?>">Tanya Jawab</a></li>
8. <li><a href="<?php echo site_url('update') ?>">Update</a></li>
9. </ul>
and also i make issue there but still not answer, The point is i want make my first menu is working not like second above this, here is my issue https://github.com/rabmyself/smint/issues/20
Thanks Forum Jquery

Freddy Sidauruk

How can i give space between navbar fixed with div
[7Replies]
- 03-Jun-2015 12:28 AM
- Forum: Using jQuery
Hello Guys i'm creating website that has feature one page, i have been figure it and succesfully scroll and fixed the nav bar, but now i face problem that when i click the href page scroll go away not as wish, i mean in this issue my page go the top it make not good looking for user, My wish now how can i give some space or height between my navbar and div, Thanks

http://sharethingz.com/js-jquery/jquery-smooth-scrolling-to-an-element-on-page/

http://stackoverflow.com/questions/14667829/how-to-create-a-sticky-navigation-bar-that-becomes-fixed-to-the-top-after-scroll

this is my jquery
1. // for fixed menu
2. $(document).ready(function() {
3. $(window).scroll(function () {
4. console.log($(window).scrollTop())
5. if ($(window).scrollTop() > 500) {
6. $('#nav_bar').addClass('navbar-fixed');
7. }
8. if ($(window).scrollTop() < 500) {
10. $('#nav_bar').removeClass('navbar-fixed');
12. }
13. });
14. });
18. //for click href
20. jQuery(document).ready(function(){
21. jQuery('a[href^="#"]').click(function(e) {
22. jQuery('html,body').animate({
23. scrollTop: jQuery(this.hash).offset().top}, 800);
24. return false;
25. e.preventDefault();
26. });
27. });

How to give colour tr with max id in Table
[2Replies]
- 27-Apr-2015 07:10 AM
- Forum: Using jQuery
Hey guys i'm trying to give colour in tr table which has max id (Higher id) , if you guys asked what i have done already try using this http://stackoverflow.com/questions/12556647/get-highest-number-from-table-cell-content but i cant get the value when change in tr , Thanks

here is my jsfiddle http://jsfiddle.net/dauruk0512/s7kms16t/

how to make function Keyup working too by give value by another keyup in diffrent entering
[6Replies]
- 24-Apr-2015 01:11 AM
- Forum: Using jQuery
Hello Guys, i have form that is more complex for me, a lot of jquery function on it,
so here is my simple demo http://jsfiddle.net/dauruk0512/524LpL8r/9/

There is two way buy product
1. If serial number entering automatically qty has default 1 and cannot edit cause i make readonly
2. if serial number not entering user can buy product more than 1
Problem is when user doesn't entering serial number then buy same product more than stock i'm success make alert but when user buy entering serial number i cant make alert it, what should i do cause in this function i give some event but not working too
1. $(document).on('keyup, change, blur', '.qty', function()
What should i do to make keyup working too, Thanks a lot for any respon guys

How to make default 1 by entering field IMAE/SN
[3Replies]
- 21-Apr-2015 06:00 AM
- Forum: Using jQuery
Hello Guys, i need some help to debug my javascript in localhost running well but only first row so i upload in jsfidlle but it doesn't work >.<

all i need is how to make default fields Jumlah to be 1 when user enter IMAE/S.N
my script about it in bellow

Reminder :Localhost running first row but next row not working in jsfiddle not work, Thanks for respon my jsfiddle here http://jsfiddle.net/dauruk0512/08ps55uf/11/
2. $(document).on('keyup', '.imae', function() {
3. var imae = $(this).val();
4. if (imae!='')
5. {
7. $(".quantity").val(1);
8. $(".quantity").prop("readonly", true);
9. }
10. else
11. {
12. $(".quantity").val("");
13. $(".quantity").prop("readonly", false);
14. }
15. })

Multiplication in Edit Form only working first row
[9Replies]
- 07-Apr-2015 10:17 PM
- Forum: Getting Started
Hey Guys,i'm developing form which have auto complete, add row auto and multiplication between quantity * price.

I'm success insert it without bugs but after that i'm going create edit form for this and face the bugs multiplication only working in the first rows after that not working ,

Then trying copas insert form and put in my edit for plus value (cause it came from database)
here is my edit form is succes ---------> http://jsfiddle.net/99nkbv5a/5/

and this this is my view with database only working first row
2. <table class="table table-bordered table-hover" style="margin-top:50px;">
3. <thead>
4. <tr>
5. <th width="2%"><input id="check_all" class="formcontrol" type="checkbox"/></th>
6. <th width="12%">Kode Barang</th>
7. <th width="15%">Nama Barang</th>
8. <th width="8%">Stock</th>
9. <th width="15%">Harga</th>
10. <th width="10%">Jumlah</th>
11. <th width="15%">Total</th>
12. </tr>
13. </thead>
14. <tbody>
15. <tr>
16. <td><input class="case" type="checkbox"/></td>
17. <td>
18. <input type="text" data-type="id_barang" name="itemNo[]" id="itemNo_1" class="form-control autocomplete_txt" autocomplete="off">
19. <input type="hidden" name="kode[]" id="kode_1" value="<?php echo $id ?>">
21. </td>
22. <td><input type="text" data-type="nama_barang" name="itemName[]" id="itemName_1" class="form-control autocomplete_txt" autocomplete="off" readonly></td>
23. <td><input type="text" name="StockName[]" id="StockName_1" class="form-control autocomplete_txt" autocomplete="off" readonly></td>
24. <td><input type="number" name="price[]" id="price_1" class="form-control changesNo" autocomplete="off" onKeyPress="return IsNumeric(event);" ondrop="return false;" onpaste="return false;" pattern="^\d+(\.|\,)\d{2}$"></td>
25. <td><input type="number" name="quantity[]" id="quantity_1" class="form-control changesNo quantity" autocomplete="off" onKeyPress="return IsNumeric(event);" ondrop="return false;" onpaste="return false;" ></td>
26. <td><input type="number" name="total[]" id="total_1" class="form-control totalLinePrice" autocomplete="off" onKeyPress="return IsNumeric(event);" ondrop="return false;" onpaste="return false;" readonly pattern="^\d+(\.|\,)\d{2}$"></td>
27. </tr>
28. </tbody>
29. </table>

How to call one field table and put it in add row dinamis
[1Reply]
- 31-Mar-2015 11:39 PM
- Forum: Using jQuery
hello dear, i want ask simple question, how can i call one field came from database, I'm new in Jquery, btw i use codeignter how can i do that, i have already searching but still dont get it and dont know how to strat, Will big thanks if any respon,
Freddy Sidauruk
2. //var kode is came from table, and i need to put this field in input type id_pembelian, please see bellow
3. var kode=
5. var i=$('table tr').length;
6. $(".addmore").on('click',function(){
7. html = '<tr>';
8. html += '<td><input class="case" type="checkbox"/><input type name="id_pembelian" type="hidden" value="kode">
9. </td>';
10. html += '<td><input type="text" data-type="id_barang" name="itemNo[]" id="itemNo_'+i+'" class="form-control autocomplete_txt" autocomplete="off"></td>';
11. html += '<td><input type="text" data-type="nama_barang" name="itemName[]" id="itemName_'+i+'" class="form-control autocomplete_txt" autocomplete="off" readonly></td>';
12. html += '<td><input type="text" name="StockName[]" id="StockName_'+i+'" class="form-control autocomplete_txt" autocomplete="off" readonly></td>';
13. html += '<td><input type="text" name="price[]" id="price_'+i+'" class="form-control changesNo" autocomplete="off" onkeypress="return IsNumeric(event);" ondrop="return false;" onpaste="return false;"></td>';
14. html += '<td><input type="text" name="quantity[]" id="quantity_'+i+'" class="form-control changesNo" autocomplete="off" onkeypress="return IsNumeric(event);" ondrop="return false;" onpaste="return false;"></td>';
15. html += '<td><input type="text" name="total[]" id="total_'+i+'" class="form-control totalLinePrice" autocomplete="off" onkeypress="return IsNumeric(event);" ondrop="return false;" onpaste="return false;" readonly></td>';
16. html += '</tr>';
17. $('table').append(html);
18. i++;
19. });

multiplication in dinamic row
[13Replies]
- 30-Mar-2015 01:22 AM
- Forum: Using jQuery
hello Jqueryer,

how can i make multiplication in dinamic row, i just succes make it in the first row, hope fully by image can make you understand what my problem,

and this is my code view
2. <table class="table table-bordered">
3. <tr>
4. <th><input class='check_all' type='checkbox' onclick="select_all()"/></th>
5. <th>#</th>
6. <th>Kode Barang</th>
7. <th>Nama Barang</th>
8. <th>Stock</th>
9. <th>Jumlah</th>
10. <th>Harga</th>
11. <th>Total</th>
12. </tr>
13. <tr>
14. <td><input type='checkbox' class='case'/></td>
15. <td><span id='snum'>1.</span></td>
16. <td><input class="form-control" type='text' id='kodebarang_1' name='kodebarang[]'/></td>
17. <td><input class="form-control" type='text' id='namabarang_1' name='namabarang[]' readonly /></td>
18. <td><input class="form-control" type='text' id='stock_1' name='stock[]' readonly /></td>
19. 
20. <td><input class="form-control" type='text' id='jumlah_1' name='jumlah[]' onkeyup="hitung2();" /> </td>
21. <td><input class="form-control" type='text' id='harga_1' name='harga[]' onkeyup="hitung2();" /> </td>
22. <td><input class="form-control" type='text' id='total_1' name='total[]'/> </td>
23. </tr>
24. </table>
25. <button type="button" class='btn btn-danger delete'>- Delete</button>
26. <button type="button" class='btn btn-success addmore'>+ Add More</button>
27. <button type="submit" class="btn btn-primary">Submit</button>
and this is my jquery multiplication
2. function hitung2() {
3. var a = $("#jumlah_1").val();
4. var b = $("#harga_1").val();
5. c = a * b; //a kali b
6. $("#total_1").val(c);
7. }
i think my problem is how to make it in array ? thanks for any respon, Thanks

Response title

Attachments

jQuery Forum

Activity Trend