jquery mobile slideshow
I like Jonathan Snook's simple slideshow: http://snook.ca/archives/javascript/simplest-jquery-slideshow It works perfectly.... That is *until* I try to use it with the jquery.mobile css file. Of course I need that css file for my mobile site. They just don't seem to be compatible. As soon as I remark that stylesheet out it works again. Anyone else run into anything like this? Who has a simple slideshow that works with jquery.mobile's css file?
the "data" parameter is always undefined in the success callback in jQuery > 1.5
I have a really simple scenario which got broken after upgrading to 1.5. the defined handler for the success callback in $.ajax doen't set the data parameter - it's always undefined. This works fine in 1.4.4. Could someone clarify if this is a bug or a breaking API change ? Thanks, Angel
Using the demo page (modal-form.html) and IE7...I cannot get my 'create new account' window to open
It works locally, but not on the app server where I am running it. I have reduced the security to low and only changed the references to the Java scripts, but still no luck. Any thoughts would be appreciated... Thanks, Bill
Docs on website: Copying example code that is in scrolling box
On www.jqueryui.com/demos/dialog/ if you click the "options" tab and then expand the first "buttons" option, the example code appears in a box with a horizontal scroll bar. I am trying to copy all the code in the box but I cannot figure out how to select all the code. CTL-A or dragging across the text does not work. Any tips appreciated. Peter
2 Functions working at the same time
Hi, Can anyone help me with this it would be greatly appreciated. How can I get 2 functions working at the same time? Here is what I have at the top: <script type="text/javascript" src="jquery-1.5.2.min.js"></script> <script type="text/javascript" src="jquery.innerfade.js"></script> <script type="text/javascript" src="switch.js"></script> <script type="text/javascript"> $(document).ready(function(){ $('#rotate').innerfade({ speed: 'slow', timeout: 10000, type: 'sequence', containerheight:
pulling images from a directory jquery
Hi I've created a jquery slideshow what I wanna do is to pull files from a directory and add them to the slideshow like open file dialog or any other technique. any help or suggestion would be appreciated. Regards -- A.J.
$.each(null,function(){}) error or purposed?
$.each(null,function(){}) gives a javascript error - is this an intended functionality? Seems a bit redundant to check for nulls before calling each. Works fine for $.each({},function(){}) and $.each([],function(){}) Just wondering
Trouble getting commas in numbers.
I am very new to jQuery and I was wondering if anyone can help me out with an issue I have adding commas to an outputted field. I checked the web and used many examples but for the life of me I can not get it to work. My script is a calculator that calculates footage. The calculations work perfectly and the outputted number shows up and is corrected, but has no commas for large numbers. The script that I made has three parts to it, the jquery code that does the calculations, the input fields and
updating jquery ui custom theme
Hi everybody, I've just update to latest jquery ui (now version 1.8.12) and I was wondering: since all the "base" themes are updated from a version to another, is there a way for me to automatically update a custom theme I created for a website, or should I make it all anew? Thanks.
Trying to sent a var (myvar) from a hyperlink to jquery doesnt work in firefox only in IE. .live bug?
Hello all, I'm trying to sent a var to my jquery script when i click on a hyperlink inside the search.php. I had discovered that this will only work when using .live, but it wont work with firefox, chrome. It will only work in IE. Is there a workaround for this? This is the situation: Page 1: index.php -->main page with search input field. Page 2: search.php -->contains search results and the hyperlink with the value i sent to the jquery. This is the hyperlink: echo "<a href=\"#\" id=\"myhyperlink\"
don't redirect on form submit
i would like to know how to stay on the same page after submitting a form. is there a simple override in jquery mobile, or do i have to do something like this: $("#myform").bind('submit', function(event){ event.preventDefault(); //ajax handling here using .get() or something //update page content });
Dynamically change data-native-menu attribute on form selects
Hi all, I have a use case where I'd like to set the data-native-menu attribute on selects to true when the list gets really big but to false when it's less than 10 items. I tried setting the attribute and then do an $('#myelement').trigger('change'); but it doesn't seem to change the behavior. Can someone tell me how to actually dynamically change the behavior? Changing the attribute alone is obviously not enough :)
click event is not fired on a checkbox.
I have many checkboxes in my page and there is a script to select multiple checkbox s with shift key. when i select multiple checkboxes using shift key and submit the form i am getting only two checkboxes data (normal click and the shiftclick checkboxes), It seems the click event is not getting fired for the other checkboxes which are selected automatically through the script. Can any body suggest me how to fire click event on them. please find the below sample script that iam using. <html> <head>
scrolling vertically using images (example given)
hey, I want to achieve a similar effect using jquery and in div's not tables, any ideas? http://www.dynamicdrive.com/dynamicindex11/scrollc2_dev.htm
help with $ and noConflict()
Hello, unfortunately, javascript development has left me far behind, and i don't understand a lot of this stuff. specifically, the $ variable, and the noConflict() method/directive. can someone point me to a doc or something that explains these in a lot of detail. i read the basic explanation which unfortunately did nothing for me. specific reason for this question is: we are using a derivative of jQuery: the fancybox, along with other jQuery functionality - on some pages with multiple instances
Download not working
Is it just me or is the download not working correctly? I can't open the zip file no matter what components I choose. I'm on Windows 7 64-bit and tried to unpack using the default Windows unpacker and 7-Zip.
question about Ajaxsetup()
If I use ajaxSetup to setup an predefined ajax options before every ajax() call. Then when I use ajax, I would change some options, such as timeout, error event, async, on ajax(). Will those changed options will be inherited by further ajax()'s. Thank you very much!
Dynamic form help urgent
i hav some thing like this <td colspan="5" style=" display: none;" id="boxreply'.$row["i_iid"].'" n="'.$row["i_iid"].'"> <a class="inboxreply" n="'.$row["i_iid"].'" carid="'.$row["a_adid"].'" subj="رد:'.$row["i_topic"].'" ton="'.$nic.'" toid="'.$row["m_mid_sen"].'" href="#" > reply to sender <img src="images/Mail.png" border="0" alt="رد"/> </a> </td></tr> <tr><td colspan="5" style=" display: none;" class="replyform" id="replyform'.$row["i_iid"].'" n="'.$row["i_iid"].'">
Fancybox validation
Hey! I'm using the JQuery validation plugin inside a Fancybox window. My contact form appears in the modal popup when the user clicks a link (loaded through an external .html file with the form code), but my problem is that the validation is always skipped and the form is always submitted. The weirdest thing is it works if I put an "alert('...');" before the validation code The link: ... <a id="open" href="../Myform.html">myform</a> ... The Form (in the myform.html file): ... <form method="POST"
Problem with Jquery.get
I am trying to use the Jquery ajax get method as follows $.ajax({ url: temp_url, type: 'GET', data: datatemp, error: function() { alert("This is an error"); }, success: function(e) { alert(e); //ProcessRequest(); }, complete: function(e) { alert("This request is complete"); } }); None of the alert statements get executed and the query does not work. The temp_url is a url to the localhost:8080 server. I am a newbie in JQuery. I also used other datatypes like jsonp which also does not get executed.
Transparent AP DIV overlapping Jquery cycle plugin not functioning
Hi, I am trying place an AP DIV which floats above a jquery cycle plugin slideshow. It uses transparency so you can see the images through the Div box percentage colour. At the moment the AP DIV can only sit behind the jquery slideshow. Can it sit above the slideshow? Here is the link: http://www.hoof.net.au/cycle_home.html cheers, Alex
offset() returning invalid coordinates when inside relative div
I'm working on a link within a relative div in a very complex web app. when using offset it is giving me the position relative to the div, not the document window. Any ideas?
child selector issue in ie8
I have a series of DIV's of class ".photo" that contain a (p) text element with class ".tntext" When the user hovers the mouse over any single DIV, I'd like to animate it's child p.tntext element into view - I'm using the following code: $(".photo").hover(function(){ $(this).children("p.tntext").stop(true, false).animate({opacity:1},400); }, function(){ $(this).children("p.tntext").stop(true, false).animate({opacity:0},400); }); This seems to work in Firefox, Chrome, ie9, and Safari - but not
Issues since updating to jquery 1.5
Ever since updating from 1.4 to 1.5, I've been getting the following error. uncaught exception: Syntax error, unrecognized expression: [href=/topics/ps3]This is the code that's throwing the error. reloadLink = $("#Nav a[href=" + topic_path + "]");From reading on the changes of 1.5, it now sounds like the attribute values has to be wrapped in quotes, however, my attribue value is derived from the following. topic_path = '/topics/' + window.location.hash.replace(/^#/, '');So wrapping topic_path with
CSS incomplete when downloading unchanged and custom themes
The CSS files downloaded from http://jqueryui.com/themeroller/ are sometimes incomplete, leading to a faulty display of the datepicker widget. Basically everything after "/* Misc visuals ----------------------------------*/" ---> "/* Overlays */" is missing. Could anyone please confirm ?
JQuery tabs lead to about:blank when used in a new embedded chrome window
Using embedded chrome in MFC project, tabs worked fine until began working on custom http-esque requests, at which point popup windows stopped loading tabs correctly. Any known issues with relative paths and CefClient? or with MFC windows? Any leads on this would be great! thanks in advance
Calling jquery after Ajax load
I'm using AJAX to pull in a page into another page. The page I am pulling looks like so: <script type="text/javascript"> $('#conditionslink').click(function () { var content = $(this).parent().parent().parent(); content.find('#progConditions').toggle(); var runnersheight = content.height() - content.find('#programHeaders').height(); content.find('#runnersBox').height(runnersheight - 8); }); </script> <div id="programHeaders" style="padding: 4px; text-align:
JQuery Cycle display issue in IE - first page load only
I have an issue with JQuery Cycle plugin that only appears in IE (version 8, but probably also others), and only appears the first time the page is loaded. Clearing the cache, clearing cookies, etc, does not allow the problem to be reproduced a second time. The problem can be seen at [redacted] On first page load, the slideshow briefly flashes what look like 'broken image' icons, before loading images properly. The images then start to cycle, but with a small square appearing at top left corner,
jQuery's cluetip plugin : GSearch is not defined
I'm using the following code for creating google map. Now if I load this page through a browser, it loads fine. However, if I call this using the cluetip plugin the map doesn't load. I get this error GSearch is not defined on both FF and Chrome. Any help will be much appreciated. Calling Google map using cluetip: <a id="ttip_1204" class="jt" rel="ajax/carte.php?id=1204" href="ajax/carte.php?id=1204">See Map</a> $(document).ready(function() { $('a.jt:eq(0)').cluetip({ cluetipClass: 'jtip',
fadeto on hover problem?
Hi, I have a unordered list containing some images and i want to set opacity to 1 when the mouse is over a list item <li> and to 0.67 when leaving it. i did the following but the problem i got is the opacity is doing a blink like effect... turning opacity from 1 to 0.67 to 1 to 0.67... and so on each time i move the mouse when im over the <li> element... $(document).ready(function () { $(".li-thumb").hover( function() { $(this).fadeTo('fast', 1.0); }, function() {
how to set accordion width in percentage
I only can set a fixed width to a wrapper div or any internal component of the accordion, but I would like to use 100% width.... any ideas? Thanks m
sites using jquery - how do i get my site listed
www.stereokiller.com
Need some help with my Jquery
Hello, I am trying to make a menu and I almost finished it, but i ran into a problem. When I click a menu item, the submenu is showing it self perfectly, and when I hover over it it stays, hover out and it goes back up. Up to that point everything works as a charm. Now my problem is, when you click one of the menu options, the submenu shows: But when you just go UP with your mouse (instead of going over the submenu) it's staying. The website i'm talking about is here: http://dev.teamtgooi.com/ And
passing a variable within a document.ready function into inline modal window
hi i'm using a jQuery Inline Modal Window. the code for it can be found here http://www.sohtanaka.com/web-design/inline-modal-window-w-css-and-jquery/ i currently have an array within a function in javascript. when i click on the appropriate link for the inline modal, the inline modal window appears. my function looks something like this [CODE] function match_all_groups(){ var pop_up_status; var match_groups = new Array(); var match_groups_count = 0; $(document).ready(function(){
working in firefox but not in chrome
the following line of code is NOT working in chrome/safari as it is supposed 2 its working perfectly in firefox and Opera however: $('#box8').delay(1100).animate({"left": "+=300px"}, 5000); in firefox/opera the div box slides from its place to the right 300px but in chrome/safari it suddenly jumps to the right and then slides to the left 300px leaving it half through the page!
using window.onload instead of document.ready
Ive been advised to use "window.onload" instead of "document.ready" and im having problems implementing it, im sure its a syntax error. here is my original code var chart; $(document).ready(function() { and i want to change it to onload, and im trying to get this to work var chart; $(window).onload(function() { what is the proper syntax for using window.onload with jquery?
Am I Too Wordy?
I'm getting a error message when trying to respond to an old post that says: "responseContent exceeded the maximum limit" or somesuch. What's going on?
Script doesn't execute on internet explorer .... But execute on firefox....????? Where have i gone wrong??
Hi everybody!! i wrote a small script that loads a php generated list of thumbnails and videos from youtube, it works fine on Firefox but NOT on IE I placed it in an external file and loaded it this way: <html> <head> .... lot of typing </head> <body> ... even more typing <!-- Passing value to youtubeRequest.js --> <script type="text/javascript"> var sing = "<?php echo $_GET["singer"];?>" </script> <script type="text/javascript" src="js/youtubeRequest.js"></script> ... more scripts </body>
Chrome crashes on jQuery Test Suite #5
I'm trying to setup a dev environment for developing jQuery core, but Google Chrome (v10.0) crashes when I run the jQuery Test Suite (http://localhost/jquery/test). It seems to crash on '#5. core: browser' on both the 'master' and '1.6rc1' branches. Do you think this is a problem with my setup, a known issue, or should i file a bug? Additional Information: I followed the setup instructions on http://docs.jquery.com/Tips_for_jQuery_Bug_Patching and have MAMP, git, node.js, etc. setup on my Macbook
Problem using animation on a tab
I have a jQuery UI tab control. It contains blocks that can be sorted. They can also be dropped on other tabs. When a block is dropped on another tab, I want to use the slide effect to hide the block from the current tab before displaying it on the new tab. jsfiddle The jsFiddle demo initially shows a working state for the problem. It uses the standard .hide() method to hide a block. But when using the "slide" effect with hide(), unexpected results occur. The block is not animated. Instead, after
Next Page