$.ajax, IE7, cross-domain and POST
I got this working in FireFox if I changed headers to Access-Control-Allow-Origin: *With IE7 I'm getting "Access is denied" error. And with IE7 I can't use XDomainRequest. Is there some workaround besides creating proxy? Like using another request method(PUT?)? Thanks for help
suggestions on spinner
I had not so much time to look into your spinner control. But so far: use a span-element as a wrapper. this has two advantages over div IE6/IE7 do support display: inline-block on "native" inline elements like span, but not on div span is valid inside other inline elements like input-elements, div is not don't set height - other than auto - on the wrapper-element, let the developer only style the input and the wrapper will automatically adjust his size also add left/right arrow keys to increase/decrease
Proposal for a globalization plugin: jQuery.glob.js
Hi Everyone, I am a developer from the Microsoft ASP.NET team. We’ve put together an open source prototype of a jQuery Globalization/Localization plugin, and would love your feedback. The complete prototype, extensive details of the API and its motivation, and demos are available on GitHub: jQuery.glob.js on GitHub And here is another post from Scott Guthrie introducing some of its features with some more examples: http://weblogs.asp.net/scottgu/archive/2010/06/10/jquery-globalization-plugin-from-microsoft.aspx
Getting input values with arrayed names
Hey guys, i'm using the slider ui and some hidden input fields to store percentage values in it. I'm having no issue with the plugin itself but with the way jquery gets it's html elements, that's why i'm posting here. On change the sliders change the value of that hidden field so i can submit the form to get the data into the database. My problem is that i have multiple sliders on one site and because of that multiple hidden input fields. All have their own name like "percent[17]" or so. I'm using
[accordion] Sortable example on jQuery UI Website is buggy with IE7
Hi, I just noticed that the sortable accordion demo on the jquery website has a bug with IE7 (7.0.6001.18000). http://jqueryui.com/demos/accordion/#sortable I notice strange behavior when I attempt to re-sort the accordion panel. I can drag the panel properly but when I drop the panel into its new position it disapears (the panel i am moving). Has anyone noticed this or know of a fix? Thanks
How to change size of datepicker - in conflict with existing style sheet
G'day, Just a quick question. I have my own style sheet for my page. And because of the conflicts between my style sheet and the one provided through the theme in the jQuery UI, the date-picker is aprox. double in size as to what it should be. As i understand it, the main jQuery style sheet sets its font size as 62.5%. How can i change JUST the size of the date picker??? thx
Modal Dialog in IE 8
This all works fine in all other browsers but right now I have 2 major issues that are deal breakers for me using jQuery UI on my sites. In IE 8 ( I have version IE 8 8.0.7600.16385 ) 1.) The modal dialog overlay is not transparent it is a solid black color. 2.) The Close function is not working, I am playing video in the dialog and to stop the videos audio from playing after close is clicked in the other browsers I do a jQuery.Post(); this is obviously not working in IE 8. Here is my dialog code.
[validation] Submit button value disappears
Hi, We have another problem with validation pluggin that shows erratic behaviour. Depending on some fields beeing filled or not, the SUBMIT button value is not passed (or is lost somewhere). I suspect the AJAX validation of fields that is a post to a PHP script and interferes with the final POST. The submit buttons (we have 2 and need to get their values) do not transmit their values. Firebug analysis shows all POST fields except SUBMIT. We see that on a form that have all fields filled, then
[jQuery] How to use If statement with jquery hover event???
Hi I am trying to use a if not statement but trying to use the condition of jquery hover. I have an image and when you put your mouse over it another image appears this image that appears using css would be a menu look however I notice that when I move my mouse off the image to the menu image that appears when your mouse is over the persons image it would then fade away. Ok I will make this as simple as possible: clients image when mouse is over the image another image appears the new image that
draggable object and sortable list, position? - connectToSortable
How to get position of dropped draggable object into sortable list - I'm using connectToSortable, i got id of this element but i need position where it was dropped. Thanks for help! Karol.
$.data() vs. $.fn.data() vs. HTML5 data attrib
I have spent time looking at the data() methods internals -- ($.data() vs. $.fn.data(). I noticed that the retrieval for HTML5 attributes is really triggered by $.fn.data() and once retrieved and added to the cache, yes $.data() will have access to it. I wonder why the trigger to retrieve HTML 5 attributes was not done at the lower-level $.data() method that way it would be trigger by either form of data(). Am I missing something? ceo
Heresy: question about IE
First of all, <bow>thank you for JQuery Mobile, it is an awesome project</bow> I know it says "mobile" in the project title :), but I wonder whether support for IE8 and 9 (already mostly works) is at least possible, even if obviously not a priority ? The CSS the Filament guys are developing looks awesome, so it is really tempting to use it on the desktop as well...
Waiting for images loaded to be run [SOLVED]
Hello there, I embedded a s3slider jquery plugin which has a sequence of more than 80 pictures. That causes a problem when loading the page, since when the slider starts the page completion get stuck. To overcome this I thought I could make it run after $(window).load and somehow it starts running after the page content is fully loaded but ... it has to wait for the whole set of 80 pictures which is not very practical. I made this kind of solution: first it has to fully load the page content and
Changing email
I've changed my email address but I don't see a way to change it in my profile for the forum. A little help? Thanks
$.post does not work? why?
Why this line never work? $.post("external mail.php file", $("#commentForm").serialize()); Thanks Here is my form, <script src='https://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js' type='text/javascript'/> <script src='http://dev.jquery.com/view/trunk/plugins/validate/jquery.validate.js' type='text/javascript'/> <script type='text/javascript'> /*<![CDATA[*/ $(document).ready ( function() { $("#commentForm").validate ({ submitHandler: function() { $.post("external mail.php file", $("#commentForm").serialize());
autocomplete nonselected term disappears when losing focus
I'm integrating the autocomplete into some form fields on a site I'm building and it all seems to work fine, outside of the fact that if you want to enter a new field value instead of choosing one of the auto suggested ones the term will disappear when you take the focus off, for example if you tab off or click somewhere else. The only way to keep a value in the input box is to click on the input box twice after typing the value then it will stay when you tab or click out of it. Here is what I'm
[validation] errorContainer not display the list item properly
Hi there, I am able to display the validation error messages at top of with wrapper: "li" like the following screen: But when I enter a valid email into E-mail field, the list item bullet not display (hide) properly in the error container, please see the screen below: Is this a bug or did I missed some settings in my source code? Attached here is the sample code that demo the problem (after extract the compress file, please open sample-code/demo/demo.html). Please advice. Thanks. Regards, Chee Kin
Need help using validator plugin
Hi, I'm using validator plugin (jquery.validate.min.js) to validate form fields. my form is built like this: <form action="<?php echo $base_url;?>create" method="post"> <div id="formstyle_editeven"> <ul> <li class="first">Name:</li> <li class="required"><img src="<?php echo $base_url;?>assets/css/images/asterik.gif" /></li> <li><input name="name" type="text" class="mform" value="<?php echo set_value('name');?>"/></li> </ul> </div></form> (this is a shortened version, but u get the idea).
Linking Script to Anchor ! Semi-Newbie
I would appreciate if I could get some help on how to apply this jQuery script to an anchor. I have only figured out how to apply this to a ID, but how to get a anchor to trigger the effect on a ID is confusing me.
Escaping html using ajax
OK, I've googled myself sick trying to find the answer to this question, but I can't seem to get a straight answer. Here's the setup: <a href="void();" onClick="jQuery('div#content').load('/cgi-bin/script.pl',{id:$id}); return false;">Link text</a> Clicking this link works great. The data is loaded into the content div as expected. But the problem is the html that is loaded into the div has funny-looking characters where the single and double quotes should be. (See attachment). What am I doing
Is the ":focus" selector valid?
I've noticed that the ":focus" selector does indeed work, though it is not documented anywhere. Is it safe to use? Can anyone explain this? And in a somewhat related question, is it possible to override a core selector? For example, is it possible to override the ":empty" selector to perform an additional checks in addition to checking whether or not an element is empty? I know that selectors can be chained together, but I'm wondering if it's possible to change the default behavior of a selector
help with selectors and attr
Can someone please tell me why the following doesn't work? <select name='s[columns][1]' id='s_columns_1'> <option>title</option> <option>body</option> </select> $('select[name*="columns"]')[0].attr('name') It tells me attr is not a function. $('select[name*="columns"]')[0] returns a reference to the select field but I cannot access or update any attributes. Here is my full code if you want it. <!DOCTYPE html> <html lang="en"> <head> <script type="text/javascript"
(validate) error message position
Hello In this form I have two groups of checkboxes. When I post the form the Validation plug-in puts the two checkbox errors in one line. How I put the error of second group in the first line of group2? Like this? Thank you for any help
JQuery Cycle Plugin problem in IE6 / IE7
I've successfully implemented the jqeury cycle plugin ( http://jquery.malsup.com/cycle/ ) I'm using a pager with pagerAnchorBuilder to provide control and go directly to a slide. It works perfectly in IE8, Safari, Firefox, Chrome and Opera. However, in IE6/IE7, the slideshow plays but the pager anchor does not appear: Here's the javascript: function loadSlideshow() { $(function() { $("#picsContent").cycle({ fx: 'turnDown', speed: 2000, timeout: 6000, pager:
Using jQuery with json - i keep having "ui is undefined"
I have a link (#botaoMovimentos) and, by pressing, it returns data from mysql. The sql query is ok. I've tested. But i keep getting this error (ui is undefined). What is missing in here? #tabelamovimentos is a Div with a table. #botaoMovimentos is a link that redirects to #. I have the index.php file with this code; $('#botaoMovimentos').bind( { source : 'ajaxMovimentos.php', click: function(event, ui) { $('#tabelamovimentos').slideUp('slow', function(){ $('#tabelamovimentos').html( '<h2>Detalhes
Escaping html for <input> tag
Is there any method for <input> tag like .html() to escapsing html code? Example with a label, I can use: $("#label").html("NGUYỄN") will become NGUYỄN (that what I want); so I want to do the same thing with <input> tag. Sorry for my English
Phone Filtering page
Hello everyone, I am new to this forum and hopefully I am posting this in right section. I need to create a phones page with filters. This feature is very common in all the cell phone providers website right now. My page will be similar to T-mobile phones page, take a look at it here T-mobile Phones Page Instead of checkboxes, My page will need drop down to select the phone, price range and features. I am thinking I can do this with jquery but not really sure where to start. One solution I thought
Convert a table into an accordion (special case). Please help.
I've been wrestling with this for too long and am exasperated, please help if you can. I'm working with a common CMS issue where a table presented. All rows contain two columns. Some rows should be headers as they contain H3 elements in the second column leaving the first column's only content a single non-breaking-space. The in-between rows contain labels in the first column and the second column contain input elements. So it looks a bit like: table tr td - span - nbsp - /span - /td td
JQuery validation shows error message in wrong place?
I have a form with three text field with the same name. If I trigger an error in any field, the error message for all other field with the same name will be shown next to the that particular field. (e.g. if I trigger errors at field 2, and correct the entry in field 2, then trigger the error in field 3, the error message for field 3 will be shown next to field 2 instead of field 3) Is it a bug? or just a designed behaviour? How can I change it? I am using jQuery 1.4.4 and JQuery validation 1.7 .
Have to Double Click scroll button using JQuery Tools Scrollable after page load
I recently added a section to my website that uses the Scrollable JQuery tool to load images from my Flickr account. When I initially load the page the "next" button requires two clicks before it will advance to the next set of images. This only happens on the first attempt following the page load. When I look at the code it appears that Scrollable fires an event on the first click that removes the "disabled" class on the "prev" anchor tag. It appears to skip the slider event that scrolls the images.
Basic Function Won't Work
$(function () { if (name=["DayOfBirth"].hasClass('error')){ (name=["MonthOBirth"]).removeClass('error') (name=["YearOBirth"]).removeClass('error') } if (name=["MonthOfBirth"].hasClass('error')){ (name=["DayOfBirth"]).removeClass('error') (name=["YearOBirth"]).removeClass('error') } if (name=["YearOfBirth"].hasClass('error')){ (name=["DayOfBirth"]).removeClass('error') (name=["MonthOBirth"]).removeClass('error') } });
why does [XMLHttpReequest] object Message come?
I am calling below javascript method from code behind then, why does [Object XMLHttpReequest] Message come? function SendMsg() { var user = document.getElementById('<%=User.ClientID %>'); var val = user.value; var nonrno = 1234; var rno = 123; var options = { type: "POST", url: "Test.aspx/SendMessage", data: "{'toMailAddress':'" + val + "','rno':'" + rno+ "', 'nonrno':'" + nonrno+ "'}", contentType: "application/json; charset=utf-8",
jquery starterkit tutorial doesn't work, syntax error in click function
Sorry but I can't get the very first tutorial to work. I put the custom.js in a test_jr directory in htdocs. I also put the starterkit.html file in the same directory. I copied the contents of jquery-1.4.4.min.js into a jquery.js file also in the same directory. Then I did the custom.js page shown here: <html> <head> <script type="text/javascript" src="jquery.js"></script> <script type="text/javascript"> $(document).ready(function() { $("a").click(function() { alert("Hello world!");
Jquery/Ajax Form Issues
I'm not sure if this is a php issue or jquery issue. When I complete the form and hit submit it puts the successful message up like its supposed to but also with the fields still filled in the form which it shouldn't be doing and it doesn't actually post in the database so I'm not sure if its a php issue or jquery issue. <?php // Include the database page include ('inc/dbconfig.php'); if (isset($_POST['submittemplate'])) { $templatename = mysql_real_escape_string($_POST['templatename']);
Active class on different categories (with example)
Hi Everyone, Ive a problem and I was wondering if someone could help me, I have this script running http://jsfiddle.net/UUxrd/ My website is a main navigation with sublinks. So when a user clicks on a product they will be brought to that specific product page. On this specific product page you have the neccessary content plus a sidebar (the example above) containing all the same links with the sub links in an accordian script. What I would like to happen is, if the user clicks on a particular product.
jQuery and PHP/Oracle interaction
Hi everyone, I'm building a small web system for a group project in my database class. Basically how this works is someone searches for flights by departure city, destination city, date, and time. From there, results are shown in a table and users should have the ability to select which flight they want using a button next to each table entry. Then users input their personal data (first name, last name, age, number of bags) and then submit that form to be taken to a confirmation page. As of now,
why not make list items collapsible ?
Just a thought - list items http://jquerymobile.com/demos/1.0a2/#docs/lists/index.html already offer so many styling options, including thumbnails, sub text, chevrons at right, inset etc. Instead of having a less-stylable, always indented collapsible http://jquerymobile.com/demos/1.0a2/#docs/content/content-collapsible.html, why not allow the general list items to optionally have a collapsible section ? I think that would be simpler and at the same time more general than having a separate collapsible
Why does my below code not work in Safari and firefox?
Why does my below code not work in Safari and firefox? The below code does not call my page method. but it works on IE. Is there any thing need to enable Ajax mehod call. function SendMsg() { var user = document.getElementById('<%=User.ClientID %>'); var val = user.value; var nonrno = 1234; var rno = 123; var options = { type: "POST", url: "Test.aspx/SendMessage", data: "{'toMailAddress':'" + val + "','rno':'" + rno+ "', 'nonrno':'"
problem linking jquery keypad plugin to jsp page
hi all i have a unique problem with linking jquery keypad plugin with a jsp page in a project. i downloaded the keypad plugin from jquery site and put it in a library folder in my project. now when i try to link the js file from there, i get javascript error. my jsp page is in folder1 under WebContent and my keypad.js is under folder2/common/jquery.keypad.js. this folder2 is also under WebContent. i tried to check the link using firebug, its showing the path given is correct. but when i try to use
Problem with jquery ui dialog.
I am using jquery ui dialog for getting values from user. I am using a textarea inside the dialog. My problem is when the user reenter values to the same textarea in the dialog without refreshing the page, The value he has entered first is returned.
Next Page