Accordion - Expand/Collapse multiple sections
I want to expand and collapse all accordion sections with one click or have 4 different links to close each of the accordion divs. Right now it works with <a class="accordion-expand-all" href="#" target="_self">Open/Close All</a> for <div id="accordion"> but I want it to work with <div id="accordion2"> through <div id="accordion4"> as well. All the accordions in the different tabs works fine but when I click the Open/Close All link it only opens and closes the accordion sections in <div id="accordion">.
Problem getting clone section to work
Hi Here is my problem https://jsfiddle.net/mphur5eq/14/ I have two tables on the left section1 on top and section2 at the bottom each section has its own button to insert row section 1 has different number of fields than that on section 2. the problem is when i clicked on New Row on section 2 it clones the row from section 1 which is wrong, it should clone the row of the section where it belongs. can you help me with this? Thank you
Could not complete the operation due to error 8000000b.
We are seeing this error a lot for our users in IE11 and earlier - nearly a 1:1 ratio. After doing some digging it looks like it may be related to comments in the javascript, using: // comment Instead of: /* comment */ Has anyone else experienced this?
Click event lost on clone
here is my problem, when i make a copy of that form to the right the click event is lost on the New Row button to the form on the right. can you help me with this? Here is a working jsfiddle: https://jsfiddle.net/mphur5eq/5/
Quicksand plugin using multiple checkboxes filters
I am not able to pass multiple datatype when more than one checkbox is selected. Please help me out here. if ($filterType == 'All') { // assign all li items to the $filteredData var when // the 'All' filter option is clicked var $filteredData = $data.find('li[data-type]'); } else { // find all li elements that have our required $filterType // values for the data-type element var $filteredData = $data.find('li[data-type="' + $filterType + '"]'); } Thanks in advance :)
Tryig to make acording tabs in wordpress
I am trying to make according tabs in wordpress. What would be the best and easy way to make this work. I was at the jquary site and I had downloaded the ui-1.11.4-custom can you tell me if this is the plugin to use with wordpress. I am new to this and would like to learn.
Hide after-pseudo-element from all Labels but only for password-fields
Hi, I need to hide the pseudo-element AFTER for all labels which belongs to an input field with a type of password. The markup is: <label for="edit-pass">Password</label> <input class="form-control form-text required error" type="password" id="edit-pass"> To do this I wrote this line of code: $(':password').prev('label::after').hide(); However it doesn't work. I created a PEN for it: Hide Pseudo-Element for labels which belong to a password-field Any help? Thanks
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 :
how to get the position of a node in the document?
use $(selector).position() we can get the coordinates of the node relate to its offset parent but how could i get the coordinates relate to the document element?
How optimize 100 jQuery functions in one?
Hello I am new to jQuery and I would like to understand how can be optimized some Revolution Slider code they suggest to use to change slides from external hyperlinks. This is an example: // ".link-slide-1" is the class name we assigned to the main menu item jQuery('body').on('click', '.link-slide-1', function() { // revapi14 equals the API identified for the slider // revshowslide(1) will load the second slide revapi14.revshowslide(1); return false; }); This jQuery is working fine but the problem
$.fx,what is fx stand for?
$.fx.step i want to ask what is fx represent
Swipe page navigation
I am a newby to jquery mobile and I am trying to learn it by creating a simple app, using the documentation in the jquery mobile 1.4.5 demo page. Almost all the information is pretty straight forward, exept for the page swipe event. I don't understand how to apply this demo in my own app. What I have done, is the following: - I've created a swipe-page.html with in the <head> tag all the links to the CSS files (jquery.mobile-1.4.5.min.css, jqm-demos.css, andf swipe-page.css) and the necessary scripts
checkbox is not working on anroid phones only.
Hello, I have setup a store in prestashop i am having the filters on category page. Filters are having the checkbox and filter is working well in Deskstop version but not working well android phone only. my code is below $(document).on('click', '#layered_form input[type=checkbox]', function() { alert('hi'); reloadContent(true);
});Alert prompt is coming in the desktop version not in anroid real device. Can anyone let me know what is wrong?
Change icon color of the div after the first one is selected
what I have: the div will change the color after click. what I want to do: the first click will change the background ( I did ) , but the second click will change just the icon color of other div. so if I click in any div first will change the background color ( I did ) second if I click in any other one will change the icon color. as well I would like after the second click, show me a alert saying 'you can just select 2 div at the time' I am very brand new in js and jquery and that was the max I
Listview - finding the first enable list item query.
Hi, what is the best way to find the first list item that is not disabled in a listview? https://jsfiddle.net/a4poster/ysyxvtyp/34/ Thanks.
How A/B Testing and Multivariate testing going to be done dynamically?
HI, I am new to the A/B testing please guide me how to perform How A/B Testing and Multivariate testing going to be done dynamically? 1)How variants are going to be generated 2)How visitors are tracked for each variant thank you.
Using each() for multiple selectors?
Hi, The following code should check each input of type text and of type password and add a class to the input and it's label if the input has a value; But it works only for inputs of type text, but not for inputs of type password!: function showAutoFillValue() { $('input[type=text], input[type=password]').each(function() { var input_value = $(this).val(); if (input_value != '') { $(this).addClass('dirty').prev('label').addClass('dirty'); }
Didn't find any thing when user types the text in jquery combobox
This is my Blog i have added the jquery combobox sucessfully from this but the problem is when user types the text and searches it wont appear but when user select the text i.e tag for exam grapes when user select it shows the out put. But when user types and leaves it shows didn't match any item iam uploading image will clear the question This is the link .attr( "title", value + " didn't match any item" ) which cause disturbance actually iam new to code. Any help really appreciable. The below
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
Error showing while concatenating in jquery
Hi, I want to concatenate 2 values to a function var jj = "\"" + final3 + "\""; var kk = "\"" + final4 + "\""; iam getting the value of jj="ChIJazgekzPfBTsR5s1JlN-ZYk4" kk="ChIJS8lvPfb8BTsRfBicz_I-A_8" i want to concatenate this value to a function in jquery as initialize ( jj + ',' + kk); this will not work if i write like initialize("ChIJazgekzPfBTsR5s1JlN-ZYk4", "ChIJS8lvPfb8BTsRfBicz_I-A_8"); this will work my requirement is to write like this initialize( jj + ',' + kk); I
jQuery runs on Load instead of on Click event
Hello, I have the following code: jQuery( function( $ ) { // wc_single_product_params is required to continue, ensure the object exists if ( typeof wc_single_product_params === 'undefined' ) { return false; } // Tabs $( '.wc-tabs-wrapper, .woocommerce-tabs' ).on( 'init', function() { $( '.wc-tab, .woocommerce-tabs .panel:not(.panel .panel)' ).hide(); var hash = window.location.hash; var url = window.location.href; var $tabs = $( this ).find( '.wc-tabs, ul.tabs' ).first(); if ( hash.toLowerCase().indexOf(
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
Im new to jquery and web design. i need help ASAP.
Hello, I'm casey , I am trying to build an image slider using jquery and the cycle plugin but my slider won't work. I don't know coding but dreamweaver has been great with helping me through that. Please I would paste my code so someone can tell me what I did wrong and how to resolve it. Thank you very much. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type"
[Event Target] Can't identify clicked element id
I'm pretty new to this forum, so Hello Everyone ;) I have written this proto to fadeout/close my "hint/tooltip" div, when i ckick anywhere in the page. Element.prototype.hintClickOut = function(hint_id) { var el=this; $('*').click( function(event) { var e = window.event || event; var targ = e.target || e.srcElement; if(targ.id == el.id) return; $('#'+hint_id).fadeOut(500, function() { $(this).remove(); }); });
Creating multiple filters with checkboxes in jquery
I am working on a portal that allows the users to view, download and share reusable assets. I am trying a add filter functionality to this portal with multiple filters groups. Check the following link for an example of the functionality that I am looking for. http://www.smartprix.com/mobiles/android-os/price-5000_to_10000/samsung-brand?uq=1 Please note that similar to these filters, I am showing the asset count along with each filter. I have implemented the functionality to some extent but the problem
How can I override the css for just one input field?
Hi! I use the newest version of jQuery Mobile. I need to override the css-style of only one disabled input field in a form: *** <label for="fullname">Full Name:</label> <input type="text" name="fullname" id="fullname" disabled="true" style="color: blue;"> *** The style-attribute seems to be ignored. If I try with background-color, it works. Can someone help me please? Thanks, Christian.
Comparing Dates with dateFormat: 'MM, yy'
I'm using this 'Monthpicker' plugin to let users select month/year: https://github.com/zorab47/jquery.ui.monthpicker The issue I'm facing is that when the dateFormat is set to 'MM, yy' in the 'From' date field, the till field shows a future date: 2182 in my case. Here's my code: $(".resumeExperienceFromYear").monthpicker({ defaultDate: '-20y', yearRange: 'c-60:c', changeYear: true, changeMonth: true, dateFormat: "MM, yy", onSelect: function( selected ) {
Extract values ou url using jquery
Hi following is part of a url LekshmiTravels/Places.aspx?fplace=Mumbai%20Central,%20 Mumbai,%20 Maharashtra,%20India&tplace=Vikroli%20Station%20(East),%20Vikhroli%20East,%20Mumbai, %20Maharashtra,%20India,&t1=xyz&dt2=klty my requirement is to extract values from this url here fplace=Mumbai%20Central,%20 Mumbai,%20 Maharashtra,%20India there are 3 comma separator in fplace .i need the last 2 comma separator values means avoid mumbai central and fplace should be Mumbai,Maharashtra,India and tplace
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!!
Reading duration of a video
Hi all, I'm developing a site where in i am adding videos as below: <div class="container"> <h1>jQuery WMBox Plugin Demos</h1> <a class="wmBox" href="#" data-popup="videos/v1.mp4"> <img src='images/v1.png' /> </a> <a class="wmBox" href="#" data-popup="videos/v2.mp4"> <img src='images/v2.png' /> </a> </div> How can i get the duration of the video in jquery. I tried the below javascript functionality $(document).ready(function(){ $('a[href]').each(function(){ var data= $(this).attr('data-popup').duration;
Adding details to an already set Textbox
Hey there, I was wondering if maybe you can help me. I'm still no real expert on manipulating strings. This is what I'm trying to do. I have a Textbox that has text something like this XX.XX.XXXX (european date Format) Some Text to that date XX.XX.XXXX Some more text to that second date I wand to wrap a complete Text in a <details> tag, and the date itsself in a <summary>-Tag. So far so good. I created a pattern and get the indexes of the dates by var pattern = /\d\d.\d\d.\d\d\d\d/g; var indeces
Jquery Mobile pushstate problem with tabs
Hallo! I'm working on an app thats is build on backbone.js, require.js and jQm. I'm not sure if this is a jQm Problem or a backbone Problem. I have an issue where the jQm Tabs are not working if i enable the Backbone.history.start({ pushState: true }); I init my app like this: // Just use GET and POST to support all browsers Backbone.emulateHTTP = true; // Prevents all anchor click handling $.mobile.linkBindingEnabled = false; // Disabling this will prevent jQuery Mobile from handling
How to redirect user who visit the site directly except those who use a hyperlink to visit the site?
Can someone help me with this.The main goal is we have a site that selling greeting cards. we have step by step process that include visiting site one step at a time. what if the user visit the site directly without visiting the the main site. the idea is the user will be redirected to the main site. the simple solution is using meta that will redirect the user but the problem is it also redirect the user who use the main page. Thanks!
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
Animate background-image size w/ multiple images
I'm trying to animate one of two background-images assigned to a div. The div has initial css of: background: url("/image1") no-repeat 16px center, url("/image2") no-repeat top right; background-size: auto, auto I've tried the following to animate the 2nd image: $('#mydiv').animate({"background-size": "auto, 48px 48px"}, 2000); or $('#mydiv').animate({backgroundSize: "(auto, 48px 48px)"}, 2000); Is there a way to animate the size, can't seem to figure it out. Thanks.
On a modal how do I show the URL of the "hyperlink" that was clicked to bring up the modal?
Please help!!! I have spent 10 hours on this issue alone. When an external link is clicked a modal pops up to state that the clicked link goes to an external site. That all works fine. I need to add in my text on the modal, the URL of the external link (for example: "http://www.notMySite.com") that was clicked and to go to "http://www.notMySite.com" when the continue button is clicked. I have a class named ext-link (for example: <a class="ext-link" href="http://www.notMySite.com"></a>) added to
Send a date in the database from the calendar datepicker UI using ajax
Hi,Please, tell me how can I send a date in the database from the calendar datepicker UI using AJAX? I have this HTML: <div id="datepicker"></div> <form method="post" id="myform" name="myform"> <input id="input" name="input" type="text"> </form> And this JAVASCRIPT: jQuery(document).ready(function() { $( "#datepicker").datepicker({ dateFormat: 'dd/mm/yy', altField: '#input', onSelect: function(dateText, inst) { $.ajax({
Two Show/Hide password on the same page
Hi, I use the following function to show and hide the password on an input field: Change Password If there is only one input field on the page, it works great. But if I have two input fields on the same page, the problem is that by clicking each of the Show/Hide buttons it changes the status in both fields. How can I separate this, so that each Show/Hide button works only for its own input field? Thanks
Next Page