Dropdown append behaves erratic in IE8 :: Jquery Bug of DOM Manipulation (for IE8)?
The jQuery preferred code below fails in IE8 but works in all other browsers. When I say fail, what is happening is it seems to be populating the dropdown but there so many blank empty rows. for (var i in objProspectiveBrides) { var optElement = new Option(objProspectiveBrides[i].BrideName, objProspectiveBrides[i].BrideId); if (objProspectiveBrides[i].IsPremiumMember) {
How to disable zoom?
Hi. I thought that I could disable zoom by using: <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" /> but no :-( How do I disable zoom?
SCRIPT438: Object doesn't support property or method 'match'
I keep getting the error "SCRIPT438: Object doesn't support property or method 'match' " Its a simple text box the user enters numbers only into. Here's the code for my function: function IsNumeric(item, message, scrollTo, focus) { var numExp = /[0-9 -()+]+$/; var aReturn; aReturn = $('#' + item).match(numExp); if (message && !aReturn) alert(message); if (scrollTo && !aReturn) ScrollToPosition(0, scrollTo); if (focus && !aReturn) { $('#' + item).focus(); ScrollToElement(item); }
JQM: tab index within form with autosuggest and datepicker ANDROID
Android soft keys produces a "Next" button in the bottom right corner, however clicking it does not move you through the form Steps to reproduce in our production site: Android phone only go to mobile.united.com Select "smartphone version" choose "Book Flight" 1) Touch in the "From:" field (autosuggest) click "Next" in the soft keyboard-- the focus seems to be lost - no form element has the focus. 2) Touch in the Departure Date field The Datepicker modal is displayed. Click "Next: in the soft keyboard
Thanks for beta 1 :-)
I have just found out that beta 1 is released and have already implemented into production :-) The scroll of listviews seams to be much better, thanks for that. Is there anyway that I can subscribe to posts on the blog? I keep getting tired of looking by 'Blog' every day. It would be nice to be able to subscribe to an email service sending me a notification when there is a new Blog. Keep up the good work. It's much appreciated :-D
How does cross domain apply to iframes loaded using the file protocol?
I am doing some very basic html stuff by opening the file on the file system and editing it. Then I open the file using the browser to view it. I am getting some "Error: Permission denied to access property 'ownerDocument'" messages when trying to access the iframe. So I am not sure if I am just trying to access the iframe wrong, or if because I am using the file protocol and there are some permission issues. Here is the html I am working with: <html> <head> <meta http-equiv="Content-Type"
Select a radiobutton using jqTransform?
Hi all, I have a problem related to the jQuery plugin jqTransform. When it’s used together with the library jQuery BBQ I cant seem to get my form back to the expected state when hitting the browser back button. I use jQuery BBQ to manage the behavior of my site when the end user clicks on the browser back button. Depending on the values in the hash part of the URL one specific radio button is to be selected. So, I always 1) reset the form and 2) dynamically update the form according to the hash values.
How to use jquery online ?
I want to use the jquery controls (autocomplete ,calendar etc) to post articles in blog. I am an asp.net programmer and i am storing all the necessary files on a single folder inside my application. But while working with the blogs it is not possible to store all the files into my computer . So how to access the jquery files online. is there any options for that . Please provide detailed information
[Newby] How to turn off grey touch-dot
Hi, when clicking on buttons a grey touch-dot is shown to confirm where the user clicked/touched. is there a way to turn off that dot? This is with jqm 1.1.1 and jq 1.7.1 running on webkit. Thanks
Validation Issue
I'm trying to validate a form using jQuery and for some reason even when a value is selected it is still coming up as empty. Can someone tell me what is wrong? function ValidateItem(item, useValLength, message, scrollTo, focus) { var aReturn; if (useValLength) { aReturn = $('#' + item).val().length > 0; } else aReturn = $('#' + item).length > 0; if (message && !aReturn) alert(message); if (scrollTo && !aReturn) ScrollToPosition(0, scrollTo); if (focus && !aReturn) { $('#' + item).focus(); ScrollToElement(item); }
[Newby] Zeroes appended to end of innerHTML of body
Hi, I have a strange phenomenon, but I am kind of a newby, so maybe I am doing something wrong. I am using jquery mobile for a normal web page. There are different page divs one can call by clicking on header-buttons. When one switches between two pages repeatedly, there are zeroes showing up on the screen. I am rather sure I am not printing them, but I don't understand where they come from. I extracted the innerHTML of the body after having switched pages a couple of times and there they are on
Using the Collapser plugin - 2 Problems
Hi there - I am using the Collapser on a page with another jQuery. I wanting to know how I can go to the next div when the ajax form is submitted from within the first collapser. From the DEMO I am using DEMO6 as my guide. So for example, this is a checkout - the user fills in the information in the first collapser and clicks submit, the Ajax calls the information and loads the new content into the second collaper through ajax, then how do I make the current div close, and the next collapser open?
Font-size and animation on mobile device
I am trying to make an accordion-like layout for an mobile page. I've made this so far: http://communicatiebox.nl/mobile/ It works.. but when i watch it on my iphone and open one. The font-size is really small. And then when i open the second the font becomes bigger. And i seem to have no control over this by CSS. The font changing results in an irritating flicker when the animation runs. Anyone got an solution for this?
Convenient approach to dynamically create html without an template engine ?
Hi, is there a way to dynamically create html without an template engine ? Something more copnvenient that this: http://jsfiddle.net/daslicht/zEW3e/ Just Curious :)
Prototype getElementsByClassName to JQuery help
Hi at the moment i use this which: Fetches all of element’s descendants which have a CSS class of className and returns them as an array of extended elements. var arResizableGalleries = $(PagePanelGroupIDs[i]).getElementsByClassName("Resizable_ImageGallery"); does anyone know how i can do this in jquery?
Image Uploader (no refresh)
Hi all I want to build into my CMS a facility to allow a user to upload an image and create a thumbnail from that image via a preview pane. I have spent hours looking at solutions. I have tried to use this uploader to achieve the initial upload: http://demos.9lessons.info/ajaximageupload/imageajax.php But unfortunately it requires its own FORM tags and I need it to operate within my own FORM which exists in my page. When I have tried to add it, it posts my existing form which I don't want. Does
Use Exact Search Term Only
I have a function that looks at search terms in a class and shows content that matches the term from an input. The problem is, if I search for a1 and there's a term somewhere that's a12, then both are shown. I want to limit the result to only exact matches. Tried adding green text below, ie filter, but getting an undefined function. function HideFilter() { var txt = $('input#select_searcher_%id%').val(); txt = txt.toLowerCase(); $('[class^="searcher_stack-its"] span').filter("[class]").each(function()
Accessing secured webservices thows unauthorized 401 error code.
There is a webservice located at the following url ( Please bear in mind that I have no access to change them, I have to live with it) http://localhost:8080/mywebservices/wsdl?targetURI=testread But these webservices require authentication when accessed. i.e when I open the url directly it asks me for username and password, and when I provide them, it let's me see the WSDL. I know it is a soap webservice., and I am providing the soap request message, but how do I provide the credentials as part
page navigation by swipe gesture
Hi there, I'm triing to reach the next thing: I would like to create a navigation system by swipe gesture. I want to the horizontal swipe to go to the next or previous main page and the vertical swipe to go to the next or previous subpage of that subject. When swipping horizontal again the user would load the next or previous main page. Can somebody out there point me in the right direction to reach this? I tried to find the solution out there on the internet but didn't find any satisfying solution
Peroidic callbacks using JQuery $.ajax and a web service to update progess on web client?
Hi, I'm making the following call to a WCF web service using JQuery ajax. This works but I was wondering if there is a way that you can alert the client with a callback function that certain points of the long process are complete instead of waiting for the success method to be called at the end. Example: "Step 1 complete" "Step 2 complete" "Step 3 processing" Some suggestions I came across are: 1.) you could poll the process periodically on set intervals to check the progress or 2.) break
Jquery: Use of attributes' specified attribute is deprecated. It always returns true
I have collection of select elements, when I change value of one select elements for first time this function dont work it works the second time I change value and in console I have jQuery code: $(document).ready(function () { var collection = $('select.ddlJ'); console.log(collection); for (var element in collection) { $(element).change(function () { $('select.ddlJ').change(function (e) { $(this).parent().parent().find('td:last').prev().find('span').html(
Layout question with dynamically-changing widths
I tried to accomplish the following task in CSS, but I don't think CSS can do it alone. It looks to me like a jQuery candidate, but I thought I'd check for ideas here... I have a header DIV at the top of a website (currently in DEV environment). It looks like: <div id="container"> <div id="left">logo</div> <div id="center">fixed search area</div> <div id="right">Variable length text</div> </div> Here's what I'm trying to accomplish: 1) I want the "center" DIV to be
CSS gets lost after loading content
<div data-role="collapsible" data-collapsed="true" class="info"> <h1>Rooms</h1> <div class="detail"></div> </div $('.info').live('expand', function(){ ... $(".detail", this).load("load.php"); }); I have Collapsible lists, but when I load content the CSS gets lost.
Simple selector question - Why doesn't this work: $("p:not(p:eq(2))").css("border", "3px solid red");
I am following a basic jQuery course on Lynda.com and this exercise is not working. Is this an older syntax or something? Chrome's error message is "Uncaught Error: Syntax error, unrecognized expression: p:not(p" <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>Document</title> <script type="text/javascript" src="../jquery-1.8.1.js"> </script> <script type="text/javascript"> $("document").ready(function() { $("p:not(p:eq(2))").css("border", "3px solid red"); }); </script>
jqgrid column header alignment with columns
Hi All, as i am new to Jqgrid ,when i created grid with more than 10 columns in it, then the column header are not alligned with colummns ,anybody having solution ,its urgent as it contain some hidden columns also. .js files used are(/ui.jqgrid.css/jquery-1.5.1.min.js/jquery-ui-1.8.11.js/grid.locale-en.js/jquery.jqGrid.min.js)
Flexslider, no quickscroll to begin
I use the "FLexslider - Jquery" plugin. I don't like it when animationLoop is true and it reaches the end of the slides, it does a quick scroll to the start. I would like it to instead keep a continuous loop. I did NOT see an option for this. Can anyone help me?
Jquery 1.4.2 Form submit event handler is firing after form submit in IE 7/8
I am facing issue in form submit event handler. here is my code I am using Jquery 1.4.2 <FORM id="mysearchform" method="get" action="http://www.abc.com/results.aspx?q=" target=_blank sizcache="1694" sizset="0" jQuery1347023310528="3"> <DIV class="search"> <span><span> <LABEL class=hide for=q>Search:</LABEL> <INPUT accessKey=S id="a" class="abc" name="a" maxLength="50" value="Images" size=69 type="search" autocomplete="off" selectionStart="0" jQuery1347023310528="108"> <INPUT style="WIDTH: 185px;
jquery weather plugin with the current location
if (navigator.geolocation) { navigator.geolocation.getCurrentPosition(function(position) { latitude = position.coords.latitude; longitude = position.coords.longitude; geolocpoint = new google.maps.LatLng(36.907739,-91.40625); geocoder.geocode( { 'latLng': geolocpoint}, function(results, status) { if (status == google.maps.GeocoderStatus.OK) { console.log(results); var shar = results[0].formatted_address.split(",").splice(-3,3); console.log(shar);
how do I
Hi Everyone, First Thanks for your time! I'm using the following script how would I change it to make a PHP program execute on the server when the submit button is clicked? Sorry new to Jquery... still reading and learning. <head> <script type="text/javascript" src="http://www.google.com/jsapi"></script> <script> google.load("jquery", "1.5"); </script> <script type="text/javascript" src="jquery.multipage.js"></script> <link rel="stylesheet" href="jquery.multipage.css" /> <script type="text/javascript">
Update the quantity value in a master detail structure
hi, I´m trying to create some basic master-detail structure, and I found a problem. In my structure there´s a button called add to the sale list (adicionar a lista de venda, it´s written in portuguese), and when I click in this button I add a new row in the table, so in this table I got a column called quantity (quantidade it´s written in portuguese) and I want to update the quantity of the product when I click in the icon that´s in the right side of the text. The problem is that only the quantity
Creating a horizontal list with scrolling inside a div?
Hi, is it possible to do the following and how would I go about it: I wish to have a horizontal list with the numbers 1 - 8 (These numbers would act as buttons). Obviously the list is larger than the width of the Screen. What I am thinking of doing is placing the list in a div (screen width) that the user swipes either left and right to navigate the list. --------- Visible -------- 1 2 3 4 5 6 7 8 (Swipe left/right to see other numbers).
How do I have 5 divs fadein, fadeout and stop on the last one?
I'm looking for each div to fadein, display for 5 seconds, fadeout. However on the last one I'm looking for it to stop (not loop) as the user will be able to navigate the content. Thanks!
Is it possible to 'hide' url on Android ?
Hi. On my mobile web app (http://gosushi.dk/mobile/default.aspx) when ever there is a transistion to a page, that doesn't fill the whole screen, the url bar is shown in Andriod. Is there not a way to do like jqMobi where the url bar is never shown, even if the user scrolls completely to the top? On iOS there doesn't seem to be this problem. If I can use 'native' JQM that would be great as I'm not that keen on importing more plugins as the file sizes are big enough as it is :-( Kindly Regards
google map issue
Hi all, I added jquery google map plug in.. it is working fine.. but if i add slidernav plugin some of googl e map features are not working(disabled).. example direction panel and zoom-in zoom-out features are disabled.. can some one please let me know why its happening and please give me a solution for this. thanks in advance.. sachin
looking for sidebar/topbar plugin
Hello all sorry for the mybe not relating post , but i need some direction on where to find java script like this one , i mean the sidebar /fading on mouse over script . here : http://shinychang.blogspot.co.il/
same jquery code works on one domain but not another
Hi -- I can't figure this out for the life of me. Trying to implement someone's simple drop-down menu code. I can't get it to work on the site I'm working on: http://yesonb1.com/ddtest6.php But the code works fine here: http://cheshiredave.com/ddtest1.php The code is exactly the same. I've tried several different approaches to noConflict, and that doesn't appear to be the issue. This has plagued me for many hours today. Any ideas? PS: I'm really sorry the source code on the broken site has no formatting.
Using Swipe Event Only for Up and Down?
Hi All, I am very new to Jquery, and I am using JQuery Mobile for an OS prototype that I am building. With that said, I have a strip on the right side of the screen going from top to bottom and when a section of the screen is touched and swiped down, I want the strip to move down with the finger and once swiped down i want a transition to the "home screen" page to happen. But if the strip is dragged up to one of the three icons at the top section of the screen I want a unique action to happen for
jQuery 1.8.1 doesn't support Skitter slider
Hi, Recently while using the most recent version of jQuery, i.e jQuery 1.8.1, in one of my projects, and skitter slider, I found that the slider is not compatible with the recent version. But the slider worked perfectly fine with the previous versions(jQuery 1.7.1, 1.7.2, etc). So request you to take this into consideration and find the solution for the above mentioned issue.
jQuery cycle
I am using this plugin: http://jquery.malsup.com/cycle/ It works pretty awesome. The only problem I have with this is I need to tweak it to show 3 images at the same time. 3 images specifically the previous slide, the current slide, and the next slide. Does anyone have any idea how I can tweak this?
Image Carousel
Hi I am trying to implement the image carousel for mobile website. Can any one suggest me how to implement it?? Thanks
Next Page