AJAX jsonp entity issue
I have a jQuery AJAX request that pulls jsonp data from another server. This data is passed to a callback function, and then the data is appended to a div. When viewed in Firebug, data appears as entities (as it is encoded in jsonp): <p><strong> but when viewed in the browser window, the HTML is displayed, rather than being rendered: <p><strong> I'm a bit confused, shouldn't the browser render entities as usual, or is there some type of additional processing required in jQuery when returning
how to had a minDate + 1 day in the end date range example in datepicker ??
hello how can i have a mindate+1 day (exemple : start date (#from) 1 march 2011 and have a mindate like end date(#to) as 2 march 2001 with this source code i have tried a lot of stuff but always failing ...: $(function() { var dates = $( "#from, #to" ).datepicker({ defaultDate: "+1w", changeMonth: true, numberOfMonths: 3, onSelect: function( selectedDate ) { var option = this.id == "from" ? "minDate" : "maxDate", instance = $( this ).data( "datepicker" ), date = $.datepicker.parseDate( instance.settings.dateFormat
Tabs (Default Functionality)
Hello to everyone I'm using the Tabs (default functionality) and I want to know if it is possible to indicate the tab that is wanted to see when the page is opened or is refreshed ? Is posible to use tabs inside tabs and to have the same control ? Thank you very much for your help LC
Nesting accordions and tabs
I've had some difficulties nesting accordions and tabs. For example: when an accordion is instantiated in an un-active tab it does not size properly and becomes unusable. I have read an ad-hoc solution of first "activating" the offending tab, instantiating the accordion, then returning the tabs to whatever state you had intended (ie: first tab active). While this works, it would require an incredible amount of additional work to implement for my environment, as I will be allowing users to add accordions
$.getJSON URL Properties
Hi, I am having trouble with the .getJSON method. When I use the flickr URL given in one of the examples, it works just fine. However, whenever I try to capture my own JSON, it hits the .error method. Here is the call to getJson: var jqxhr = $.getJSON("http://localhost:5002", function() { alert("success"); }) .success(function() { alert("second success"); }) .error(function() { alert("error"); }) .complete(function() { alert("complete"); });I have a homemade TCP server
Issues with Drop Down when it fills the screen.
Hello, Is anyone having a problem with the following symptom: I have an HTML Select that fills the browser screen. I select one option the first time, then I change my mind and select another option. after that, when I have problems navigating away from the page (In a standard browser, the loading page keeps loading and on my iPhone, it goes somewhere but not the page that want it to go. I attached a zip of 4 files ( 2 normal page, 1 working ddl and 1 ddl that is having the issues) to reproduce the
$.ajax – little help needed
Guys, I’m trying to make $.ajax work (jquery-1.5.js – the most stable ;-) – no luck at all. Getting completely different behavior in FF and IE The page in on localhost (http), getting cross-site request via $.ajax (http, https) (what could be simpler than that?) IE8 – works for http IE8 – access deny for https FF – send OPTIONS instead if GET request for both http/https Code snippet: jQuery.support.cors = true; // force cross-site scripting (as of jQuery 1.5) $.ajax({
ajaxFormsEnabled = false / caching?
Please excuse my ignorance on this but I am tired of fighting this. I need to do a file upload on one of my JQuery Mobile pages. I'm doing this in .NET MVC 3, just for the record. I have four pages, A, B, C, and D. A, B, and D gather info and/or save stuff. Page C does the upload. I know that I need to disable ajaxForms in order to accomplish the upload. So below is how I have my javascript stuff setup in the <head> for each page. PAGE A <script src="http://code.jquery.com/jquery-1.5.min.js"></script>
if field1 blurs or field2 blurs in same statement
hey guys im wodering how i would run a script only if field or field blurs like $('#field1').blur(function() { });but with both in a OR statement? if somewould could tell me how that would be great thanks
while loop and google maps
so i'm working on this project for university . I have loaded in several markers via xml and pushed their latlng into an array. I have created an html link that on click should run through the marker lat lng array and pan the map to the next location in the array. problem is that the map just pans to the last entry in the array because it runs through the loop before the animation has played here is the working example http://playingintraffic.co/commuter002/ the maps.js file contains all code we
fadeIn() CSS proplem
hey guys im using the fadeIn() function in my script but when using it i've noticed it puts a style on my break, input and label tags style: style="display: inline;" using fadeIn() : $(input_field).appendTo('div#' + selector).hide().fadeIn(1200);html output: <label style="display: inline;" for="game_types2">Game Type - Name 2 : </label> <input style="display: inline;" id="game_types2" name="game_types2" value="" type="text"><label style="display: inline;" for="game_types_abbreviated2">Game
Unknown issue within jQuery.dialog() and $.get() method (dialog don't show text)
I have a jquery project with a piece of code such as I wrote in down of this message. Problem is I need to click to the link twice to text from get() method is appears on the dialog. Why so serious? You can see it in work (or no work, who know...) at this site: http://avidiss.ru/ (click once to second button from down, if you're not Russian) and go to any non-grayed subcategory. For example, if you're clicked second link in first row, you will see an empty dialog with a header. There is one way to
HOWTO Animate returned data from php script
Good evening to All! Sorry for my bad english, i will try to explain my problem in a little example: I have a php script that creates a simple calendar something like that. This is how it looks in html: <div id="calendar"> <h1><img id="larw" src="left_arrow.jpg" alt="" onClick="snd(02)"> <img id="rarw" src="right_arrow.jpg" alt="" onClick="snd(03)"></h1> <div class="week"> <p>Sun</p><p>Mon</p> <p>Tue</p><p>Wed</p> <p>Thu</p><p>Fri</p> <p>Sat</p> </div> <!-- This div will be modify by jquery --> <div
jQuery and Classic ASP - .asp file not .htm(l) with ASP in it
Good Day. I have been given a classic asp application to work on some minor enhancements. The pages are .asp pages, not HTML pages with script tags. Is it possible to use jQuery within a .asp page and if so, is there any special setup required? Randy
JQMobile - Problem with problem with change text by a href on Click event
Hello, i have got a problem with change text by a href on Click event. If I update text..text is changed, but button loose formatting. I tried also without $('ul').listview('refresh'); function, but is it still same. What can I do wrong? Thanks for any help. $("#soundBtn").live("click",function(event, ui){ $('#soundBtn').text('Play sound'); pauseAudio(); $('ul').listview('refresh'); }); <div data-role="navbar" class="nav-glyphish-example" > <ul> <li><a data-icon="custom" id="vibrateBtn">Vibrate</a></li>
Image rotator question
Hi, I have been trying to complete an image rotator tutorial from the Learning jQuery 1.3 book but haven't been able to get past a fairly early step and am wondering if it is because I am using jQuery 1.4.2 or if I have just made a mistake in transcribing the code (I've checked, and for the life of me, I don't see it but stranger things have happened...) I've looked at it in Safari and Firefox and neither shows it working... Here is the code: $(document).ready(function() { var spacing = 220;
can't set button's left and width CSS properties?
Hi all, I'm trying to develop a music-reading quiz game for my daughters, using jQuery Mobile. The part I'm having trouble with is the piano keyboard. With "ordinary" html buttons, you can set the left/top/width/height css properties using jQuery's .css() method. But with jQuery Mobile, that doesn't seem to work. Anybody know how to move buttons in jQuery Mobile? Here's an excerpt of the initial HTML for the keyboard buttons: <div id="kbdC2E" class="keyboard"> <button class="pianoKey whiteKey"
Multiple Images
Hello All, I am new to this forum... hope everyone is well. I have a question with regards to using fancybox/jquery within my dynamic php site. This is my htmp/php code... // <a id="example6" href="uploads/originals/news/<?php echo $rows['news_photo']?>"><img src="uploads/120x72/news/<?php echo $rows['news_photo']?>" alt="example6" width="120" height="72" class="friendpicsborder4" title="view larger pic" /></a> // This is my jquery code... // <script type="text/javascript"> $(document).ready(function()
Validation: valid() doesn't always seem to work?
Hi all, I'm working on a larger project, but to demonstrate my issue, I created a small test page. I tried using a addMethod() for GPS coordinates and also a simple addClassRules() with range, and neither seem to be doing the job correctly. What am I missing? In essence, the name field is required, Latitude needs to be between -90/90 and Longitude between -180/180, but Latitude/Longitude is not required. When I click the Validate button, even if the Latitude or Longitude values are out of range,
ScrollView issues when changing screen orientation
I am having major problems with the experimental ScrollView plugin when changing screen orientation. I've tried multiple hacks and workarounds but nothing is working. Basically I have a header, footer and content in the middle of the page. When the screen is rotated on either the iphone or android device the footer sometimes disappears. Sometimes it works fine. When any scrolling is done Tried scrolling programmatically: like wait 5 seconds and scroll down 5 pixels. This doesn't work Forced
ajax subdomain cross domain issue after upgrading to jquery 1.5
After upgrading from jQuery 1.4.2 to jQuery 1.5.1, I'm getting a "No Transport" in ie8. my website at http://sub.website.com is trying to access http://website.com/service.asmx. I understand this note, Due to browser security restrictions, most "Ajax" requests are subject to the same origin policy; the request can not successfully retrieve data from a different domain, subdomain, or protocol. However I need to solve. Is there a way to override the ajax handling to allow subdomain request as
selective access on matching elements
Hello @all, I´m very new to jQuery and have a problem I can´t solve by myself. I have an ul li list with items that match a later following div - the match is the id. That id is matching another following div by id. All elements are dynamically generated and can vary in depth. I have a working set with onclick fuctions, but I want to make this working in jQuery. It would be great if someone could help me to get this working !! Thanks in advance This is the raw template: <div class="mything"> <ul>
Forms Plugin filed Value
I really like the forms plugin by malsup, but cannot get the field value method to work on my dropdown menus. I call it with: var newYearArray = $('#chart_submit :year').fieldValue(); alert("Not going to get here, I bet"); var newYear = newYearArray[0]; and it fails. fieldValue is looking for an html elment (e.g. checkbox, radio, etc.), but my form (generated by a forms generator called MachForms), looks like this in what I think is the relevant part: <select class="element select small"
pictures as background
Hello, I would like to use the slideshow as the background of the webpage, how can I do that? THANK YOU!
Odd Validate plug-in behavior with IE8
I have an odd problem with the Validate 1.8 plug-in with JQuery 1.5.1. I have a form that validates 2 fields upon the submit button being clicked. Under Firefox 4 the form validation works great with no problems. But with IE8, the submitHandler seems to keep firing and the errorPlacement function is called if I click on anything (meaning inside or outside the browser window, even the desktop) after the submit button is first clicked. It's really bizarre. I don't know where to start to see why
css properties px and mm
Hi, A webapp I am working on must use millimeters instead of pixels for the top, left, width, height and font-size style attributes. There happens something strange when setting these style attributes with mm values. For instance: $#id.css("width",3mm);alert($#id.css("width")); alerts the value 11.0667px Clearly somewhere a calculation is done from mms to pxs. I read something about the getComputedStyle in browsers that nicely explains this behaviour. My questions: 1. Is my assumption correct and
jQuery Validation - Marketo Demo - How are they linking to mktSignup.js
I am rather loving the jQuery Validation, but am having one helluva time trying to figure out how the Marketo Demo's HTML is pointing to mktSignup or the validation.js itself. I'm not referring to the HTML referring to them in the header. That I see. I'm used to seeing some script in the header that calls the .js: like <head> $(document).ready(function(){ $("#form").validate(); .... </head> But I don't see that anywhere, and I can't, for the life of me, understand how it just "knows" to use a specific
timepicker addon for Jquery datepicker randomly stopped working
Hi there, I've just started using the timepicker addon for the jquery datepicker but it doesn't seem to work (Bottom of http://test-psi-alpha.appspot.com/jquery) as it does in the example (http://trentrichardson.com/examples/timepicker/). I have included all relevant plugin scripts and initialized the plugin in a seperate script. The strange thing is that this once worked perfectly- however I cannot seem to find out why it stopped working... I've tested the links and they are all functional. If you
replace keycode cross browser
Hi I want to handle keyboard and want to replace keycodes like when user enter / press key a = 65 I may able to change and show in textbox b= 66. for internet explorer I have script like function InputEventKeyPress(event){ window.event.keyCode = changecode(window.event.keyCode); } function changecode(c){ switch (c){ //CAPITAL LETTERS A - Z case 65 : return 66; break; //A case 66 : return 67; break; //B case 67 : return 68; break; //C case 68 : return 69; break; //D case 69 : return 70; break;
ANIMATE DIFFERENT OBJECTS 1 CLICK
How can I animate different objects, different ways -one changes size, -other ones change position and -other ones change colour... WHEN clicking on a specific button.
Views not displaying correct information or custom js after going back to view.
I recently started using jQM and have been loving in soon as I got the hang of it. I do have a a couple problems though. 1. I have a page that requires a login. Its written in django like such: {% if user.is_authenticated %} <a href="/review/{{ wine.id }}" data-role="button" data-transition="flip">Review this wine!</a> {% else %} <a href="/login/" data-role="button" data-direction="reverse" data-transition="flip">Login to review wine!</a> {% endif %}After I login and come back, the page still
Trick the ui into thinking a link loaded successfully?
Hi all, I am developing a custom web interface for a product which allows for events to fired through the urls. For example, If I navigate to the following url: 192.168.1.5:83/trigger/2 It will activate trigger 2. I have been using jqTouch but after some time have become to frustrated with this framework. When clicking on a link such as above I would get the loading overlay. I have since turned this off by editing the to this: pageLoading: function ( done ) { if ( done ) { $html.removeClass(
After "error loading page" message, link no longer works
I've noticed this today testing jqm for the first time on a small project. If a page fails to load, the "error loading page" message displayed in the transient yellow (style e) modal is shown shortly after the "loading" modal. Thereafter, the link that failed to load doesn't function. To clarify, the first time you use a broken link, you see the loading and error dialogs. Thereafter, you are shown no dialogs, and so the link is now a nop. I can see why one might do this, as what's the point of processing
$.post / php json_encode issue
I am serializing a form and sending data via $.post to a php file that is encoding the processed data in json format. However, my response data keeps coming back wrapped in html <p>data...</p>. Thus, an error is thrown as the tags make for invalid JSON. I'm clearly missing something, but I can't figure out what. Any clues?
Modal Box Background div not filling entire page
I have developed a modal image box which is working as desired except for one thing. I can't get the background div to cover the entire window background when the backgroud extends beyond the visible window size (requiring vertical scrolling). The background will only fill to the size of the the visible window area. If I scroll the window while the modal box is showing the lower area is exposed. I have the background div height set to 100%. I have tried min-height: 100%. I have also just made
jQuery Inline Edit
I’m trying to get the QuickEdit code below to work with IE…it works fine with FF. Anyone able to help? <script type="text/javascript" src="jquery.js"></script> <script type="text/javascript"> (function($) { $.fn.inlineEdit = function(options) { options = $.extend({ hoverClass: 'hover' }, options); return $.each(this, function() { var self = $(this); var id = $(this).attr('id'); self.value = self.text(); self.bind('click', function() {
Is it possible to display the focus at end of char using focus()?????
Hi, The default behaviour of focus() method is displaying the cursor at start of the char(In FF focusOffset is 0(zero) and anchorOffset is 0(zero)). I need to display the focus at end of char after calling focus() method. Regards, Nagendra
Accessing the div inside a Div
Currently I have one issue where i have defined my four input tags inside a div. Now the issue is arising that i need to separate them each using the table tag or either the nested div tag to make their width.. currently my show is like this <div class="row"> <input type="text" id="text2" name="text2"/></br> <input type="radio" name="text2Radios" value="1" class="ToBeED"/>1 </br> <input type="radio" name="text2Radios"
How to get accordion height
I have menu which works like accordion, and there is background in body, when all accordion <ul> opens then accordion overlap the background image, ie. the body height must resize. Here is link. http://rd.navsarawebstudio.com/job1 Try Objects > object1, Object2 , object3 (open all) and see at bottom. please help me. I tried to get height all visible li as it opens but allas.
JQuery Mobile Vertical Slider
Hi Guys, Does anyone know how to implement jquery mobile vertical slider? I have searched around and cant seem to find an example of vertical one. Can I possibly manipulate the jquery mobile core library to achieve this, if so how? Thanks
Next Page