Using Non existing Attributes HTML in JQM?
Hi, I am using html attributes that don't exist to set some data and read data, something like this. <a href="#" class="myProjects" GoTo="myProjects" proj_nr="0000000000" data-role="button" data-theme="b">Projects</a> <a href="#" class="myProjects" GoTo="DeletemyProjects" proj_nr="0000000011" data-role="button" data-theme="b">Delete Project</a> $(function($) { $(document).delegate(".myProjects", "click", function(){ var GoTo = $(this).attr("GoTo"); var proj_nr = $(this).attr("proj_nr");
How can i disable list of dates in date Datepicker?
Hi guys I like to use the following datepicker (TimeFrame). However, I like to do something extra with it which is disable some date from being selected! for example, lets say from 01/01/2014 - 01/10/2014 is not available then disable that range from being selected! here is the datepicker that i like to use. http://stephencelis.github.com/timeframe/ Thanks for your help
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);
AIDE, PhoneGap and being lazy and mobil
Hej I am a bit lazy, so I had to do some work to allow me to easily show/test/implement ideas. As a browser places an environment around HTML5 and sometimes one needs to get to more than what the browser allows, one has to use PhoneGap and plugins. As I seem to be using Android for the time being (I keep breaking iPhones ...), I made https://github.com/OwenBrotherwood/aidePhoneGap It allows me to quickly create an idea even when on the move, including compiling of a plugin... At the present moment,
invoice offline
Hi What is a simple and easy solution to make posible seling in shops and to get data from this application using web browser ? Software appilication is important to have: barcode san, print to tiket /Receipts-cash register online /Offline + cache manifest .Continue without any network connectivity. In my mind is a simple app like Excel or spredshett/forms. Idee is for onwer of the shop to see data from app and to have control of data sent to server ( info about customers,ID, copy of the tikets/product
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
jQuery behaves differently on hover outs for the same element
Hello, here is my live example: http://eshop.equit.cz/ Try hovering over the menu - it should change the button color to black and changw the font to white. Vice versa when hovering out. However when I hover over the button then move my mouse down to the submenu and then hover somewhere out, button is white but the text is not black although Firebug show it should be. If I move my mouse immediately to next button or out of the button, it works as expected. Here's my JS code: $("ul#topnav li.sub").hover(function()
Chess
<!DOCTYPE html> <html> <head> <script src="http://code.jquery.com/jquery-1.9.1.min.js"></script> <script src="http://code.jquery.com/ui/1.9.1/jquery-ui.min.js"></script> <style> #header { width: 100%; text-align: center; } .area { position: relative; width: 336px; height: 336px; } .block { position: absolute;
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
Next Page