Scrolling in table
I try this grid please check link LINK now i successfully display this but there is no scroll <%--for grid--%> <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"> </script> <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.9.1/jquery-ui.min.js"> </script> <script type="text/javascript" src="Scripts/gridviewScroll.js"></script> <script type="text/javascript" src="Scripts/gridviewScroll.min.js"></script> CHECK IMAGE
select2 plugin(multiple selection) is not working in dynamically added fields
hi I have used select2 plugin for multiple selection. but select2 plugin is not working in dynamically added fields. please help me to work properly in dynamic fields. my updated code link https://plnkr.co/edit/dSioQ7TJJeHVAlTMxGTP?p=preview
Adding a div to selected radio button / checkbox text
I have one more question, I hope it's okay to post. I'm using this plugin: http://www.jqueryscript.net/form/Easy-Custom-Checkbox-And-Radio-Input-Plugin-With-jQuery-ezMark.html which adds a div around radio buttons and checkboxes so you can replace them with images. I would like to be able to add a div around the <span> that contains the text for each radio button / checkbox, so that I can make the font bold when the radio button or checkbox is selected. What would be the easiest way to do this?
Help editing a radio button plugin
I'm using this nice, simple plugin: http://www.jqueryscript.net/form/Easy-Custom-Checkbox-And-Radio-Input-Plugin-With-jQuery-ezMark.html - it works great, but sometimes a radio button or checkbox will be greyed out if you select certain other buttons or boxes due to a conflict management system. Right now, when a button or box gets greyed out it has the same image as an unselected button or box. Is there a way to make it so a greyed out button or box has its own image? And also, sometimes a button
jQuery Countdown- unable to change the date
Hi, i downloaded this cool jquery countdown but when I try and change the counter I get errors or the counter disappears. The download even came with instructions embedded but I am unsure where to change the clock or if I am to change it in multiple places. I'm sure it's something I'm missing, any help would be great! It is so long.... (function($) { // Hide scope, no $ conflict var pluginName = 'countdown'; var Y = 0; // Years var O = 1; // Months var W = 2; // Weeks var D = 3; // Days var H = 4;
Multiselect with optgroup and keepRenderingSort doesn't work
Good day everyone, I am setting up a Multiselect withoptgroup and then I have: keepRenderingSort: true But it doesn't work, the order of the items is altered and the whole optgroup moves to the bottom of the list when I move an item from the right dropdownbox to the left one. https://crlcu.github.io/multiselect/ Any advise? https://crlcu.github.io/multiselect/#sort
Multiselect Search with Optgroup, can't get it to work
Good day everyone, I've tried to make this plugin below work with a Search feature on OptGroup without success. Any help would be greatly appreciated. https://crlcu.github.io/multiselect/ Thank you
ajax is not running please help
Even the if else block is running properly, $(document).ready(function(){ $('#loadingGif').hide(); $('#selectCourse').change(function(){ if($(this).val()) { $('#loadingGif').show(); var courseName= $(this).val(); var data = 'func=getFee&courseName='+courseName; $.ajax({ type:'POST', url:"../SQLnew.php", data: data, success: function(fees){
How do I get Date Range Picker to pass the selected date to my input text box or a variable?
My javascript below using preset ranges for DateRangePicker - I need to pass the selected start and end dates to two input boxes in LOGIXML called StartDate and EndDate. I am not sure how to do this. Please help. Note: I don't want to run the daterangepicker logic for two different input fields(from and to). I want to use one input field but the start and end dates are passed to two separate variables. I am using comiseo.daterangepicker js. Please help. $(document).ready(function() { $("#inpDatePicker").daterangepicker({
jquery multiple datepicker clear altformat date question
Assuming this "feature" still exists whereby if you clear a date on a datepicker input, the alformat date is not cleared. I have the following script and if an input date field is removed/cleared, the altformat date remains and is not cleared. Is there a known way that works to also clear the alformat date when the input date is cleared? I suspect if (!$(this).val()) $("#" + $(this).data('target-id').val(''); could be a start, but where and how is getting me stuck. $(function() { $('.display_date').each(function(){
Special jquary slider for my design
introduce me one jquery plugin for this slider.this is very important for me.please help thanks
Animations move at different speeds
Hi, So I'm trying to animate some "items" across the screen from right to left which I successfully managed but I am now trying to get the animations to stop when you hover your mouse over the items then start animating them again when the mouse is moved. I have successfully managed to stop the animation on hover but when resuming I can't get the items to move at the same speed. It seems the earlier items get slower and the later ones start overlapping them. Here is what I have: https://jsfiddle.net/dgLxL2tr/3/
Accordian Defaults
When using the Accordian, I have two things I'm trying to figure out: #1 the default is to have he first div open. I have 4 div's in my accordian and want the 4th div to default as open, not the first. #2 the default is when you open one panel the other one that is open, closes. I want it to remain open until the user closes it. My code: <script> $( function() { $( "#accordion" ).accordion({ collapsible: true }); } ); </script> <div id="accordion">
Multiselect internal function refresh won't change DOM in IE10 but okay with Firexfox and Chrome
I am new to multiselect plugin and jquery. I am trying to show a list of states, with all states selected as default, where multiple states can be selected. I can see in the view source of the browser that all state options are selected. If I choose just 2 or 3 of the possible 50 states, they work fine in Chrome and Firefox but not with with IE. Basically IE ignores the selected options and uses all of the options. So I started looking for DOM changes and zeroed on "refresh" method of the Widget.
Jquery Aim(menu hover fix) for Jquery vertical ui tabs
I am trying to implement Jquery ui tabs with Jquery menu aim feature but it is not working, however it works well with bootstrap. Have any one tried to implement this feature on JQuery vertical ui tabs? pls help my code is as follows. <!-- My code --> <!doctype html> <html> <head> <link rel="stylesheet" href="https://code.jquery.com/ui/1.11.2/themes/smoothness/jquery-ui.css"> <script src="https://code.jquery.com/jquery-1.10.2.js"></script> <script src="https://code.jquery.com/ui/1.11.2/jquery-ui.js"></script>
Jquery validation
Hi My remote PHP function return two values. 1 and 2. How can i catch those values and put in to separate error messages. $coupon_code = $fw->xss()->safe($_REQUEST['coupon_code']); $coupon_code = $fw->voucher()->getByCodeStatus($coupon_code); console.log($coupon_code); //return 2 means no value in the credit card // if($coupon_code == 1) // { echo("false"); }else if($coupon_code == 2){ echo("false"); }else{ echo("true"); } -----------------------------------------------------------------------
jQuery Autocomplete problem
Hi, can you help me with the jQuery Autocomplete.. here is my problem... I have an autocomplete field on a form.. i want to search for certain fullname for example i typed in John Doe or Doe John it will suggest me the name having john and doe on their names. currently when i search John it works fine but when i use space after John it closes the suggestions the same thing when i typed in Doe{space}John. so basically i want to search for fullname having the terms with spaces in any order. here is
Colorbox: Difference in click on x to close or clicking the overlay to close
i have a page with a few elements, which open and close on a click (slideToggle on a class) In these elements i have images on which you can click (via Colorbox) so you get a blown up version of the image on an overlay (basic Colorbox install does this). The blown up version has an X-icon (in the bottom right corner of the image) on which you can click to close the image. You can also click on the overlay, which also closes the image. Funny thing is that when you click on the X-icon, the elements
Looking for a slideshow to some small clients images
Hello guys, I am looking for a jQuery/JS library for a clients part on my website. This is how it kinda looks right now: https://www.google.co.il/search?q=out+clients+page&espv=2&tbm=isch&tbo=u&source=univ&sa=X&ved=0ahUKEwjCg6q_keHNAhXILsAKHbasDPcQsAQITw&biw=1745&bih=868#imgrc=_ and I’m trying to make it look a bit more fancy. This can be images which are partly big/small (like when you open “Photos” on Facebook and some are big/small – and it could be more simple. That will work fine. It has to
JCrop boxWidth and boxHeight
Hi, I'm trying to use boxWidth and boxHeight. It seems to work well for an image wider than height but not working well for an image higher than wide. Code here : $('#UncroppedImage').Jcrop({ setSelect: [0, 0, 100, 100], minSize: [100, 100], maxSize: [640, 640], onChange: updateOriginal, onSelect: updateOriginal, aspectRatio: 1 / 1, boxWidth: 640, boxHeight: 640 }); See the result of that :
Issue facing using jquery.multiple.select plugin populating more than 10k element
Hi All, We are using JQuery v1.10.1 and jquery.multiple.select plugin for html ui development Problem Statement : We are having HTML UI with more than 10000 data elements which we need to populate in Drop Down box (combo). These elements have Option Groups which contain sub multiple options. e.g. Input Data <optgroup label="A"> <option value="100>100</option> <option value="200">200</option> </optgroup> <optgroup label="B"> <option value="300>300</option> </optgroup> Issue Observed : We are
Year Only Validation Along with 'till' year set to 'Current' (text)
Okay, while the above solution works; I'm required to validate for 'tillYear' set to 'Current' as well. Here's how it's supposed to work: 1. If the user clicks on 'Current/Pursuing' button, I want to set the value of 'Till' field to 'Current' as shown in above screen grab. 2. If the user chooses to enter year, it must be: a- A 4-digit year b - Should lie between fromYear - currentYear + 4years. I was able to achieve 2a and 2b with following rules; but the condition that the field should also
Geocomplete / Google Places API : How do I Pick Only The City Name?
I've two questions: Question 1. When using Google Places autocomplete API, how do I show only the city name after user selects one of the suggestions? For example, When user types: New...., the suggestions shown are - New Delhi, India New York, USA etc. When user selects the first option; I'd like the input field to show only 'New Delhi' and NOT 'New Delhi, India'? Question 2: I pretty much accomplished the above using geocomplete api: https://github.com/ubilabs/geocomplete/blob/master/jquery.geocomplete.js
Super Simple Silder (sss) not working
http://plnkr.co/edit/DNZfpBOskB49iT1QhzxO?p=catalogue Hello everyone. I have recently downloaded the super simple slider plugin, but I can't get it to work. Instead of displaying the slider, it displays the four images in a row at the same time. I feel like I am missing something super simple and obvious, but I would appreciate it if someone could take a look at my code and point me in the right direction. Thank you!!
JQuery Nestable - How can I make a dragable element editable?
down votefavoriteHi ss Hi All, I'm using a jquery.nestable.js where I can add new items. The issue is that I've tried to make them editable using the click event but nothing happens. This is what I've made: HTML: <section class="panel panel-margin-settings" id="first-component"> <header class="panel-heading"> <h2 class="panel-title">App Categories</h2> </header> <a class="new-category" id="add-new-app-category">+ New Category</a> <div class="panel-body"> <div class="dd" id="nestable"> <ol class="dd-list"
jQuery live search - Go back to first result after the page has found all available results
I'm using mark.js plugin that allows to search text on page, it finds text while you type and if you hit the Enter key, you'll jump to the next result until it has found and highlighted all results. The only problem is that when it reaches the last result, it gives the search as concluded and the search can't be restarted from the first result if you hit Enter. I need to be able to scroll back to the first result after the last result has been found (Just like it happens when you're searching something
Jquery in i-frame html not working in Internet Explorer
I have two html files, each of which have a slider along with various hover functions running on java scripts. So I called the 2nd file in a Main Html using an i-frame to resolve any sort of conflict as they use the same plug ins and JS. It all works fine in Google Chrome & Mozilla FireFox. But when i try it in Internet Explorer, it works fine for the main page but everything stops working for the file called in the i-frame.No Slider/No Hover Effect. Can some one please let me know why this is happening
How to set BlockUI scroll position?
I am using the BlockUI plugin and I set overflow to auto and I get the scroll bars and they work. The only issue I have is it automatically scrolls to the bottom of the content and I would like to position it to the top of the content and I have been unsuccessful in doing so. Does anyone know how I can set the scroll position to the top of my content in my Div?
jQuery Validator: Validate Range
My form has two fields: fromYear and tillYear. Since both these fields are a part of a group of fields that repeat (or clone) I'm using following rule: "fromYear[]": { digits: true, range: [1950, currentYear], minlength: 4, maxlength: 4 }, "tillYear[]": { digits: true, range: ["fromYear", "fromYear"+10] //How do I write it? minlength: 4, maxlength: 4 } -- I wish to validate the tillYear range as : range: [fromYear, fromYear+10] and have no clue how to do it. Would
Swipe gestures not working in Cycle2
I'm using the Cycle2 plugin to try and add swipe support for my slideshow on mobile devices as per http://jquery.malsup.com/cycle2/demo/swipe.php However I can't seem to get it to work. My options are set like so: $(document).ready(function(){ $('.cycle > .content .content').cycle({ fx: 'scrollHorz', speed: 350, timeout: 5000, next: '.next', prev: '.prev', slides: 'figure', swipe: true }); });I've also tried removing the links from the
Jquery modal popup
Hi All, In my application, in jquery model popup am calling another aspx page(content.aspx) instead of div content. Another page is loading perfectly,but when i click server side control its open the content.aspx page fully. i want to prevent the postback,and retain the full page in modal popup only. some one help me short out the problems.
jquery data table export image column
hi, while export to pdf or excel in jquery data table , the image colmn show empty cells not showing image. how to resolve . pls help Thanks
JQuery Zoom question?
Hi guys, I have a web page, on this web page I have couple of images. When user clicks on the image, image disappears and the UL tag displays. (I am using this plugin http://jquery.malsup.com/cycle/) Here is the HTML: <div id="right4" class="pics"> <img class="img-center" src="images/smart-agriculture1.png" width="168" height="168" alt="Akıllı Tarım"/> <ul class="solutions-ul"> <li lang="tr"> <i class="fa fa-caret-right"></i> Gübreleme </li> <li lang="tr">
Weird Issue with jQuery Datepicker
I'm facing a weird issue with the jQuery datepicker. The datepicker works perfectly on my localhost; however when I put my files on the server - the datepicker loses styling when I shrink the browser to simulate mobile width. Here's my jQuery - $("#resumeBirthday").datepicker({ yearRange: "1930:2000", prevText: '<i class="fa fa-chevron-left"></i>', nextText: '<i class="fa fa-chevron-right"></i>', changeMonth: true, changeYear: true, dateFormat: "dd MM yy", maxDate: '0'
Add class and atrribute when JQuery Validation return invalid result
I use Materialize CSS to make a form. In framework have the form validation, but because it can't detect incorrect validation so much. So I found JQuery Validation plugin. I think its good to integrate with Materialize CSS. In Materialize CSS have 2 HTML classes and 2 HTML attributes to tell validation which user input. When **correct**, Materialize CSS will add valid class at input field (<input>) to make a green `border-bottom` and add data-success="[valid-text]" attribute at input field label
jQuery validate, how to include input field that is outside the <form> attribute
Hello, I am using the jQuery validate plugin (available here: https://jqueryvalidation.org/) and it is working as expected. Now i want to add another input field to the form, but it is outside the <form> tag. I am using the HTML 5 attribute "form" to indicate it is part of the existing more info here: <form> https://www.impressivewebs.com/html5-form-attribute/ example: <input type="text" class="form-control" name="x" form="originalForm"> Can anyone tell if it's possible, and how i can include those
Selecting an element in a cloned (repeater) field.
I'm using two jQuery plugins: CloneYa - to clone a group of two fields and Numeric Stepper - to add stepper functionality to one of the two fields being cloned. I'm unable to figure out how to apply the stepper to the element which is cloned. The cloned element is getting a dynamically incrementing ID and I don't know how to make it work with class selection. Here's jsFiddle to show my issue: https://jsfiddle.net/bwyu6c8v/ 1. Without cloning, the stepper works on second field (as expected). 2.
Trying to use JQuery.Transit to simulate browser CTRL + and CTRL - commands
I am trying to use JQuery.Transit to simulate browser CTRL + and CTRL - commands and it works perfectly..almost. I have two buttons on my page that call javascript functions. One to zoom in and one to zoom out. Here is my javascript code: $(document).ready(function () { // Increase Page Size $(".textsize .increasePageSize").click(function () { $('body').transition({ scale: ($('body').css('scale') + 0.1) }); return false; }); // Decrease Page Size $(".textsize
Jquery validation with ajax
Hi, I've been solving problem with validation and ajax for hours. Looks like the submit handler is never called. Please have a look on this link http://stackoverflow.com/questions/37703375/jquery-validation-ajax-submithandler Thanks for any advices
tablesorter plugin , wrong sort with thousands separators
I have a problem with the tablesorter plugin, it does not sort properly when used for thousands separators, works only without thousand separators. Some configuration must be done, have not found anything in the documentation so far. Thank you for your help. Jacques.
Next Page