ContextMenu
Hello jQuery Team, Can you tell me why almost all your samples are completely out of topic ? It is very frustrating ! For example contextmenu : http://api.jquery.com/contextmenu/ Do you really see a contextual menu in action ? I only see right-click button event binding, I can do it natively ... This sample is completely out of topic. It's not the only case, but I don't remember the other ones. Please have the good habit to build samples in regards of topics. So, for now, can anyone help me to use
Build and Deploy api.jquery.com project
Hi Team, I'am trying to deploy api.jquery.com code locally with the help of jquery-wp-content.But when I tried to apply the "grunt deploy" command the below error is thrown. $ grunt deploy Running "check-modules" task Running "xmllint:all" (xmllint) task >> Missing executable: xmllint. >> You must install libxml2. >> Downloads are available from http://www.xmlsoft.org/downloads.html Warning: Task "xmllint:all" failed. Use --force to continue. Aborted due to warnings. Can you please let
date format datatable
I populate data in jquery like this $("#example").empty() if (re.length > 0) { $("#example").append ("<thead><tr><th>StartDate</th><th>EndDate</th></tr></thead>"); for (var i = 0; i < re.length; i++) { if (re[i] !== null) { $("#example").append("<tbody><tr><td>" + re[i][0] + "</td><td>" + re[i][1] + "</td></tr></tbody>"); } } } var myTable; debugger; myTable = $('#example').DataTable({ "sPaginationType":
Jquery date-picker "fromdate" reflect to "todate"
I try jquery datepicker In this i set some some conditions 1) from date show only 2 year i.e. if 2016 then previous month must be 2015 if 2017 then previous month will be 2016 2) second is suppose i select date aug 1, 2016 from date then user select two months i.e. if aug 1, 2016 then sep 30, 2016 same as if user select feb 15, 2016 then april 15,2016 i.e. only two month 3) if current date is 5 October 2016 then onwards date of oct and months i.e. nov , dec must be hide and i am done with
Small content window on google map
i try to plotting data on google map and i am done with this now the problem is there is 4000+ records in table so plotting this data on map takes too much load time and sometimes code is break so how i solve this .. this is what i try var map; debugger; var latlng = new google.maps.LatLng(74.0895898, 97.0998546); debugger; var myOptions = { zoom: 8, center:
Daily Devotional or Daily Message
Okay, I am a complete newbie to JS and jQuery. Taking JavaScript classes to build my understanding. Meanwhile, simultaneously working toward building my first mobile phone app that will provide daily messages 365 days a year, strictly based on the month and day, not the year -- thus, the messages will repeat the following year. It is ultimately for a book project that has set messages for each day. I'm building it with my base knowledge of HTML5 and CSS with the idea to eventually run it through
Load PHP in HTML Pages
Hi there, I have a question. is there a way I can load a PHP based webpage on a simple HTML page without using iframes? For example if I have a DIV container. Can I show a php based webpage inside that Div Block?
Redirection of Devices
Is there a way to redirect a single href link to different pages according to the device the user is using? For example I have a href link. <a href="www.google.com">Click Here</a> Now I want that for PC's and Android devices this link should open google.com normally as it should. But, if someone specifically using iPhone or iPad or any iOS device even Macs, Click on this link they are redirected to a different html page. Now to be clear, The different Html page I want iOS devices to go to I have
Autocomplete scrolling in IE
The demo on this page http://jqueryui.com/autocomplete/#maxheight does not work for me in IE. I am having the same problem in my app. When I click the down arrow a couple times, it just ends up scrolling back to the top.
Zero Progress Bar
I want to set the data-max of my progress bar to zero but doing this causes the progress bar to count 'til infinity (100 divided by zero). How can I set my progress bar to zero? Here is my HTML: <progress class="progressbar" value="0" max="100" data-max="1"></progress> I link to jquery and modernizr. Here is my javascript: $(document).ready(function() { $('.progressbar').each(function() { var progressbar = $(this), progressbarValue = progressbar.next(), value
scrollTop moody - again
Hello all, here's an extensive description of the bug. (Please excuse me linking to content, but the description is just too lengthy) Bounty of €100 applies! Edit: Just found this - I suspect something similar... (i.e a timing problem) This seems similar, too. Thanks in advance
Mouse over on autocomplete textbox dropdown causes to hide the div.
Hi I'm using a jquery autocomplete textbox. It working perfectly expect only in one case. I've a <div> tag and it show on the mouse over of a link and hide when the mouse out of that div. That div tag contains a autocomplete textbox. Autocomplete textbox will dropdown the records according to my keypress. But when I mouse over an item in that drop down list, the entair div tag will hide. My aim is not to hide my div on mouse over of that drop down. Below the image. Thanks in advance Bobbin Paulose
Is there a version of validation that does not add arai attributes
I use jQuery just for validation and do not want it to add anything I have not explicitly done so. Is there a version that will not add the unnecessary or unwanted attriubutes?
VBScript value into generated html
HTML <span id="ShowCount" name="ShowCount"></span> jQuery Ready function $("#ShowCount").html("ABC"); The above works just fine but how to I substitute for the "ABC" with the value of a known VBscript variable called mycnt? $("#ShowCount").html($("mycnt").val); Doesn't seem to work. Thanks
option HeightStyle for accordion
Hello, in my accordion I don't manage to change the option HeightStyle .. I would like a "content" behavior ( the height of the accordion must be as tall its content) but it is still the height of the taller one. my example is there : http://perso.univ-mlv.fr/larrieu/bib/test.html thanks. mloiz
datepicker - grey out 3 days after the current day
Hi, I am using jQuery date picker. What I would like to do is to grey out 3 days after the present day (not other day selected). I am wanting to do this on a specific page, so don't want to modify my actual datepicker files, so would need to either include some code on the page or include it externally. Does anyone know how I would do this? Thanks!
Hello !
I had a problem using the Bootstrap Paginator that was developed by Yun Lai. When I tried to op The reason for this discussion post is about this member's plugin that is located on the JQuery Plugin Registry. However, when you try to access the page the user is presented with a warning page telling the user that their computer is infected with a virus and to please call some number. In addition, they have continual pop ups that's flashing with the suspicious information. I feel that no one knows
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),
Next Page