String is undefined in jquery-1.7.1.min.js
Hi Team, I have included jquery-1.7.1.min.js file in my aspx page . After executing some javascript functions, the call is going into jquery-1.7.1.min.js file And it throws me following error "JavaScript run time error :String is undefined" I have changed to jquery-1.10.2.min.js file as well, then I am getting new date() is undefined. Thanks & Regards Sai krishna
Border flickering during toggle of a box
Hi I want to get a slide menu with help of the JQuery Toggle method. I have found an example how to make it. Problem is that when the box is sliding in the border flickers. How can I make smooth sliding of the box? The code: <!doctype html> <html lang="en"> <head> <meta charset="utf-8"> <title>jQuery UI Effects - Toggle Demo</title> <link rel="stylesheet" href="http://code.jquery.com/ui/1.10.3/themes/smoothness/jquery-ui.css"> <script src="http://code.jquery.com/jquery-1.9.1.js"></script> <script
Using Ajax Call in Calendar
Hi Guys, I have the following code, to get a list of data from a web service call and put them into a calendar. I tried debugging it and the data returns fine ... but it's the rendering part which I am not sure how to get it working. So what I am trying to do is loop through this data and put them into a string list and then put that list into the calendar call. Can anyone see what's wrong with this? $.get('/WebServices/HttpHandler.ashx?action=GETMATCHES&year=2014', function (results) {
Problem with transitions
I'm making android app using jquery mobile 1.4.0RC1 and phonegap 2.9 - here is link: https://build.phonegap.com/apps/669706/share Problem is with transitions. Page is blinking before change. I used jquery mobile 1.3 before and it was ok, though I changes some app code. Is it problem with my javascript? or with new jquery mobile? Here is my javascript code (part that involves transitions): $(document).one("pageshow", ".index", function() { //console.log("show index"); if (!localStorage.atrakcje) {
Using to jQuery to access JSON nested array
I had written a JSON file and corresponding jQuery to iterate through it. I've recently decided that I should probably read in one big JSON file, rather than several smaller ones. So my previous working code looked roughly like this: JSON { "men" : [ { "id":0, "name":"alex", "age":"25" }, { "id":1, "name":"bob", "age":"26" }, { "id":2, "name":"charlie", "age":"27" } ]}And the jQuery I was using to iterate
Remove multiple filter/sort mixitup jquery plugin
I'm trying to remove the multiple filter in "mixitup" jquery plugin. I just want the plugin to only select one value instead of selecting multiple values. Here is my work in progress http://digitalspin.ph/federalland/project-page/ Here is the **MARKUP CODE -** <div class="group" id="Filters"> <div class="drop_down wf"> <span class="anim150">Location</span> <ul class="anim250"> <li class="active" data-filter="all" data-dimension="location">All</li>
Progress bar in installing game process
I try to upload fale(game.swf) from another webserver to my webserver, and that is not problem. Problem is create progress bar to track copying files process, or more precisely, the calculation and display the value in percentage, of file that i currently copied from other webserver to my webserver (alredy have full size of file variable) This is what i do for now. ----------------------------------------------- after clik on install buton (div element) jq.js file $(".button").click(function ()
using JQuery plugin(noty)
Hello everyone, I am very beginner particularly in world of JQeury. I am trying to implement some customized alerts in my ASP.NET web application.For that i have decided to use noty:http://needim.github.io/noty/#creating-a-noty I have included files in my webpage as follows: <script src="http://code.jquery.com/jquery-2.0.0.js"></script> <script src="http://code.jquery.com/jquery-migrate-1.1.1.js"></script> <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
Looking at href values of children
Hello! I am trying to apply a specific class to an ID if the href values of any of the children are equal to the current URL, in this case a list of links in a menu. Here is a part of the relevant HTML and the jquery code I am trying. Any help will be greatly appreciated!! <!-- notice the ID on the li - "aboutsection" --> <ul id="mainnav" class="nav navbar-nav"> <!-- About --> <li class="dropdown jsb-fw" id="aboutsection"><a href="#" data-hover="dropdown"
How dynamically access id of div elements..?
i had my work done with this where a,b,c,d are id of some div elements. setTimeout(function (){$("#a").fadeIn(300);},0000); setTimeout(function (){$("#a").fadeOut(300);},3000); setTimeout(function (){$("#b").fadeIn(300);},3500); setTimeout(function (){$("#b").fadeOut(300);},6500); setTimeout(function (){$("#c").fadeIn(300);},7000); setTimeout(function (){$("#c").fadeOut(300);},11000); setTimeout(function (){$("#d").fadeIn(300);},11500);
Datepicker not working in combination with RequireJS in IE9 (but, IE8 works)
Hi guys, I have a setup with jQuery 1.10.2 and UI 1.10.3 and I try to graciously fallback from the html5 datepicker in IE8 and IE9. Below snippet works in IE8 but in IE9, it doesn't. It does print on the console, and when I execute the datepicker() line in the IE9 console it also works (the datepicker becomes visible on click on field). I expect the problem to be in RequireJS and somewhere in this snippet: http://jsbin.com/opulone/1/edit?js
Wrapping functions around events
Hey Guys. I am new to working with events and I am just curious to know why should we wrap a function around events. Like for example for the code below $(function() { $("#evtTarget").on("mouseover mouseleave", highlighted); }); Why can't it just be like this?? $("#evtTarget").on("mouseover mouseleave", highlighted); Thanks for your help!
How to send items from the shopping cart jquery finalizing your order?
Good day. I wonder how sending the items from shopping cart jquery to a page, ending with the purchase form or send it to mysql the selected items. Many thanks for the help.
Working with variables
Another question I have is why am i unable to assign an event handler to a variable and work with it. Instead of doing this var eventTarget = $("#evtTarget"); $(function() { $("#evtTarget").on("mouseover mouseleave", highlighted); }); function highlighted () { $("#evtTarget") .toggleClass("highlighted"); } Id rather assign eventTarget and use that variable as a handler. But for some reason its not working?? var eventTarget = $("#evtTarget") $(function() { eventTarget.on("mouseover mouseleave",
AutoFill plugin/extension which works for all browsers?
Hi all. I am currently thinking of writing an AutoFill plugin/widget which will take my personal data such as First Name, Last Name etc from a file/javascript and will automatically fill it in web page form. I have read till now to build a plugin which works for all browsers, I have two options:- 1) To make a Jquery UI widget 2) To make a NPAPI plugin Is there any other easier method to develop an autofilling plugin, and which option to take i.e. NPAPI plugin or Jquery widget ? Thanks
How to pop the history stack (URL) when using programmatic page change?
I have a multipage setup with a 'page depth' like this: Page 0 Page 1 Page 11 Page 12 Page 13 etc. If I walk thru the pages in the same order but in different ways then the outcome is different depending on using 'a href' or $.mobile.navigate. I perform this walk: Page 0 -> Page 1 -> Page 11 -> Page 1 -> Page 12 -> Page 1 -> Page 13. If I use 'a href' to navigate between the pages and then go backwards using history.back() from Page 13, then I get this path:
Manual reload necessary before input button works
All, I have a small webapp with an index page. The index page has a button "Login customers", which starts up a new page. On this new page the user can enter id and password and click the "login" button. however, initially the button does not respond, but after manual reloading it does work. It seems to be that javascript is not loaded. A related problem is probably: at first my added "Back" button is available and works. After the manual reload however it has disappeared. It seems to be related.
Left and Right Icon of date picker not showing in my enviroment.
Good day all, I was follow the date picker in this page (http://jqueryui.com/datepicker/) and successfully create the date picker in my environment. However, my datepicker does not have the "Left" and "Right" icon. I prefer to make it same as the website. Here is my screenshot of this website datepicker : Here is screenshot of datepicker in my own environment : I am not sure is it I miss out the <link rel="stylesheet" href="/resources/demos/style.css"> as from the source code, or cause by other issue.
get url parameters to toggle div
I'm looking at creating a script using jQuery, however I can't see to find a way to show the div's i need displayed using a get statements, ex. ?display=div1. I would rather not use hashtags, since those are globally used for something else. Any ideas? I would appreciate any snippets anyone could share.
Hide/Show input when radio button is chosen, not working
Hello! I have a few radio buttons and one text input. I'd like the text input visible only when one of the radio buttons is checked, then to hide or toggle when any others are checked. I was able to accomplish this with javascript but want to use jQuery. HTML: <!--- Standard Delivery ---> <label for="StandardShip"> <input id="StandardShip" type="radio" class="validation" value="86" checked="checked" /> <span class="name">Standard Shipping</span> <p class="rl-m"><small>Earliest
Split Button Lists: Using same anchor link for multiple tasks
Hello All, I'm creating a dynamic Split button list. The lists second anchor link will be used to add and remove a particular list item to its own personalized list(displayed in another page), like a bookmark. <a data-icon="info" href="#" id="ID_1" onClick="add_remove_fav('ID_3');"></a> I'm facing two issues here:- 1) Issue of using same "anchor" tag of split button list to add and remove a particular list item from personalized list. This anchor tag will be required to handle two operations:- add
Cross-Site Scripting in qunit.js file
Hi Friends, We are facing Cross-Site scripting issue in qunit.js file. Please find the code snippet below.: if ( window.location ) { window.location.href = window.location.href.match(/^(.+?)(\?.*)?$/)[1] + "?" + encodeURIComponent(text); } I have attached the report screen snap for this issue. Please look into this and give your suggestion regarding this vulnerability. Thanks, Arun
How to update status in a footer bar that is persistent across all pages?
Hi folks, I've got a persistent footer bar at the bottom of my pages, and I want to be able to update the "onlineIndicator" on any page. I realize that it's a no-no to use the same ID's for multiple elements. Can someone tell me what the best method would be to do this? I've got a function that updates the element, but it does not update the status on pages other than the first page. $("#onlineIndicator").text("Status here"); <div id="statusBar" data-role="footer" style="text-align:left;"
Custom made ajax vs JQM default ajax page loading mechanism
Hi, I made a file which fetches data via PHP+MySQL and shows it on the page through $.ajax. The thing is that when I have data-transitions added to a link leading to that page the content from database doesn't load (it loads only after a page refresh). When I add data-ajax="false" to the link (which means I disable the transitions and default JQM ajax loading) everything works as new. How do I do it so I have transitions and my custom $.ajax loading at the same time? Maybe there is a way to activate
Review copies available for 'jQuery UI Development [Video]'
Hello all, We are looking for reviewers for our newly video course titled, 'jQuery UI Development [Video]'. I'll be happy to provide a free download copy to anyone interested in writing a review for this course specifically on their Blog/Website and any other social websites within 2 weeks after receiving the download link. All the information about the course is here: http://bit.ly/1jfriw0 Here is a sneak preview of the course- http://bit.ly/1cQonFa If interested, just drop a line in the comments
Accessing a variable inside an event handler
I often encounter a problem where I generate a value in an anonymous function and outside of it I have a listener for an event, say .click. In hte .click handler I want to access that generated value. So far I have been using that value as an attribute value and accessing it via selectors, but there's got to be a better way to do this, no?
Two sections expanding/collapsing in a container
I have a container div with two <section> elements inside it; each section has one <article> element; and those articles each have one <fieldset> element. Both fieldsets are expandable/collapsible. The container div is supposed to be a wrapper that auto fills the space between a header and footer, which it does (using some simple CSS). Here's what I'm trying to figure out: when both fieldsets are expanded, I want them to take up roughly 50% of the space available (there's some padding and borders
jquery for validate search box on the basis of dropdown values.
hello all, i need a help to validate my search box on the basis of drop-down list .suppose if i select "only numeric" search box should validate only numeric with minimum 3 nos same goes to "only character" search box should validate only character with minimum 3 characters if fails error msg should appear inside the search box with colored background. i tried this code http://jsfiddle.net/ayanthakur/h23Dr/1/ please help me to update....
Generate a <script> tag when replacing content with a $.post
When I'm replacing the content in the "results" div tag I lose all my data in the <script> tag. Inside the script tag I'm dynamically generating sliders for input fields based on the result that I get back from another server. Does anybody got any ideas? Here is my doSubmit function function doSubmit(reload) { $.post("request",$("#state_form").serialize(),function(data) { var content = $(data).find('#results'); $("#results").replaceWith(content); <%out.println(hoffmanUIControls.getSliderJavaScript(request.getParameter("jtc_group"),
Spam
I havea comments page on my site. When I converted the page to jQuery Mobile, spam comments from bots vastly increased. Why?
Jquery Plugin function not working with more than one call
I have a jquery plugin which will contains $.fn.afterResize method. It is working for single call but if we call more than once it is not working... Please help me to resolve this isssue. I have developed two jquery plugins based on this $.fn.afterResize method but it is working only one of the two plugins if i use both plugins at a time $.fn.afterResize is not working. Please find the following code block of $.fn.afterResize method. Example: $("#dvTools").ToolsResizer(); --> I am using $.fn.afterResize
slideUp element onclick only when window width is bellow 990px
I'm transforming a navigation from desktop to mobile with media queries. When the screen is bellow 990px the desktop nav is transformed to mobile and a slideToggle button appears that when clicked slides up and down the navigation tabs. When the user clicks a tab on the mobile version of the navigation i want the navigation ul to slide back up. I am able to do this but the problem is that when the user goes above 990px transforming the navigation to desktop, and i click a tab, the navigation slides
Errors with multiple libraries. Any advice?
I have read multiple stack questions on this topic, and have spent many hours researching a solution to this problem. I had all but one of my form field validations working with parsley js, and had posted a topic about getting it to work with no answer in sight. I have since changed over to the jquery validation library to attempt to solve a conflicting libraries problem. I have implemented the noconflict mode (I have tried at least 5 variations of this code to attempt to eliminate errors) with no
Jquery carousel thingy
Hi, Are any JQuery genius' out there than can help with this script: http://jsfiddle.net/e6Tm7/ The way it should work is as follows... The three main images are on a carousel that cycles round. When you click on thumb 1 the carousel is stopped and the main image is replaced with a new different image and that new large image that appears can then be clicked to show a second image in the same position. Likewise when you click on thumb 2 the main image should change and again that image is clickable
jQuery move element with arrows
Hello ! I'm making pacman game. For now I have only map and pacman in there. Now I wanna move him but my code doesnt work. I tried about 4 methods but still nothing.Methods that I tried are in comment. You will understand a lot more if you download. So problem now is that pacman is not moving,first I just want to move him,no matter if there is wall or not. Thanks for help. I puted files into rar so u can download and its also under attachments (not a virus):[code]http://speedy.sh/pKDTX/pac-man.rar[/code]
JQuery UI Dialog ASP.Net prevent Postback ( and give selected value of dropdownlist back to dropdownlist mainpage
Hi there, i have on my ASP.NET Webform a Button when i on it click i open with jquery ui a Dialog. always when i click on the button i got a postback an the whole page reloads. Also when i Close the Dialog i got also a postback. first how can i prevent this ? second i have on the mainpage a dropdownlist where i can select values. on the new popup Dialog i have a second dropdownlist where i can also select values. this selected value should be insert into dropdownlist one on the mainpage. best regards
re arranging divs
I am trying to rearrage the divs position based on an array but the alignment is not according to the array and I am using the following code to do that. var order = []; var elements = []; var $modules = $('.min); $.each(Order, function (i, position) { elements.push($modules.get(position)); });
drop down menu issue
http://codepen.io/mooshlam/pen/ILohD as you can see my dropdown menu gets all frizzed out when you hover over it, any suggestions? forgive any messiness, this is my first webpage i've ever designed from scratch thanks!!
Change theme of split button in list view
Hi, I have used JQM split button list view. I have fill up data dynamically in this list view. I want to differentiate data using theme. Is it possible to change split button them dynamically ? Like first list split button theme is a and second list split button them is b I want to use only two theme in whole list view. this theme set dynamically as per condition. Thanks, Hardik
Datepicker not working on specific page
Hello! I'm using the jQuery ui datepicker on a few different pages and it's working perfectly on all but one. I set up two datepickers on the same page, one on the main page area which is working with no issues at all. The second is on a modal and is the one I'm having issues with. Initially the datepicker wasn't populating at all so I had to force it with an inline onclick. Now it's populating but isn't reflecting my minDate or any other functions,...basically not picking up any of the script at
Next Page