Latest Jquery (currently using 1.7.1 and 1.7.2)
Hi An application is currently using Jquery 1.7.1,1.7.2, .I want to upgrade to latest version of Jquery. Can you please let me know the latest version now and what are I need to download to replace 1.7.1,1.7.2. Thank you, Vinay Kumar
Triggering Ajax On Toggling Of Any Of The Checkboxes
I have a set of 5 checkboxes and I wish to trigger AJAX action whenever any of the checkbox changes its state. <input type="checkbox" class="app" name="app_one" id="app_one" value="1"> <input type="checkbox" class="app" name="app_two" id="app_two" value="1"> ...and so on. The code I wrote checks if the checks if checkbox one is 'checked' upon click and then triggers ajax. $("#app_one").click( function() { if($(this).prop("checked")) { var appStatusData = $("#io_dashboard").serialize();
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">
jQuery library file in SharePoint
I'm trying to use the accordion plugin but the CDN is blocked when I use it in SharePoint, but not if I just plug it into notepad as a standalone web page. So I downloaded the libraries for the two scripts used, but am confused as to whether I'm supposed to take the folder and all the files init and just drop it into SharePoint and point to that folder or what? The script and style sheet sources are: <link href="https://code.jquery.com/ui/1.10.4/themes/ui-lightness/jquery-ui.css" rel="stylesheet">
JQUERY UI Themeroller
Hi, I have problem to set me own UI style. When i try to set something i always go back to empty style and console give me error about bad gateaway :)
Triggering JQuery Script At Specific Page Width Is Not Working As Expected
I have a responsive page that rearranges its layout depending on the user's screen resolution. I'm using jQuery insertAfter(), insertBefore(), addClass(), and removeClass() methods to rearrange various elements on my page. I have posted the markup, scripts, and css to this question before but received a few replies and none of them was helpful to solving my problem. The problem I'm having is that the script does not work at the page width specified in my if statement. Instead, the script is triggered
Listview JQuery Mobile, which the maximum size?
which the maximum size that a listview may have to search without crashing?
jquery calls javascript function that duplicate value
Hi all, I have this code to generate a list of img from a json array: $.each(arrf, function(idx, obj) { var id = obj.id; var tipo = 'foto'; var formato = tipo; var tip="Metadati foto\ndata: "+obj.data+"\nUS: "+obj.us+"\nnote: "+obj.note+"\nClicca sulla foto per aprire la scheda completa"; var tavola = 'upload/doc_scavo/'+ obj.path_tavola; var divFoto = $("<div/>").attr("id","divFoto"+obj.id).attr('class','divFoto'); $('.fotoContent').append(divFoto); var i = $("<img/>")
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-UI Dialog] Positioning problems with jQuery 3.0.0
Hi. I have downloaded jQuery 3.0.0 + jQuery-UI 1.11.4 .. and now my Dialogs are not vertically centered. They strangely jump to bottom of my page. I tried various jquery "position" settings, and also some CSS option, but they seem to be ignored. I have also another previous jQuery version (don't know the exact number), where dialogs work nice, and centered! Any ideas??
Variable as command not working?
Hi I bet this is simple for most but it's just killing me and cant figure it out... This is not working... var append = "append"; $("#table").eval(append)( $( item.row ) ); Neither does this... $("#table").window["append"]( $( item.row ) ); This is working... someVariable = 'alert'; window[someVariable]('Foo!'); How can I make the first one work? I need to pass eigher append or prepend to the command.
Uncaught TypeError: Cannot ready property 'ChildNodes' of Null
When I try to add "<br /><br />" after the first table closure I get the error Uncaught TypeError: Cannot ready property 'ChildNodes' of Null however if I add it before the second table, it works perfectly fine. I do not understand why and would like to know more as I fear there is a possible problem with my script somewhere causing this problem. https://jsfiddle.net/ee77Lnfa/
Navigation hide on scrolling [smartphone tablet]...
Hello, i using a responsive menu (navigation). On smartphone or tablet if i scroll over the opened menu it hides automatically... Don´t understand why, but i think the problem has to do with multilevel dropdown. If i uncommend: /* cssmenu.find('li ul').parent().addClass('has-sub'); multiTg = function() { cssmenu.find(".has-sub").prepend('<span class="submenu-button"></span>'); cssmenu.find('.submenu-button').on('click', function() { $(this).toggleClass('submenu-opened');
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
Help with CSS Styles For Buttons or Buttonset
There seems to be quite a lot of code in the three css files. I'm trying to build a button set (3 actually). I was able to do this much. The code is below (assume there is html and a question for each one. Answers are "yes" or "no" for each of the questions. "No" is the default. All this works. I need help with the CSS below. <link rel="stylesheet" href="jquery-ui.css"> <link rel="stylesheet" href="jquery-ui.theme.css"> <link rel="stylesheet" href="jquery-ui.structure.css"> <script
Loop not stopping
JSFiddle My script is to calculate a pension via putting in a fixed amount from the day you start employment until the last day based upon pension age, so my DOB is 25/12/1991 therefore if I retire at pension age of 68, it'll be on 25/12/2060. function hello(){ var i; var t = 50; var f = 0; for (i = 0; i < CalcY; i++) { f = ((t*52) + f) * 1.08; $('#collection').append("<li>Year: " + i + " Amount: £" + (f).toFixed(2).replace(/(\d)(?=(\d\d\d)+(?!\d))/g, "$1,") + "</li>"); } TotalPension = ((t*CalcW)
Why does "click()" not work here?
Have a look at the following (german) webpage: https://www.wikifolio.com/de/de/wikifolio/esi893 When you goto section "Handelsidee" and click on the minus sign right of it you can collapse the section. See the following code snapshot: http://www.picfront.org/d/9qjt I want to automate this when I visit the web page. When I code therefore: $('div.accordion-header.collapsed[href=#collapseOne]').click(); then this collapse action does not work. Why? Peter
jQuery toggle issue
Greeting all, I have a bit of an issue that I cant seem top figure out. I wrote a toggle script and it works great when it is the only instance on the page but if i add another the first instance stops functioning and the other just opens and closes on click. You can view a screencast here http://screencast.com/t/FyKBYhD0z Thanks for any help you can provide. $(document).ready(function($) { $('#accordion').find('.accordion-toggle').click(function(){ $(this).next().slideToggle('slow');
Any other frameworks like jquery autocomplete
Hi have came to know jquery autocomplete frame work it works good and after that i have seen the frame works like select 2 and chosen. Any other frame works like those above which works like legend.....?
jqm 1.3.2 vs jqm 1.4.5 with jquery-1.12.4.min
i'm planning to pass from jqm 1.3.2 to 1.4.5. i obtained this screenshot... on the left jqm 1.4.5 and on the right jqm 1.3.2. The first thing i've to see is that buttons are not the same... on 1.4.5 are bigger and seems without padding. is it depending on theme? the right is theme e, the left is theme a (the only shipped with jqm). Thank you all.
how to avoid ugly and slow animation of jqm when load an image on page loaded?
I am using camera plugin of cordova to take a photo on camera success i have this function: previewPhoto: function (filename) { console.log("previewPhoto: execute numFoto " + this.numFoto); var img = new Image(); img.onload = function () { $("#hGallery").append("<span id='image" + this.numFoto + "'></span"); $("#image" + this.numFoto).append("<a id='btnFotoAnteprima" + this.numFoto + "' href='#'></a>"); $("#btnFotoAnteprima" + this.numFoto).append("<img id='fotoAnteprima"
Clear history of a page JQM
Hi folks ! I'm developping a webapp using JQM. I have a "sequentail" pages something like that : index.html=>#page1>#page2>#page3>#page1.1>#page1.2>#page2.1>#page2.3...etc and in some pages I have this structure : <div data-role="page" id="page2.1"> <div data-role="header" data-theme="b"> <h1>My website !</h1> <a href="#page2" data-icon="back" data-iconpos="notext" data-rel="back">Back</a> <a href="#search" data-icon="search" data-iconpos="notext" data-transition="fade">Search</a>
jquery mobile listview refresh not working
please answer my question in stackoverflow, the link of question is: the link of question
jquerymobile 1.4.5 not working
I have successfully built a multipage template with jquerymobile 1.3.2 but can't get the same template to work with jquerymobile 1.4.5 <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Untitled Document</title> <meta name="viewport" content="width=device-width, initial-scale=1"> <link rel="stylesheet" href="http://code.jquery.com/mobile/1.4.5/jquery.mobile-1.4.5.min.css" /> <script src="http://code.jquery.com/jquery-3.0.0.min.js"></script> <script src="http://code.jquery.com/mobile/1.4.5/jquery.mobile-1.4.5.min.js"></script>
jQuery.expr[":"] is now jQuery.expr.pseudos
Using the jQuery 3.0.0. migration skript, i got the message jQuery.expr[":"] is now jQuery.expr.pseudos. Seaching in jQuery API about "pseudos", i got zero results. I think, selectors like :hidden have changed? How I have to write it now? I cannot find annything in the API, that match to "pseudos".
Multidimensional array as pivot table
I'm trying to convert this array var data = ["a","b","c","d","e","a","b","b","b","c","d","d","e","a"]; into topics [a:3,b:4,c:2,d:3,e:2] ( -- not sure how this notation should be) but how? this is my script, not working of obviously var data = ["a","b","c","d","e","a","b","b","b","c","d","d","e","a"]; var topics = [,]; for(i=0; i<data.length; i++){ var arrayIndex = $.inArray(data[i], topics); if(arrayIndex == -1) // return -1 if it is not in the list {
Jquery 1.x support in Jquery migrate 3.0.0 js
Hi Team, My web application is currently using below Jquery files. 1) jquery-2.1.4.min.js 2) jquery-migrate-1.2.1.js So now we are migrating to latest v 3.0.0 and instead of above files we are using 1) jquery-3.0.0.min.js 2) jquery-migrate-3.0.0.js So could you please tell me that if it will work fine after replacing jquery-migrate-1.2.1.js. Regards, Amit
jquery and css in html dragging divs
Hi there, I plan to combine CSS and JQUERY inside HTML on a regular basis. Note that my knowledge of both is "below par". I found an excellent JFIDDLE example of draggable divs (link below). When I attempt to combine the CSS and JQUERY in a HTML file (code below the link) ... the divs do not drag ... What have I missed? Hoping for a hero to rescue me... Thx ... Kevin... http://jsfiddle.net/LQ4JT/7/ <!DOCTYPE html> <html> <head> <style type="text/css"> #box1 {width: 150px; height: 150px; background-color:
jQuery Files
I'm not sure when we download the files what we actually need to start. Right now I have these: jquery-ui.js jquery-ui.css jquery-ui.structure.css jquery-ui.theme.css
Character-Limit for Textareas
I'm trying to add a Character-limit on all Textareas using this code: var limitNum = 40; $('.textarea__field').keyup(function(limitField, limitNum) { if (limitField.value.length > limitNum) { limitField.value = limitField.value.substring(0, limitNum); } }); Why it's not working? Thanks
Menu slide in/out isn't working! Need help!
Hey. I followed everything on doing a menu slide in and slide out from the left side. But it is not working if i click on the menu icon. Could you please help me? index.html <!doctype html> <html> <head> <title>Testpage</title> <link href="style.css" rel="stylesheet" type"text/css" /> </head> <body> <header> <div id="sidebar-btn"> <span></span> <span></span> <span></span> </div> <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
how to link to anchor in closed accordion
I am using the script below to link to anchors that are in closed content (accordions) on other pages. it works fine. However, I can't figure out how to edit the code to get it to open an accordion on the same page as the hyperlink. Refreshing the page works, but it's a cumbersome user experience. <script> var openAcc = '#' + window.location.hash.substring(1) if(openAcc != '#'){ $('#accordion .in').removeClass('in'); $(openAcc).closest('.collapse').addClass('in'); $('html,body').animate({scrollTop:
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
get multiple Scripts and then Callback
Hey there, I'm currently working on something to enable me to beta test some functions without changing the html file and still leave everything running normal for the user. To do this I'm doing the following. I'm stroring a beta-variable in the localStorage and when it is set to true i want to load the scripts from another location. That works perfectly well but since i want to do this with some more scripts now, i want to load all scripts first, then do a callback. So far it looks like this Script
Error: scrollPlay is not a function
Hi So, about two years ago jakecigar wrote that beautiful script that let's you fade audio volume in and out depending on scroll position. Here's in old thread about it: https://forum.jquery.com/topic/audio-fading-in-and-out-on-scroll-position And here is the original no loop version of jakecigar I'm trying to work with: http://home.jejaju.com/play/smoothFade/noloop Here is my try: http://zhdk.michaelkueng.ch/ I keep getting the error (index):81 Uncaught TypeError: $(...).scrollPlay is not a function
How can I disable and enable button in Internet Explorer Browser ?
Hi, I have Two Button but1,but2 at starting time but1 will enable and but2 will disabled.When i click but1 then but2 should be enable and but1 should disable. I am giving my code below it is working all browser except Internet Explorer .Please give me idea what should I do? When I click on button then i want to disable another and disabled button should enable .But in Internet explorer not working. My CSS is input[type="submit"][disabled] { width: 200px; cursor: pointer; background: #61a59c; background:
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
selector info lost after wrap a jquery object
var obj=$(".foo"); console.log(obj.selector); // ".foo" obj=$(obj); console.log(obj.selector); // "" as you see above,the selector info lost after be wrapped why and how to resolve it ?
Next Page