locateganesh

1

votes
1

answer
280

views

jQuery ui slider multiple slider events with common class

I have created multiple jquery ui slider with only one common class. And I'm calling slide event to change text in span on slide. it working fine in the first one but not working on other on because of similar classes. for better understanding find fiddle demo jquery ui code I am using: $('.measSlid...
locateganesh
1

votes
1

answer
1.4k

views

background-attachment:fixed not working with slick slider in chrome

I've create jquery slick slider. In which I want background-attachment:fixed. It's working fine in moz, IE but not working in google chrome. Please find fiddle demo HTML: CSS: .slider { width: 100%; background-repeat: no-repeat; background-position: center top; -webkit-background-size: cover; backg...
locateganesh
1

votes
1

answer
943

views

Jquery validate - errorPlacement starting from last input

I am using the jQuery Validate plugin. I want to show one by one error message at a time onclick of submit. For that, I haves used the errorPlacement callback function to replace message on a target area. Find js Fiddle demo here Error message starting from bottom. So last input error message is co...
locateganesh
1

votes
1

answer
64

views

2 same class elements show only one at a time

I have one div element and inside this elements there are 2 input boxes for month and year. And for validation I'm using jquery validate. On validate event, I want to show only one label.error. Example. If month label is visible year label hidden and vice-versa. Because when both error message come...
locateganesh
1

votes
1

answer
938

views

JQueryUI - droppable only one at a time

I'm using jQueryUI for draggable and droppable. If I drop one element in droppable area and again if try to drop 2nd object. First dropped element should automatically remove and moved to draggable area. Basically, only one element should be in droppable area. Here fiddle demo As soon as droppable a...
locateganesh
1

votes
1

answer
82

views

Snap to scroll in scroll stop

Find below image reference: What I want exactly is when only one section (section4) comes in window view around 40% - 80%. On scroll stop the section4 should auto scroll to fit on window. Here, The basic fiddle without any script. body, html { height: 100%; margin: 0; } .sections { height: 100...
locateganesh
1

votes
1

answer
931

views

Slick slider slickAdd added multiple

I have a layout which has a question with 4 options. Onclick any answer it adds a new slide and goes to that slide. $(document).on('click', '.goal1 li', function(e){ $(this).addClass('goal-selected').siblings('li').removeClass('goal-selected'); $('.slider').slickAdd('Question 2Option 1Option 2Option...
locateganesh
1

votes
2

answer
66

views

jQuery ui autocomplete array should come form text()

jQuery ui autocomplete array should: find fiddle demo var availableTags = [ 'How are you doing?', 'What are you doing?', 'What did you eat today?', 'Be Yourself', 'Try new things' ]; These variables should come from .text() question form a tag. How are you doing? What are you doing? What did you e...
locateganesh
1

votes
1

answer
81

views

Alternate days in datepicker

I am trying to addClass in alternate Saturdays. I have tried 2 methods but none works properly. #1 I added :odd to every every tr. Demo Fiddle $('.ui-datepicker-calendar tr:odd').each(function(){ $(this).addClass('odd'); }); But If see moth of April ending and starting May are not in odd state. #2...
locateganesh
1

votes
1

answer
39

views

For loop value in array

I'm able to get 5 value from for loop and I all values to be in the array. Values are coming: 2020 2024 2028 2032 2036 It shold be like this: var years= [2020, 2024, 2028, 2032, 2036]; var td = new Date(); var cy = td.getFullYear(); ily_modulo = function(yr) { return !((yr % 4) ||...
locateganesh
1

votes
1

answer
5.8k

views

Google Map click marker by external link

Google map, on click external link target marker. Find fiddle demo below. find fiddle demo google.maps.event.addListener(marker, 'click', (function(marker, i) { return function() { infowindow.setContent(locations[i][0]); infowindow.open(map, marker); map.setZoom(9); map.setCenter(marker.getPositio...
locateganesh
3

votes
3

answer
2.9k

views

Uncaught TypeError: Cannot read property 'prop' of undefined

I have 6 input checkboxes and if checkboxes are checked more than 3 the last one gets unchecked. For better understanding refer my previous question. Which is solved. Now, I have another problem, Now 3 checkboxes are checked already by Math.random. On click of any unchecked checkbox. I'm getting err...
locateganesh
2

votes
3

answer
1.9k

views

If checkbox :checked more than 3 last one should unchecked

I have 6 input[type='checkbox']. User can select only 3 checkbox at a time. If user selects the 4th checkbox then last checked(3rd checkbox) should unchecked. Find image attachment for better understanding. Meanwhile, if User selects 5th last selected (4th) should deselect. As, I'm not able to...
locateganesh
3

votes
1

answer
2.3k

views

Pan zoom with bxSlider not zooming in centralized

I have used Panzoom jquery with bxSlider. The problem is this while zooming with scroll it doesn't zoom on center. Zoom goes either left side or right Because of slider otherwise it works proper. find fiddle demo here. Zoom In Zoom Out Reset Zoom In Zoom Out Reset Zoom In Zoom Out Reset js (functio...
locateganesh
3

votes
1

answer
290

views

Radial shape in JS

I want to make this shape with javascript or jquery: These dots will be dynamic and some anywhere in radial circle. And it needs to be responsive also. Is there any plugins for this?
locateganesh
3

votes
2

answer
1.7k

views

Jquery .map().join(“ , ”) text is not joining the comma (,)

I'm using label and hidden input checkbox and on .change of checkbox. I'm getting the label text by Jquery .map() and want to .join(',') text with ,. Text is coming and everything is working fine but the comma (,) is not coming anyhow. I'm getting result Checkbox 1Checkbox 2Checkbox 5 and I want Che...
locateganesh
2

votes
1

answer
1.9k

views

SVG drawing animation progress with window on load

I want svg drawing animation starts with window load and finish when window ends loading. speed of animation should depend on widow loading speed. here is the demo. Also see this image for reference. $(window).load(function() { $('#status').fadeOut(); $('#preloader').delay(350).fadeOut('slow'); $('...
locateganesh
2

votes
0

answer
115

views

Hybrid App Android and ios version compatibility

I'm using ionic framework for mobile hybrid app. How can I come to know Android and ios version compatibility. Example: Does my App work android 4.0 (kitkat) and ios 7.0? In ionic platform.json file I have this code: { 'browser': '4.1.0', 'ios': '4.1.1', 'android': '5.1.1' } According to this co...
locateganesh
2

votes
1

answer
148

views

Re-order array on click

I have array[1,2,3,4,5,6]. Onclick select button I'm able to increment array. But on click remove button, I want to reset array e.g. [1,2,3,4] if I remove number 2 array then order should become [1,2,3]. Basically, re-order in increment order. Fiddle Working Demo var spl = $('.cc').text(); var tc =...
locateganesh
3

votes
3

answer
80

views

Append elements on value

I'm using roundSlider for radial slider. Which gives me value on slide. on slide I'm appeding span elements. So what I want exactly is span should as per plates number. If there are 22 plates so span should be only 22 and if plates are 10 then span should also be 10 or vice-versa. Find Fiddle Demo...
locateganesh
5

votes
1

answer
402

views

Safari css rotate issue with bxslider

I have made bxSlider with css rotation of 360 degrees. This is working fine in all browsers except in Safari. Can anyone help me with this? Please find link here. Code below: $('#TestimonialUL').bxSlider({ pager: false, mode: 'fade', onSliderLoad: function () { $('#TestimonialUL > li').eq(0).addCla...
locateganesh
2

votes
1

answer
1.3k

views

Google map label placement

I have added label in google map. But the label is coming in the middle of the marker. I have tried to add class also but labelClass:'my_label' in the label but class is not getting added. I'm not getting any way to position label. var marker = new google.maps.Marker({ position: new google.maps.Lat...
locateganesh
0

votes
1

answer
505

views

SVG not visible in Mac Safari

I have created an svg and use it in . It's ok in all browsers except Mac Safari. here's a link. .hide{ display:none; } .progress{ width:150px; height:150px; }
locateganesh