Set multiple text fields from a single select box.
I have a select box with the id weekSelect having the following format... <option value="21/01/2013|27/01/2013">2013 - 4</option> So far I have the following jquery setting test values to two text fields. $("#weekSelect").change( function() { $("#startDate").val("Test 1"); $("#endDate").val("Test 2"); }); The question is how do I take the value from the selected option and put the two dates into the two text fields?
Newbie to jquery
So i first heard of jquery from someone i know who wants me to learn jquery to get a job at his workplace. So i picked up this book called Head First jQuery by Ryan Benedetti and Ronan Cranley. While this book is good and easy to understand, the problem i have is that they used jquery-1.6.2 and i can't find that version in this website. I'm not really sure if the commands that i put in my html is outdated. Also, what i want to know is if there's a good book about jquery that uses one of the latest
Jquery Mobile Page Structure
Hi, I have some doubts in jquery mobile with phonegap . I have provided the sample below.Whether this is the correct jquery mobile structure or not? <html> <head> </head> <body> <div data-role="page"> <script> function init() { } </script> <style> </style> <script type="text/javascript" charset="utf-8" src="cordova-2.1.js"></script> <div data-role="header"></div> <div data-role="content"></div> <div data-role="footer"></div> <div>
tabbing script?
Can anyone recommend a tabbing script like this one that's easy to implement (or a wordpress plugin)? I can't identify it from the source code. Thanks, John
How to make two plugins work together: Awkward Showcase and Colorbox
I'm trying to invoke Colorbox from within a slide created by Awkward Showcase. Both plugins work if I put colorbox outside of the slideshow, but colorbox breaks when I put it in the slide show; I think I'm missing a simple piece related to ordering the functions or something (which is why I put in this forum instead of plugins). I found this post on SO and tried to enclose the Colorbox code within it's own function but that breaks both pieces. Any help would be much appreciated. Here is the script
Can someone tell me why Fire Bug shows so many Errors with 1.9.0 and even 1.8.1
Hello all, I'm new to jQuery but I have to ask this. I was wondering as why in Fire Bug Console there's so many errors. Errors keep going and going and going. Thanks, Eric
format the numbers
I am entering the value in input text is 1234567890 After pressing the tab it will show as (123) 456-7890 Is it possible in Jquery?
Dragging problem in sortable plugin
Hi, I am using sortable plugin. I am setting tr as sortable .Inside my tr > td has textarea and input fields. If i dragged the tr > td which contains text, its working fine. But, if i try to drag a tr > td which contains textarea or input elements, tr is not dragging. Please help me any one. Thanks in advance <table> <tr class="ui-state-default"> <td>text content</td> <td><input type="text"/></td> </tr> <tr class="ui-state-default"> <td>text
How to "mini"fy all radio buttons
Hi there, I have a bunch of input radio buttons that I would like to minify when a button is pressed. I tried several things and the input controls are correctly selected but the class is not applied. Why? $(document).find('input[type=radio]').addClass('ui-mini');
Traverse XML and populate UL
I have been given two XML documents that I need to be able to traverse and then populate an UL. The XML example is at the bottom. I just need to pull the latest 5 items and then use the title and link to populate my UL. I would appreciate any help. <rss> <channel> <item> <title></title> <link></link> <pubDate></pubDate> <guid></guid> <dc:date></dc:date> </item> <item> <title></title> <link></link> <pubDate></pubDate> <guid></guid> <dc:date></dc:date> </item> <item> <title></title> <link></link>
Problem with autocomplete and loading-icon
Hi. I use ajax calls to get my results in autocomplete (I love it!). But its happen very very often, that the loading-icon (class .ui-autocomplete-loading) don't hide after result popup is show up. That happen in 1.9.x and in 1.10.0. Can anybody help me here? :) jquery.ui.autocomplete.js: _search: function( value ) { this.pending++; this.element.addClass( "ui-autocomplete-loading" ); this.cancelSearch = false; this.source( { term: value }, this._response() );
Stack Overflow in IE8 using jquery 1.7.2
Using <script type="text/javascript" src="script/jqSoapClient.min.js"></script> <script type="text/javascript" src="script/jquery-timer.js"></script> When calling SOAPClient.SendRequest(sr, update) where update is a call back method var SOAPClient = (function () { var c = {}; var b = null; var _tId = null; var a = { Proxy: "", SOAPServer: "", ContentType: "text/xml", CharSet: "utf-8", ResponseXML: null, ResponseText: "", Status:
Need help with buttons
I designed a page there is buttons on top (1) and there is buttons just underneath it. I want to put it in the same script, as soon as I placed it on top of my script the buttons underneath do not work. Here is my script. Can someone please assist me. <html> <head> <link rel="stylesheet" type="text/css" href="css/smoothness/jquery-ui.css" /> <script src="jquery-1.3.2.min.js" type="text/javascript"></script> <script src="jquery-ui-1.7.2.custom.min.js" type="text/javascript"></script>
JQuery Mobile exception when adding dialog
Hi (I may not be doing this correctly) - I am trying to and having problems navigating to a page in my JQuery Mobile (JQM) application when trying to load the page as a dialog using "changePage()". I have looked around and have tried a few alternatives with no luck :( E.g. I have a login page that opens successfully as a dialog on the application init: $.mobile.changePage(page, {transition: 'pop', role: 'dialog' }); the login screen has a login button, which when clocked forwards to a normal (non
Maintain List-view Position using iOS 4.3
Hi! I'm building an iPhone-app with Phonegap and jQuery Mobile. I have a list-view with multiple entries, linking to a detail-site for every entry. With iOS > 4.3, when i navigate back from detail-page to list-view, i get back to the old position, where the entry was choosen. With iOS 4.3 that doesn't works. (I also had a problem with fixed header and iOS 4.3 but solved it with the polyfill fix) Is there a workaround for this problem too? Thank you!
How to hide .jpg at the end of the url?
Hi, I have this code on my site which creates url for every opened Colorbox image. It also opens the image automatically when user enters the site with an url like this: http://www.example.com/#image1.jpg. How should I change the code so that user can't see and doesn't have to write .jpg at the end of the url? Thanks! Here's the code I'm using: jQuery(function (){ var id, group; group = jQuery("a[rel='lightbox[63]']").colorbox({onComplete:function(){
Error when calling .diablog () on IE8 & IE7
I am getting an error message on IE8 & IE7 when calling .dialog(). The error message I am getting from IE console is: SCRIPT438: Object doesn't support this property or method jquery-1.7.2.min.js, line 2 character 21784 My code is: // Add to cart button clicked $tablePanel.on('click', '.AddToCartButton', function (e) { $('#mdlPopup_backgroundElement').show(); var optionId = +e.target.getAttribute('optionid'); var categoryId = +e.target.getAttribute('categoryid'); // Get the product shoptCityId
Scrollbar breaks in popup
Hi, I have displayed an div element as popup using jquery, and when I scroll the popup content using the scrollbar, scrollbar goes weird. Check the image below
problem with tabs
my problem is just like this... I go to this tab 3 and I want to have a process.. when I run the process it reload and appear on the tab 1. which i want to show in tab 3 after the process completed in php..
css not applied on dynamic pages after refresh
Hi, actually here a problem with my website i am creating a dynamic website running on php with dynamic url using jquerymobile. I have 4 pages 1. index.php 2. categories.php 3. sub categories.php 4. post http://localhost/categories.php?id=categoryname http://localhost/categories/CATEGORYNAME http://localhost/sub_categories.php?id=$1&sub_id=$2 http://localhost/category/CATEGORYNAME/SUBCATEGORYNAME but here i am getting a error on my website if i am open all my pages in dynamic LIKE (http://localhost/categories.php?id=categoryname)
My jquery Not supported at Fire fox and google chrome ???
I am using Htm5 with Jquery But its support only Internet explorer 8.0 but its not support Google chrome and firefox browser ? Please Help me .. <!DOCTYPE html> <!--[if lt IE 7 ]> <html lang="en" class="ie6 ielt8"> <![endif]--> <!--[if IE 7 ]> <html lang="en" class="ie7 ielt8"> <![endif]--> <!--[if IE 8 ]> <html lang="en" class="ie8"> <![endif]--> <!--[if (gte IE 9)|!(IE)]><!--> <html lang="en"> <!--<![endif]--> <head> <meta charset="utf-8"> <title>Login</title> <!--<link href="style.css"
Mega Menu Jquery - IBM web site
Any one can help me to create mega menu like ibm.com (ibm web site) Thank you ....
Question regarding Selectors
Hi Everyone, I'm new to JQuery and I'm trying to figure out a way to select select specific elements on a page that are within a <table></table> ? Half of my code works and the other half does not work meaning when I don't put my syntax in a table it's working but when I leave it out of a table it's working. I'm not sure what I'm doing wrong here. My first goal is to hide the "#p1" and "#p2" elements inside of the table but I can't figure that out. Any help would be appreciated. Thanks everyone.
Using jQuery Validate on a Set of Textboxes for Validation
Hello, is there a way to iterate through a set of form names (box1, box2, box3, box4, box5) using the validate rules in jQuery? If not, what other method can be used to loop through each textbox for validation? Thanks much for any help. <html> <head> <script src="http://code.jquery.com/jquery-latest.js"></script> <script type="text/javascript" src="http://jzaefferer.github.com/jquery-validation/jquery.validate.js"></script> <script type="text/javascript"> jQuery.validator.setDefaults({ debug: true,
jQuery mobile and requirejs
I'd like to use requirejs with jQM, but can't work out how to get round this problem.... I want to define a module to use like this require([...,'jquerymobile,...], function(...) { $(...).on('pagebeforeshow', function () { <run code from my module>; }); }). My code depends on jQM, BUT the above function is called AFTER the first page is is loaded and the 'pagebeforeshow' event is fired, so that my code never runs. The problem is that, as requirejs is asynchronous, its not just a question of dependencies
merge 'full page image gallery' in style sheet for 1 specific page
Hello, I am brand new to all of this. I got a template for two different websites that I want to 'combine/merge'. The first website has a header, navigation, content and right sidebar. There is jQuery/javascript in there for the navigation, it has a white box that slides across with the mouse and highlights the current page option. The second website is a jQuery/javascript Full page image gallery. The css is a container. Theres a reflected slider of image thumbnails across the bottom of the page,
Question about upgrade to jQueryUI 1.10 - more is needed in the Autocomplete upgrade guide
In Autocomplete, I have changed item.autocomplete to ui-autocomplete-item in all instances. That is the only Autocomplete change stated in the Upgrade Guide. I use the _renderItem() method. I also use logic inside the ajax response to populate the dropdown list. Everything works in UI 1.9, but the page will not load using UI 1.10. In the Console, I get the error Error: Permission denied to access property 'uiMenu' It seems something else has changed in Autocomplete for UI 1.10. Can anyone explain
Which browser is the most representative of the outcome apps later achieved with eclipse, phonegap, xcode?
Each of the the big browsers, ie opera chrome firefox happens to show jqm apps differently. Which of them is the most representative of the export apps achieved with eclipse, phonegap, xCode?
lazy loader/images on demand being pulled from ?
This is in reference of the Lazy Image Loader or Images On Demand...where are the images being pulled from? A database or an image folder? I am interested in using this technique and have designed my solution to use a database. However I am looking to research the best solution in displaying a massive amount of images using the lazy loader. So my question is where would the images be stored and pulled from? My apologizes for a stupid question.
Tabs Index, What happened to ui.index
I just upgraded to the latest Tabs UI. Now I get the old tab, new tab, new panel, etc for the activate event. Anyone know how I can get the index of the tab just activated. I examined the objects I'm getting in the debugger and I don't see index anywhere, It looks like I'm getting back JQuery objects. I would think the tab index would be prominent and easily accesible, as it was beofre
Using Datepicker in dialog close dialog
Hi, I use jquery UI 1.10. But I have a problem: When I use Datepicker in a Dialog, if I change the year or month using selection lists, the window closes. Does anyone have a solution because it's a big problem for me? Note: I didn't have this problem with previous versions. Thank you in advance. Olivier
how to do a character count
hello everyone I have just started jquery and i am having difficulty doing a character counter. I have a textbox were users type words and i would like to keep track of the character there onkeydown and then display how many(number) of characters in a smaller textbox right now i have... the code below does not work at all any help.. <script> $(document).ready(function () { //the textbox that i want to track characters $("#myarticles").change(function () {
Autocomplete initialize on focus incorrectly triggers change event on blur
If one sets autocomplete on an element via $('#elementID').one('focus', [function to set autocomplete]) then when the user focuses on the element it is initialized (as desired) however when the user leaves the element the change event is triggered even though no data was actually changed. I was hoping to only bind the autocomplete to the element when it was needed (focused upon) however because of the unexpected change event triggering I need to bind to all controls in my table.
Problem with map and different pages.
Hi. i'm your worst nightmare, a newbie :D This is my problem: I'm using gmap3 to load maps on two different pages. On the first page (index.html) the map works correctly, but when i go to second page the map doesn't appear. this is a link to see my issue -> click here and click to the button "Mappa" And this is the code: Index.html <!DOCTYPE html> <html> <head> <title>page1</title> <meta name="viewport" content="width=device-width, initial-scale=1"> <link rel="stylesheet" href="jqm/mango.css"
Window.location point to (this) link
Hello guys, I'm pretty new to jquery so I may be asking silly questions, but I was wondering if the following was possible. Say I got this script $("#button1").click(function(){$(this).hide(300,function(){ window.location = "page2.html"; $("#button1").show("fast"); }); }); When button1 is clicked, it hides the element with a nice transition effect and then loads the new page. (Line 3 is there just in case users
Why is listview such a mess?
Hello, again: why this listview implementation? I mean, this <li data-theme="f" id="'+someid+'"><a>'+something+'</a></li>'; becomes this !!! <li data-theme="f" id="2" data-corners="false" data-shadow="false" data-iconshadow="true" data-wrapperels="div" data-icon="arrow-r" data-iconpos="right" class="ui-btn ui-btn-up-f ui-btn-icon-right ui-li-has-arrow ui-li"> <div class="ui-btn-inner ui-li"> <div class="ui-btn-text"> <a class="ui-link-inherit"> the place something </a> </div> <span class="ui-icon
Firebug: "$ is undefined".
Hi, I am new to JQuery and coding in general. I did a search for this issue, and couldn't find anything in recent history. Whenever I open my html file in my browser (Firefox), I get thousands of yellow error messages citing the JQuery code, and a red error message stating '$ is undefined'. I have been Googling this matter pretty extensively, and discovered multiple explanations. Unfortunately, none of them seem to apply to me. I have put my link to the code in front of my link to the file, I have
jQuery Validation in an ajax loaded page
Hi, I have quickly built a system that loads pages dynamically through Ajax, and just replaces the body content everytime. It works and everything, but in some of the dynamically loaded pages I'm using forms that I want to validate using the jQuery Validation plugin, and display errors using qTip2. This all works fine on static pages, but I have tried to include it in the main template file and the dynamically loaded page, and it doesn't work at all. All the dependencies are correctly loaded, here
jqm-modalpopup
Hello everyone, i'm using jquery-mobile since a year right now and this is my first ( of a series ) plugin for it: https://github.com/izifortune/jqm-modalpopup It's a plugin for generate a modal popup from a empty div. Let me know what you think.
Refreshing Select Menu Fails
Hi All, I am doing some experiments with dynamically generated Select Menus in a mobile environment (Phonegap 2.3/iOS 5.0 Simulator/jQuery 1.8.3/JQuery Mobile 1.2.0). This test app generates 2 dropdown menus and populates them using local databases. The first menu updates the second menu onChange (select tag attribute) event. Both menus have the jQuery Mobile enhanced style at the page load. However, the second menu loses its enhanced style after being updated by the first menu and turn into native
Next Page