How to get values out of this jquery code?
I have this plugin which I found online - I've modified some bits but the bit I need is to know where the values are kept and how to access them. Sadly, the code is longer than what this forum permits one to submit...so I am putting a link and I hope someone kind enough will look through the code and might be able to tell me how to take user inputs from the page and access it... https://github.com/QuickenLoans/SlickQuiz
getJson is not working, no resluts
Hi, I found this page that is working : http://blog.comperiosearch.com/wp-content/uploads/2012/09/solr.html This is the source code for that page, I changed only my url inside getJSON function : Type in something reutersey and click the <b>search</b> button!<br> <input id="searchterm" /> <button id="search">search</button> <div id="rs"></div> <script src="http://code.jquery.com/jquery-latest.min.js"> <script type="text/javascript"> $("#search").click(function(){ $("#rs").empty();
How to close dialog after popup?
Just found, that if i use popups in page loaded via dialog i can't close it after popup is called. How to fix this problem? jQuery('#popup-message').text(result.message).popup('open'); setTimeout(function(){ jQuery('#popup-error').popup('close'); jQuery('#popup-message').popup('close'); jQuery('#dialog').dialog('close'); }, 2000);
Getting value from nested function
I just can not get the value of arr. Any suggestion... function my_f() { $.post('data.php', function(data) { var arr = $.makeArray ($("tr",data).map(function(){return $(this).attr("id")}).get()); return false; //alert (arr) //this work }); return arr; } alert(my_f()); //return undefined
dialog after upgrading
hi, I just upgraded a procedure to jquery ui 1.10.1 and i have a problem center the dialog in the middle of the windows and chrome 25 shows in the middle but moves the existing page up. Before the upgrade the dialog was show in the middle of the page how can I understand where is the problem?
Validating errors: for lightbox2
Hi I am just getting started using Lightbox2. I am using it for my portfolio. It works (even in IE) but when I validate it using web developer I get the following error message at bottom for every link. this is a sample of the code I'm using, it doesn't like the "rel" name, but when I changed it to "alternate" as suggested in explanantions, although it passed, it didn't work anymore. Does anyone have suggestions? I really want this to pass web developer, I would just feel better having it out there.
validating form field via ajax
I'm using jQuery validate. I'm trying to use ajax to see if an email address is already taken. My form is #new_user. $('#new_user').validate({ rules: { 'user[email]': { required: { depends: check_email }, email: true } ... function check_email() { var email_address = $("#user_email").val(); $.post("/checkuser",{ email: email_address } ,function(data) { if (data != 'true') { return false; } else { //if
Traverse/Locate and get Other Class
The problem is that I get too much output. I would like to know the chain that would get me the other class name of a parent. I have several forms with two words for the class. Starting with a selected <option>, I can get it's parent, the <optgroup>*. I ask for the name in the <optgroup> and use this as if it were the name of the <select multiple>. This is working fine. But I am getting all the inputs from all the forms. Maybe I am over-thinking this. But the solution I am looking for is this: If
Syntax error
What is wrong with the syntax from the code below? I get SyntaxError: missing ; before statement: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Untitled Document</title> <script src="http://code.jquery.com/jquery-1.4.2.min.js"></script> <script> $(document).ready(function(){ $.getJSON("http://www.wikiwebwidget.com/api2/api.php?method=getAllUsers&jsoncallback=?",
Local Storage
Why won't this code display on my page. Here is my github url https://github.com/awacs68/ASD-3 $('#display').on('click', function(){ // $("#dataloading").empty(); var getItems = function(){ for(var i = 0; i < localStorage.length; i++){ var key = localStorage.key(i); var value = localStorage.getItem(key); var item = JSON.parse(value); $(''+ '<ol>'+ item.vehicle[1] +'</ol>'+ '<li>'+ item.fname[1] +'</li>'+ '<li>'+ item.lname[1] +'</li>'+ '<li>'+ item.year[1] +'</li>'+
Success function problem
Hi guys, grettings from Colombia: I have a code and the code works fine but I have a sucess function on a click button (guardar) and the sucess function works fine too but (and this is the really weird part) I have a code into that sucess function that only works if I have and undefinide work inside. So, this is the code the bold part is the part of the problem (by the way Im newbie so maybe my code is no the best way to do it): the bold part doesn´t execute without the undefinide word. $("#edit_td").focus(function(){
code more reasonable and shorter possible?
Hi, I am working with some mustache templates on my site and so have to do this document ready introduction: $(document).ready(function(){ templates.defaultViewTemplate = "templates/defaultViewTemplate.html"; templates.chart_1_AnimationTemplate = "templates/Chart_1/Studio_p1.html"; templates.chart_1_FullscreenTemplate = "templates/Chart_1/Fullscreen_p1.html"; templates.chart_2_AnimationTemplate = "templates/Chart_2/Studio_p2.html"; templates.chart_2_FullscreenTemplate = "templates/Chart_2/Fullscreen_p2.html";
Using different right arrow indicators on different pages and themes
Got an unusual situation here. In JQM, on the ui-listview you basically use the default right arrow indicator or assign a different image to it. However, my client wants it where depending on the page you're on, the arrow indicator is a different color depending on the theme letter being used. Let me try to elaborate. Let's see I have one page with a ui-listview and it's theme A and the background is white. So the arrow should be black. On another page, the background is black and it's theme B so
Image Slider
OK, I am completely new to any web animation. I am looking for someone to help me figure out how to make an image enter my website from the left of my screen and end up in the middle of my screen. On click, I want the image to exit to the right of the screen. If someone can suggest a tutorial for this, or code that could help me move my image from one side of the screen to the other that would be great. Hope someone can help me.
Datepick renderer.selectWeek makes the calendar to increment the year when done
Hello, i am working to integrate Keith Woods datepick plugin as an inline calendar with the renderer's hightlightWeek and selectWeek functionality. For any reason after clicking a week header to select a week, the calendar reloads, setting the clicked month as very first month, which is not what it shall do. Instead it shall keep the initial presentation with the current month being the first month. Why does it do this and how to prevent it from doing this?
Code from codiqa
Hi, I have a few pages designed using codiqa for a mobile app. It looks perfect on Codiqa with all the CSS attributes. When I just load the code and inserted typical jquery library, etc. the form gets displayed. But, the layout is completely different. For instance, I had defined CSS attributes for custom label length, font, and custom input area length, etc and above all, both are displayed on one line ( for example - Label for input: Input area ) in codiqa. When I just loaded the code and
need help (beginner)
Hello! I'm learning jQuery now. The following example has no effect: $(document).ready(function() { $("#cat1 ul").hide(); $("#cat1 li:has(ul)").each(function() { $(this).children().slideUp(400); }); $("li:has(ul)").click(function(event){ if (this == event.target) { var current = this; $("#cat1 li:has(ul)").each(function() { if (this != current) $(this).children().slideUp(400);
jquery getJSON issue
is_loggedin: function () { var status = false; $.getJSON('/api/isloggedin/',function(res){ if(res.user_status){status = true;} }); return status; }in this case status returns always false. even user_status is true. what is wrong here? or should i re check my server-side. thank you
Replacing jquery animation type with variables
hello! I'm kind of newbie and struggling right now with some workaround for the IE7/8 PNG transparency issue. what I have already done is that I'm replacing the fadeIn() with show() and fadeOut() with hide(): // setting variables var showElemIEFix = 'fadeIn', hideElemIEFix = 'fadeOut'; // browser check, setting animation to show/hide if (!$.support.leadingWhitespace) { showElemIEFix = 'show'; hideElemIEFix = 'hide' } $('.startButton').delay(1000).[showElemIEFix](); what I need
Mouse over enlarge image problems
Hi I am building a banknote site and want a page that shows a list of banknotes in a thumbnail list and further info on the right. i want the customer to be able to mouse over the image and this enlarges the same as used on ebay. I did have a thumbnail that when I use a mouse over effect on the larger image in a frame set up crushed all the other info on the page and looked terrible. I have tried to use jquey via a dummies book which tells me to download from jquery site but this message comes up
I have a problem with the animate() called by a input(unexpected auto shrink after the animation)
The code is like this: ======================================== <html> <head> <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.0/jquery.min.js"></script> </head> <body> <input id="penis" type="text" value="This penis will shrink=("/> <button>Button</button> <script type="text/javascript"> $("button").click(function(){ $("#penis").animate({width: $("#penis").width()+'px' }); }); </script> </body> </html> ======================================== Every time the
Most of the pages are not refreshing
I'hv been made a mobile web site using jquery, php is the server side language. But now when i run the site some pages doesn't comes as it is. After refresh of it, the page come up as it is.. what would be problem, please let me know how to overcome it 1 - This is view when calling it 2 - after refresh it, that's what i wanted I want to have the 2nd view as once without refreshing please help me.. please kindly let me know what should i do for over come this issue
Responsive grids - broken link in documentation
On http://view.jquerymobile.com/1.3.0/docs/widgets/grids/ there is a link in the responsive grids section labeled "custom responsive grid" with an URL of http://view.jquerymobile.com/1.3.0/docs/widgets/grids/grids/grid-custom.php that yields a 404 Not Found error.
jQuery hover on all elements
hello :) i wanna do some like this : I have a lots of elements with hover i wanna do fade effect to all of this elements some like this: http://www.dotnetcurry.com/ASPNETandjQuery/Section7-ImageControl/R38-ImageOpacity.aspx how i can do it? thanks (sry for my english i know is poor :> )
Defer loading of menu using Jquery
Hello guys, I am using the following code to load my menu on my site. <div id="navigation_uber"> <!-- mfunc wp_nav_menu( array( 'theme_location' => 'category-menu' ) ); --> <?php wp_nav_menu( array( 'theme_location' => 'category-menu' ) ); ?> <!-- /mfunc --> </div> I have been doing extensive tests and I noticed that my website renders much faster if I can defer the loading of the menu using Jquery to the end. The total speed might be the same but the perceived speed by the user who
hot sneaks theme is not renderd
<html> <head> <meta charset="utf-8" /> <meta name="viewport" content="width=device-width" /> <title>@ViewBag.Title</title> <link rel="stylesheet" href="http://code.jquery.com/ui/1.10.2/themes/hot-sneaks/jquery-ui.css" type="text/css"/> <script src="http://code.jquery.com/jquery-1.9.1.js" type="text/javascript"></script> <script src="http://code.jquery.com/ui/1.10.2/jquery-ui.js" type="text/javascript"></script> </head> <body> <header > @Html.ActionLink("Home",
Accordion!
Hi guys! First of all I'm new at jquery! So go easy on me! :) I started to use the accordion, but i would like every section to be closed, so it can work like a menu! Can any one help me? Thank you!
Autocomplete with Ajax and Autofocus should select even after a blur
I know this is probably by design, but if you have an autocomplete with autofocus set, and the user tabs out or blurs before the list appears and an item is selected, the list never appears and no item is selected. I realize that this may be good from a theoretical programming browser perspective, but from a usability perspective, this is bad. Once a user gets comfortable using a form, the user will want to move faster. He will know and expect that when he types in "Rio" for example in a city field,
Horizontal Scrolling of page not working correctly
Can anyone help, I cant see why this code will not scroll to section 4 and when it does it goes to section 1. have checked the link and they seem to be working. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html> <head> <title>Website Horizontal Scrolling with jQuery</title> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/> <meta name="description" content="Website Horizontal Scrolling
Trying to keep div hidden on load
I'm developing a site where I have two galleries loaded on demand (which are children of the "Gallery" page). The main pages crossfade and I am trying to do the same with the gallery sub-pages but I'm having a problem where I want to load the divs hidden but haven't had any luck. I've tried many things so maybe there's some limitation I have to work around in this scenario. Walk Through: Go to the SITE then go to the Gallery page. If you click the "Antiques" button you will see the gallery fade
Reading Form Data from POST to html page
Hi I am trying to use jQuery/Javascript to read Form Data that is posed to an html page. Here is the scenario I have a page "Page1.html" which users are directed to to register for a conference. On this page I have a button wich allows them to pay. When they click this button they are taken to a payment gateway where they can pay. This payment provider then posts their response back to "Page2.html" in a Form. Everything works fine, but I cannot seem to access the Form Data in Page2.html. I cannot
Trigger("click") and menu select event problem
I am using a menu widget from jquery UI, so I have code like this : $( "#menu" ).menu( { select: function() { $("#test").trigger("click"); } }); and as you can see, when I select an item in menu, the function does several things and it alsotriggers a click event on some buttons. The problem is, that this trigger() causes that the select function is called once again and I can't find out why. Sadly I can't give you my code, because it's to complex and it need many other functions and elements to work.
Pageslider doesn't show
Hello, First of all, English is not my native language so I apologize in advance for any mistakes :) I was working on an assignment for school, we have to use some jquery plugins in our site. I would like to use a plugin for a pageslider. Downloaded from here: http://srobbin.com/jquery-plugins/pageslide/ Now, my problem is, I can see the second html file being loaded at the bottom of my page, but the pageslider itself isn't visible. Anyone with an idea to solve this? Here is a piece of my html:
Dynamic Popup
Hi, I have created a simple button and a corresponding popup as shown in the samples on http://view.jquerymobile.com/1.3.0/docs/widgets/popup/ using the latest version of jQuery mobile and PhoneGap. Everything worked fine so far. As a next step I like to create the buttons and corresponding popups dynamically. I'm doing so in the following code block before page becomes visible: $(document).one("pagebeforechange", function () { ... }) After adding the button and the popup to my page I can
Contact form
Hi, I'm new to developing with jquery and i'm trying to make a contact form with a dropdown select option. For now as response I get 'undefined' back form the contact form. Can somebody help me out? Here's my code: HTML: <form id="contactForm"> <fieldset> <label for="contactName" id="name_label">Naam</label> <input type="text" name="contactName" id="contactName" size="30" value="" class="text-input" /> <span class="error"
Some difference of invocation between firefox and chrome
In firefox, the following code is ok: $('#click').click(location.reload); In chrome, it would get an error: Uncaught TypeError: Illegal invocation But the following code is ok in firefox and chrome: $('#click').click(reload); function reload(){location.reload();} Is this the problem of jQuery? (firefox 19.0, chrome: 26 dev, jQuery: 1.8.3 and 1.9.1)
testing whether .show() was used on a element.
I read that the .show() method sets "display" to "block" on whatever is being shown. How do I test whether display is indeed already block? Thanks
output json data to compressible set
I want to display my data in a collapsible-set. My data is properly formatted from a mySQL database. The issue is creating the collapsible rows within the collapsible-set. Below is my code which renders a nice looking list, but alas, no collapse. (jQueryMobile - latest version) <script type="text/javascript"> $(document).ready(function(){ var url="Connections/psImgClConnLocal.php"; //connection to database delivers proper json. $.getJSON(url,function(myData){ // loop through the events here and
Dynamically output the contents of a modal based on a click event (some contents will use accordions and so forth)
Hello, I have my modal working based on a single user click, but I need more (don't we all). I'm sure that this has probably been addressed a number of times before in these forums, so if your reply is simply a link to another post that answers it, that would be great! I have been searching through tons of posts and didn't quite find what I was looking for. In any event, here is a full description of what I want to do. . . . . I have an image map showing a large number of possible selections. A
Disable hyperlinks until animation is complete/disable hyperlink on element that has been clicked until new one is clicked
I have multiple pictures in divs with the class .overlay and when one is clicked the contents of 2 variables fill 2 other elements. There are 2 more things that I need to address, however. 1. I would like all of the .overlay elements to be unclickable until the animation is completed. 2. I would like the .overlay that was clicked to remain unclickable until a different .overlay is clicked. Code: $('.overlay').on("click",function(){ var text = $(this).attr("title"); $('#category').animate({'opacity':
Next Page