Slowness loading Jquery multi select in IE11
I am using a jquery/bootstrap multiselect with checkboxes in my application. I need to load around 15 state dropdowns during initial load. Its a user's preference page and so I need to check/uncheck the checkboxes in each dropdown based on user's preference(a backend service call) . IE freezes while loading these dropdowns. I have a loading indicator which also stops for some time. This works fine in chrome and firefox. I have a sample codepen link that recreates the issue ,which is below :
checkboxradio widget: checkbox click doesn't work with UI lightness theme
It seems that checkboxradio widget doesn't work correctly for checkbox inputs when using UI lightness theme. Nothing happens when checkbox is clicked. I prepared a fiddle here: https://jsfiddle.net/d8hkmuvn/ The same happens with Le Frog theme for example. I'm using UI lightness without any modification. I also notice some changes in icon placement and button width after upgrade to version 1.12. Here's the comparisson: v1.12.1 https://jsfiddle.net/5c7ycm3a/ v1.11.4 https://jsfiddle.net/5c7ycm3a/2/I
And code still works, where jquery-migrate-1.2.1.min.js needed???
I replaced this <script src="js/jquery-1.11.3.min.js"></script> <script src="js/jquery-migrate-1.2.1.min.js"></script> with <script src="https://code.jquery.com/jquery-1.12.4.js"></script> And code still works, where jquery-migrate-1.2.1.min.js needed???
App unexpectedly navigating back to first page on its own, out of ideas
I am building an app in phonegap using jquery mobile. It's a single page app, using data-role="page" and id="whatever" for each page (just examples, each id is unique of course). To change pages in the app, I'm doing it like so (note that transitions have been set to none globally in case that was a possible cause). The app has some dynamically loaded pages, and sometimes a page needs to be changed after an action of some sort takes place: $(":mobile-pagecontainer").pagecontainer("change", "#search-page");
jQuery Sortable Portlet Save position to database
Hi, I'm trying to figure out how to make a multi column jquery sortable Portlet, save the column positions to a database onChange, I know that sortable has a serialize function but i really haven't had any luck getting it to work. If someone could please help me out with this. I have spent hours on google trying to find something. <!doctype html> <?php include('connection.php'); ?> <html lang="en"> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1">
Hide div on click
In this image when i select value from dropdown and select dates then container is displayed and then when i select row from table data then cont and sumdata div is displayed now i want when i select again dates from datepicker then want to hide all divs ... and when click on search then want to display container code <script type="text/javascript"> var strarr = "[{name:'sfdsdfLi', y:9}, {name:'Kiwsdfi', y:3}, {name:'Mixesdfdnuts', y:1} ,{name:'Oranges', y:6}, {name:'Grapes', y:1}]"; $(function
Unable to get click event to fire on img tag (class="searchIcon") inside a div (class="textFilters").
I have attached a partial copy of the html markup of a calendar page for our website, which uses the FullCalendar plugin. The image (img) tag I'm trying to capture the click event for isn't working for some reason, which I have yet to figure out. I'm trying to use jQuery to do this which normally I think I would be able to do this, but so far I have not succeeded. What I started doing originally was this: $(".searchIcon").click(function() { processSearchTag(); }); but never got that to work at
Using on() to delegate event when function stored in variable
I have a working function: var bindReadMore = function(){ $('.read-more').on('click', function(e) { e.preventDefault(); var parent = $(this).parent(); parent.trigger("destroy"); parent.removeClass('truncable-txt--is-truncated'); parent.addClass('truncable-txt--is-not-truncated'); bindReadLess(); // bind click on "less" }); }; but because data will be added to the page at a later time, I know that the function needs to be "delegated" to an element definitely existing in the DOM. Ordinarily
jquery ile index değeri almak
. Indeks var a = $ ( "[ '+ Sıra +" # PersonelHesapListe li a = veri kimliği "']") () $ ( '# PersonelListe Li') [a] .focus (); $ ( '# PersonelListe Li') [a] .click (); bu kod çalışmıyor. istediğim şey veri id yapmak Si parametreye uyan Liste öğesini seçmek sizce bunu nasıl yapabilirim.
unable to open a jquery datapicker when used in a user control
i have a content page. added the below jquery files <link rel="Stylesheet" href="Styles/CSS3.css" type="text/css" /> <link rel="stylesheet" href="Styles/themes-smoothness-jquery-ui-v1.10.3.css" /> <script type="text/javascript" src="Scripts/jquery-1.10.2.js"></script> <script type="text/javascript" src="Scripts/jquery-ui-1.10.3.js"></script> and user control is added within update panel in the content page. <div id="dialogpeventvalidate" style="visibility: hidden" > <asp:UpdatePanel
How to change the text of <li> element in html dynamically without flickering of tabs.?
Hi All, I want to create 6 tabs in html(2 static and 4 dynamic based on strings read from Javascript server). I created 2 static tabs and 4 dynamic tabs(these are dummy tabs now, as I gave them an arbitary name and hide it). Now, I am using jquery to wait for the appropriate string to be returned by my Javascript server to change the tabs name to that particular string. Here is the code snippet for 1 dynamic tab: My Html code : <ul id="myList"> <li class="active" id="welcome"><a href="index.html"><span>Welcome</span></a></li>
click on datepicker highcharts
this is jsfiddle which i try not getting chart on second time http://jsfiddle.net/t13jymwk/87/
How to build and Deploy jQuery API Project
Hi Team, Can you please let me know the process of how to checkout,build and deploy jQuery API github project jQuery API github .It will be useful to work on jquery examples with different options and features locally.I didn't find proper documentation on this build and deploy for jquery projects.Thanks in advance. Regards, Sudheer
scrollX position function only works when I refresh the page
https://jsfiddle.net/martaklopf/Ltgj2kt0/2/ Hi! I have been struggling with the code I posted. What I am trying to do is change the background color and text based on the horizontal scrolling position, which is working on refresh. If I refresh the page when my scrollX is <421 than the background changes to blue and some text gets changed, and if I refresh when it is >421 the background changes to red. However, I would like this to work without refreshing (=as I am scrolling, once I pass 421 the background
full calendar calculate worktime per day
hallo master, I use fullcalendar. and I want to quantify or calculate "worktime" per day.Please help!! <script> $(document).ready(function() { $('#calendar').fullCalendar({ dayClick: function(date, allDay, jsEvent, view) { if(!allDay) { // strip time information date = new Date(date.getFullYear(), date.getMonth(), date.getDay()); } $('#calendar').fullCalendar('clientEvents', function(event) { if(event.start <=
Refreshing a table after delete row?
Hi! I'm having problems figuring out how to refresh a table after deletion of a single row. I'm using jQuery Mobile 1.4.5. My table is populated using AJAX to load a JSON file from the server. I have created PHP functions to manipulate the JSON file, one of which deletes a single row by providing it with an index. I know that's not optimal, but I don't filter or sort the table, so it's OK in this application. When populating the table I add an extra column for a delete icon, which has a click() function
Dynamic Additions of DOM Elements, using JavaScript
I am trying to add an anchor element, dynamically, to a webpage that I am making, and I want to do so, using JavaScript — no JQuery at all. The associated code that I used in my attempt to add the aforementioned element was: var test= document.createElement("a"); test.href="#"; test.appendChild("link"); I tested the above code in IE11, and it "threw" me an error: HierarchyRequestError. How can I fix this issue?
Script for populating html elements with content from a .json file not working on mobile
On THIS page I have a bunch of "placeholders" for phone numbers in the form: 07xxxxxxxx. Upon clicking the green button "VEZI TELEFON", the placeholder in each green box is replaced with a real phone number from a JSON file, via $.ajax. The console strangely shows 2 different things on desktop and mobile. The value of index is different it seams... Desktop: 0: 0743127315
1: 072245875
3: 0756129668
4: 0724153333
Uncaught TypeError: Cannot read property 'tel' of undefined
Mobile:
1: 072245875
2: 0756129458
4:
Change Each order of my plugin? $("#id3,#id1,#lid2).myPlugin()
Hi guys, I've wrote a plugin - and it works great for what I need - except I've noticed today that: return this.each(function() { Puts the elements in the order they appear in the DOM. So on my html page, I have this... <div id="id1"></div> <div id="id2"></div> <div id="id3"></div> But I want to change the divs in the order I provide the plugin. Like this... $("#id3,#id1,#lid2).myPlugin() The each function changes the order to how the elements appear on the page - 1,2,3 But this is no good. Please
SOLVED: Calling Mapbox's map.resize() method from within jQuery
I have a Mapbox map embedded on a page, which loads into a sliding panel which is controlled by jQuery. If I change the browser window size and toggle the panel, the map often appears only partially filling its container. This is a known issue with the Mapbox GL API. From their documentation: If you’re hiding your map initially with something like display:none and showing it dynamically with JavaScript, it may have some problems appearing and sizing correctly. The map can’t figure out its own size
Add a column to an existing table (as first column)
I know how to add a new column in an existing table but it ends up as the last column. I need to add the column so it ends up being the first column. How can this be done?
Lazy Line Painter problems
Hi guys, recently I discovered a great program on the internet called lazy line painter which converts your svg files into line animations. I want to do this for my major webdesign assignment however we are using Adobe Muse and hence I have no knowledge on this at all. My question is what do I do with the code generated by the site in order to get the final product. I imported Jquery and all the others into my Dreamweaver document and pasted to code but I am still not sure how to get the final product.
ajax url not able to append the correct data
I'm having issue with the dynamic url in the AJAX call. Here is the function. could you please suggest why its not working. function SF_UpdateParentContract() { var param = { UnitPrice: parseFloat($("#txtSaleAmt").val()) + parseFloat($("#txtTaxAmt").val()) } var uPath = 'https://www.syz.com/token/' + $("#OppLineId").val(); alert($("#OppLineId").val()); $.ajax({ type:"PATCH", beforeSend: function (request) { request.setRequestHeader("Authorization", "OAuth " +Token); }, url: uPath, data:JSON.stringify(param),
if else statement2 problem in jquery
<!DOCTYPE html> <html> <head> <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script> <script> $(document).ready(function() { $('#year').blur(function() { var yearRegExp = /^[0-9]+$/; var v_year=$("#year").val(); if (v_year=="") //not working in o/p { $("#year").css({"border":"1px solid red"}); $("#year_error").text("you can't Leave This Empty!"); $("#year_error").css({"margin-top":"5px"});
Jquery working offline but not online!!!
Hi there I am using this Jquery plugin. It works absolutely fine when I preview it offline but when I upload it to my hosting account it shows nothing but a blank white screen. Here is the link to the Html: http://www.beaconhousedefence.ml/counter/index.html Here are the links of JS file being used: http://www.beaconhousedefence.ml/counter/js/count-jquery.js http://www.beaconhousedefence.ml/counter/js/jquery.responsive_countdown.js Please help me and tell me why is this happening?
How to cut a certain element and paste it at another place on a webpage?
Assume I have a webpage with the following structure: <div class="foobar"> .... <div class="blahblah"> ..... </div> sometext ....someotherelemens ... paste cut element here </div> Now I want to cut the element with the class="blahblah" (including its inner content) from its original place and paste it just before the closing </div> for the element <div class="foobar"> How can I do this with jQuery? If necessary the operation can be split into two jQuery statements. However a one-liner is preferred.
jquery load and the http 302 status redirect
I am trying to load some external html from a webpage that uses CAS Single sign on . the page i am loading it from is allready authenticated so the SSO method will redirect me to the CAS page <script> $(document).ready(function() { $('#content').load('https://uviewaccp.usask.ca/SASWebReportStudio/logonAndRender.do?&_sasapp=SAS+Web+Report+Studio&rsRID=SBIP%3A%2F%2FMETASERVER%2FAdmin+Unit%2FHR-AVPO%2FReports%2FADHA-1090+HR+Total+Rewards.srx(Report)&rsAM=pUrl #otvc100056_ComponentContainer'); });
jQuery Mobile Slider : Need urgent help.
We are working on an web application that includes quite a bit of graphics work around jQuery utilities such as jQuery mobile slider and other jQuery stuff. Can any one help to provide a fix/workaround for this particular thing. It’s about providing a comma separated currency text field in a built in JQuery slider text control. By Default its supports only normal integers and not supporting commas/strings. If commas are added tweaking the JQuery script, all the nearby images present in the jQuery
What does this mysterious selector do?
What's the difference between $.fn.insertAtCaret = function (myValue) // i saw this in an example, but don't know what it means and function insertAtCaret (myValue) // this doesn't work in his example but is similar to how I name functions I checked the jquery documentation for selectors but his selector isn't covered, so I don't know how he came up with it. It seems somewhat similar to jQuery.fn.extend() but he's not using .extend
is draggable widget deprecated?
It says (version deprecated: 1.12) on the page. So what does that mean? Am I supposed to do it some other way? I don't want to spend time learning something that is deprecated. I'd like to drag text inside a textbox to another textbox. Simple enough it seems, but yet I can find no way to do it. I see all these silly examples of dragging a picture into a div. Who does that? I could use some real world examples.
Live Search does not work with latest jquery version
Hello there, Long time ago i created simple live search. It works very well with jQuery v1.8.3, but does not work with jQuery 3.1.1. HTML <div id="searcher" class="flexcroll"> <a class="close">×</a> <form id="searchput" method="get"> <input type="search" value="" placeholder="Search..." onkeyup="search_movie(this)" class="co" /> </form> <div class="search_box"></div> </div> jQuery
how save hidden courses in variable removeid
I need when click on remove button hidden the courses removed then save in variable name removeid removeid will have courses be hidden when remove as example below my code as following in fiddle https://jsfiddle.net/0xfvzqxa/ suppose i have courses Id CourseName 1 c# removebutton 2 asp.net removebutton 3 javascript removebutton suppose i remove 2,3 that represent asp.net and javascript then removeid variable will have value 2,3 after click remove courses and be hidden
JPlayer playlist - need to move variable values from head to body
Hello Please check the code below defined in the head tag. I now need to move the myPlaylist.setPlaylist variable and from the head html tag into the body html tag., so I can change the playlist dynamically. Can you please advise? Why? - I'm using a DNN module and injecting dynamic data. Unfortunately I can only inject data via tokens into the body and not the head. Many Thanks... <link type="text/css" href="/script/jplayer/skin/pink.flag/css/jplayer.pink.flag.css" rel="stylesheet" /> <script type="text/javascript"
checkbox within widget-content
I am using a jquery-ui checkbox within a container that has class ui-widget-content on it. This is causing the ".ui-widget-content .ui-state-hover" css rule that defines the background property to override the .ui-icon-check rule that defines the correct background-position for the checkbox image. I believe this is because it is more specific. The result is that a checkbox within a widget shows the wrong image. How should I handle this? Here is a jsfiddle example. In the second div where I have the
Markercluster, google maps cant get location object
I want to make a markercluster, where i get my lat/lng values from my database. When i use this example here: https://developers.google.com/maps/articles/toomanymarkers Then those location values are objects and those are working. Now I have a loop where i create an array: lnglatarr.push({ lat: parseFloat(i[l].getAttribute("lat")), lng: parseFloat(i[l].getAttribute("lng")) }); // AFTER THAT i send the array to this function: createcustom (lnglatarr); Here the function function createcustom(arr)
sort horizontally by using jQuery Table Sorter plugin
How do I sort the values in a single table row? (i.e. sort horizontally) with the use of jQuery tablesorter plugin
google maps markerclusterer not working
Hello, i asked this already, but its not placed in this forum. Well, to make is very short. If i use this list of geolocations and place is hardcoded, it works: var locations = [ {lat: -31.563910, lng: 147.154312}, {lat: -33.718234, lng: 150.363181}, {lat: -33.727111, lng: 150.371124}, {lat: -33.848588, lng: 151.209834}, {lat: -33.851702, lng: 151.216968}, {lat: -34.671264, lng: 150.863657}, {lat: -35.304724, lng: 148.662905},
toFixed
i am facing one issue can u please help me.. 4.95.toFixed(1) if i do this one in console it is returning as 5 but i need 4.9 how to make it this?
JQ GRID PAGING TO SERVER SIDE.
Hi friends, I am using below code to load jq grid. How can I achieve pagging to server side. Below is my code. </script> <script type="text/javascript"> var firstClick = true; // << Outside the click handler $(document).ready(function () { $('#Button1').click(function () { jQuery('#dataGrid').jqGrid('clearGridData'); $("#dataGrid").jqGrid("setGridParam", { postData: { mfrmdt: document.getElementById('txtDateFrom').value, mTodt: document.getElementById('txtDateTo').value, mitem: document.getElementById('ddlItemCode').value,
How to Change Div Background Color When Div is Scrolled Top
Hi All, I've spent several hours to change the color of div background. My question is How to change background color of div when the div is scroll top ? Code var docInHeight = jQuery(this).innerHeight; var obj_div = jQuery('#div'); obj_div.scroll(function () { if (jQuery(this).scrollTop() == 0) { jQuery(this).css('background', 'red'); } }) Thanks in advance
Next Page