'SyntaxError' in IE10
So, we have some code that worked in IE9, and is now causing problems in IE10. I'm getting this error: SCRIPT5022: SyntaxError jquery-1.7.js, line 554 character 3 On this line: $(document).on("successEventInit", populate); I'm running in Browser Mode: IE10 and Document Mode: Standards. Is there a problem or special catch with using jQuery 1.7 in IE10? Thanks.
UI Date picker opacity issue
I've isolated an issue that presents itself in Firefox where an inline style setting for opacity: 0 is being added when the date picker input is clicked. It appears to be related to the application of any animation to the click event. In the jquery-ui.js file, when I set the animation name to null in line 5866, the opacity value is not applied to the div named 'ui-datepicker-div'. I've tested all available animations and they behave the same way. Applicable to JQUI 1.11.2 using jQuery 1.11.2.
JSONP Cross Domain Error
With some help from people in IRC chat and this forum, about two years ago I wrote some code to take data from an HTTPS site and then return it to my HTTP site. Well long story short, IE sucks and has issues in version 8 & 9 with my code. I will let you know that I do not know javascript or jquery that well. I'm sorry if my code is horrible looking. <script type="text/javascript"> $(".div1").empty(); // Make sure my div is clear. My cms will not allow me to have an empty item so I had to
Passing toggle state - Local storage
Hi folks! First of all, i apologize if i am posting in wrong forum, but i am JS and jQuery newbie and i dont know what i am doing.Here is a thing. I have a toggle open/close DIV with UL list in it that look like this: <div id="dropdown-1"> <div class="option-heading"> <i class="fa fa-angle-double-up"></i> <i class="fa fa-angle-double-down"></i> <h5>Title</h5> </div> <div class="option-content"> <ul class="check_list check_list_show"> <li><a href="#>Item 1</a><li/> <li><a href="#>Item 2</a><li/> <li><a
JQuery not working without alert()
Dear all, I am updating a SharePoint webpage. The page belong to search center. So there is a google-like textbox in the middle of page. My script is try to get the querystring and fill in the textbox. Here is the code: $(function() { var keyword = getParameterByName('k'); alert(keyword); $("#SearchBox input:text").eq(0).val(keyword); }); function getParameterByName(name) { name = name.replace(/[\[]/, "\\[").replace(/[\]]/, "\\]"); var regex = new RegExp("[\\?&]" + name + "=([^&#]*)"),
Items are not rendering in jquery ui autocomplete.
Hello, I am new to JQuery UI. I am trying to include the JQuery UI autocomplete field in my app. This field hits a remote data source. The markup for my autocomplete field looks like this: <input id="myAutocomplete" type="search" class="form-control input-sm ui-autocomplete-input" autocomplete="off" spellcheck="false" placeholder=""> I am initializing this auto complete field via the following JavaScript: $('#myAutocomplete').autocomplete({ minLength: 3, source: '/api/autosuggestions',
Cloning and assigning dynamic element IDs
Hi Guys, Well this is my first post, I have been using jQuery here and there for a few small enhancements, I have to say I really like it so far, but it seems I have run into a little snag. If you look at the code below it should make some sense, hopefully. <!doctype html> <html> <head> <meta charset="utf-8"> <title>MiSland MX</title> <style> .ninja { visibility: hidden; background: green; } </style> </head> <body> <script src="jquery-2.1.0.js"></script> <script> var c = 0; $(
Setting text on drop down list by his value.
Hi to everybody, I need your help because I have problem to set a text on drop down list giving his value. This is my select: <select id ="quadri"> <option value='1'>I° Quadrimestre</option> <option value='3'>II° Quadrimestre </option> </select> When I select the 2nd option I refresh the page and I would like to refresh my select as well. Thanks in advance. Tegatti
Can be we able to translate buttonText in DatePicker-French.js
Hi All, I'm trying the french translation for jquery ui date picker. Can we able translate the buttonText value where i need to translate the tooltip text to french text.? Changed in the DatePicker-French.js showMonthAfterYear: false, yearSuffix: '', buttonText: 'Calendrier', this is not working. could anyone provide suggestion to translate the buttonText Thanks in advance
conditionally position a footer in the bottom of the window
i have 3 divs header content footer the content hieght is dynamic (can be expanded and collapsed by the user at run time) if the sum of the height of the 3 divs is bigger the the window's height every thing is fine but when it is smaller (the user reduced the size of the content div) the footer is positioned right after the content and there is a white space underneath the footer. in such a case I want the footer to be at the bottom of the window each time the content is collapse or expanded i call
jquery Accordion height
How do i adjust the height of the accordion to occupy the whole container or page ? <!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta charset="utf-8"> <title>jQuery UI Accordion - Default functionality</title> <link rel="stylesheet" href="libs/jquery-ui.min.css"> <script src="libs/jquery.js"></script> <script src="libs/jquery-ui.min.js"></script> <script> $(document).ready(function () { $("#accordion").accordion({ autoFill: true
Problem with initial jTable load/display
I'm just getting started with jQuery and jTable, and am having a problem with jTable. I'm trying to set up an admin page for a list of news items for a website I'm working on. I'm using PHP 5.5.12 and MySQL 5.6.17 on the server. The issue is I don't see any data when the page displays. I do see an empty table, with the expected title and column headings, but the message "No data available" is displayed. When I debug with Chrome developer tools, I don't see the URL for the list action being
Help! trying to make a adjustable height div based on screen resolution
Yes, it is very compliqued, but i'm just doing this for one reason, I wanna learn but I was looking at various sources and found nothing to the solution of my problem. (sorry for my English, I am mexican) I want to do something like this page: http://www.avira.com/es/index or https://www.avast.com/index I'm building my website and here is an example http://exampleforthis.esy.es/ What I want to do is that the image of the desert (or whatever it is) covers the entire screen. (height) If you notice,
doubt in removeclass & Addclass
Hi, I am trying to change the class name of the textbox to datepicker of the field dynamically while dynamically adding the row. But the datepicker is obtained on the required field only after adding the adding row.it is not obtained without adding the new row. the classname changes in the cell3 depends on the value of cell1. New Row Function: oCell = newRow.insertCell(0); var cell4 = "<tr class='text2'>"+"<td>"+"</td>"+"<td type='' class='text1' name='conditionname' id='conditionname"+sno+"'
Parsing a CSV, return specific row as array
Hello all, I'm having a bit of trouble finding out how to do this with google so I figured I would give this a shot. What I'm looking to do is have a textbox on my webpage where someone can type in their phone number (restricted to numerical values only), which then will search a csv file for the row that starts with their phone number and return all of the separated values in that row. For example in c# it would look something like this: lets say my csv file, openorders.csv contains 3 columns
Newbie: Page transitions
Hi, Seeing various posts in the forum, blogs, etc., there seems to be some issues with jQuery mobile transitions in a hybrid mobile app (such as using phonegap and others) and general recommendation seems to be don't use them (i.e. use the default transition of 'none' to avoid flickering.) Once for all, can please somebody confirm the below then: Is that still the case? If (1) is true, is there any simple workaround if at all (probably use CSS transformations, some plugins?) and link to it? Appreciate
Need a plugin to create charts
Hi, I need a way of creating charts in jQuery, preferably with animations like the one at the below site: http://www.senanalysis.com/stock.php?id=6494 Had a look in the source and it looks like that site use phpChart, I need one I can implement just using jQuery though. Does anybody know which would be the best and easiest plugin to use? Thanks,
Jquerry .wrapInner() on multiple textfields in Slider - Just works on first slide
Hello, im totaly new in javascript and need <span>´s in the P and H1 elements in my slider for css. My problem is: The following JS works but(!) only at the first slide and i cant figure out how my former colleague did that on the other slides. var test = jQuery('#vor_slider h1'); jQuery(test).wrapInner('<span></span>'); var test1 = jQuery('#vor_slider p'); jQuery(test1).wrapInner('<span></span>'); Im learning Java and i know what he is doing here, but i dont know how he did that on the other slides...
Newbie: Automatic and responsive page content pagination
Hi, Is there a way to automatically generate pagination for the content of the page (say a long article as text) in a responsive way based on the available device viewport and orientation? The scrolling works okay but pagination might have better user experience. There seem to be several plugins when searching the Web but they seem to predetermine how many items need to be there on page beforehand and not in a "responsive" way to do it on the fly. Any recommendations? (The text inside page content
Jquery accordion will not close after expanded.
Hello, I hope to get some support here since I am unable to get it on a Wordpress Plugin Support page. We are using a plugin on Wordpress to get an accordion feature and it is using jQuery. The problem is, after expanding an element, it will not close back. It acts like it will close but then comes right back open. Here is the current code: /* Accordion */ jQuery('.simnor-shortcode-toggle-active').each(function() { jQuery(this).find('.simnor-shortcode-toggle-content').show();
IE11 auto-active Autocomplete Jquery-UI
In IE11 my tabs are showing automatic. I was using Autocomplete Jquery UI. Anyone knows solve this problem?
JQuery UI Spinner
I have used alot of jQuery UI widgets in Form submissions, like datepickers, etc. I am having issues with the spinner. When I submit my form, the spinner input field is always 0. Here is my jQuery code: <script> $(function() { $( "#tpi_score" ).spinner({ step: 0.01, min: 0, max: 5, }); }); </script> <!---Form input field---> <input id="tpi_score" name="tpi_score" value="0.00" size="5">
Loading JQuery into Business Catalyst
Hello, I'm a real newby to all this jQuery and coding stuff. So sorry if i ask stupid obvious questions. I have built a website in Adobe Muse. I have then loaded this into Business Catalyst (BC). When using the eCommerce component of BC i want to add a tabbed section to contain product information. After extensive research i found that using jQuery UI was my solution. I have been onto the jQuery website and created a template to match my current site and downloaded all the files in the .zip folder.
i need help for found this plugin
hello, please see this website : https://demo.gavick.com/joomla25/events/ it was demo. i want found this motion and use in jquery code please help me for found source. Regards.hesamtabatabaei
How do I remove invisible “ ” which has been automatically added to code in JQM?
I am developing a mobile website in JQuery Mobile and I am fining that at seemingly 'random' points, the web browser is adding in: " " (different amounts on the different pages it occurs). Much of the base of the code is copied and pasted straight from the JQM demo site for the different widgets/layouts etc... and I have read that copying/pasting code from different places can cause this issue. The problem is, how do I remove it, especially when I have
Everything inside jQuery.ajax({ success:
Hi, First of all , I apologize - my English is bad . Is it a bad approach to put all the main code inside success setting ($.ajax({ success: ) - for example, I have this JSON in file mydata.json: [ {"name":"Aster","product":"aster","stock":"10","price":"2.99"}, {"name":"Daffodil","product":"daffodil","stock":"10","price":"1.99"}, {"name":"Rose","product":"rose","stock":"2","price":"4.99"}, {"name":"Peony","product":"peony","stock":"3","price":"1.50"}, {"name":"Primula","product":"primula","stock":"20","price":"3.12"},
Problem with reassigning datepicker in a fancybox popup
Hi everyone, i have a problem with reassigning datepicker in a fancybox popup. On firebug console there is no error or warning. The situation is like following: - There is a main site for selecting users for who a message should be written in the fancybox popup. - The main site can be filtered by two date fields. - In a message the user can specify another two dates. - Each date field should provide a jquery ui datepicker. - The main site and the fancybox popup contains a header, in both headers
Whats with Low level and high level methods ?
Guys i was reading this document . .data API Jquery and if you see the second paragraph , the author says something like : Most jQuery code sets data values using the higher-level .data() API; for example, $("div").data("imaDiv", true) sets a boolean value on every div in the document. This API, in turn, calls down to jQuery.data() with each element to set the value. For completeness, there are also jQuery.removeData() and .removeData() to remove data elements, and jQuery.hasData()
Processing a form without reloading the page
Hi I'm sorry for asking such a stupid question, but I have searched and tried various things with no luck. I am trying to use a form to calculate a value based on three parameters and display a circle on a Google map. I have a small form with three fields in a <div> where the user can enter the desired values. Once he presses submit, I want to use those values, calculate the size and create the marker. Somehow when I press submit, the same page gets reloaded but obviously the marker is not created.
Access to global variable within jQuery?
I assume it's a problem with the scope, but no matter what I try, I can't get the variable to accessible within jQuery. I understand that variables created within a function are only accessible by that function. But global variable should be accessible also within functions, no? I define a global variable on a page using Google maps. Using a jQuery function, I then draw a marker and push that marker to the global variable. When I try to remove the marker, using a click event jQuery I can't get the
Removing multiple lines
Hi all, I am pretty new to jQ and I am trying to write up a command line interfaces that will removes a particular section / lines of codes within a list of json files. By the way, the json file are located within the sub-folders of the main directory Well, I came up with this code find -name "*.json" | xargs sed -i "map" but I came to realize that I will not be able to achieve the outputs that I wanted as some of the json files I had, its format and contents are slightly different too. So far I
why does this change context in setTimeOut
Hey guys , please check out the below snippet of code . $('#myElement').click(function() { setTimeout(function() { // Problem! In this function "this" is not our #myElement $(this).addClass('aNewClass'); }, 1000); }); now in the above code why does inside setTimeOut $(this) not pointing to $('#myElement) ??
Getting parent window filed name to popup window and retrieving checked checkbox values from popup window to parent window (Using jQuery)
Hi, I have a requirement where I need to bring the parent window field value to popup window. In the popup window I have many check boxes which upon selection, will be concatenated and should be brought back to parent window against the field. Could some one give an idea or any link to achieve that. We tried doing to open a div as a popup but with no help. The page looks like in the attached image.
jQuery-Form-Validator Send ajax on onSuccess
hello Sorry for my very bad English . I uses plugins jQuery-Form- validator (http://formvalidator.net/ ) And I want when passing validation on kalbasks onsuksess function to send the request. I got here tacos code $(document).ready(function () { $.validate({ validateOnBlur: false, showHelpOnFocus: false, onError: function () { alert('Validation failed'); }, onSuccess: function () { $(".form-submmit-button").click(function () {
Can jQuery retain the original color of a selected dropdown item?
My <select> ...<option> sequence displays a dropdown list of items and each item happens to have its own background color. However, when one of the items is selected the background turns to a standard blue. Can I use jQuery to either avoid this color change or restore the original color. Thanks
datepicker disabled highlight some days
Hi I'm tryng to add class with beforeShowDay: at some days in datepicker (all disabled) just to show unavailable date to visitors. In attachment my complete html (just changed the extension) When i look the result i see <td class=" ui-datepicker-week-end ui-datepicker-unselectable ui-state-disabled undefined "> <span class="ui-state-default"> 1 </span> </td> Why it dont apply my class gior-occ , someone can help me? Thanks in advanced L.
Trying to understand JQuery logic flow
Let me start by saying, I clearly don't know what I'm doing. I know just enough about JQuery to be dangerous. Currently I'm working with version 3 of foo tables, and the author provides an example of populating an html table from a .js file where he's hardcoded some rows. I'm trying to convert this hardcoding into reading data from a web service using JSON. This part I've accomplished, in the success method of JSON, if I call: alert(JSON.stringify(response)); I can see my data in the correct format.
How do I set a function to perform only when clicking the aleady active tab?
I'm trying to have the active tab serve as a button to close the content. So Users can open and switch between the different tabs. However, if the User clicks the current active tab, then it will perform a function. My best effort is this; http://jsfiddle.net/noyhadar/np8p2oy0/31/ Which only recognized the first tab, as the mechanism I need. Noy Hadar
colResizable() issue in IE (bug?)
I have 2 panels with the top displaying a table with the overflow hidden and the bottom panel allows the user to be able to update the information for the row the user clicks. For some reason, the column lines are faint but resizeable in the bottom edit panel but ONLY in IE and from what I can tell only in IE 7. Does anyone know how to fix this/stop this from happening?? Here's my code: http://jsfiddle.net/euka4rm3/45/ *UPDATE* - fixed the jquery version to reflect the one I am using. http://jsfiddle.net/euka4rm3/46/
Datepicker and Tab issue with upgrade
I just upgraded jquery to the latest version. We were using the 1.8 version. We are having an issue with the code now. We have a tab page that references two other pages that have date pickers on them. When we tab to the another page that also has a date picker, the calendar item does not show up. It is a simple page. I simplified my code to just have a form that had the date picker controls (input item) within a form. On the called tab pages we use the document.ready to perform the binding of
Next Page