[PATCH] on msie the browser detection feature should check also the documentMode to determine version
https://github.com/jquery/jquery/pull/240 Blog post with more info: http://theosp.me/patches/jquery-browser-detection-feature/
IE9 - Multiple appends raise an error
In IE9 the following code raises an: "Object doesn't support this property or method" in line 5460 of jquery-1.5.js <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <!-- <meta http-equiv="X-UA-Compatible" content="IE=EmulateIE8" />--> <script type="text/javascript" src="Scripts/jquery-1.5.js"></script> <script type="text/javascript"> $(document).ready(function () {
tabelsorter with two header rows
Hi, i have two table header rows, one with Captions and one with controls, dropdown, checkbox etc like this: thead tr | Caption1 | Caption2 | Caption3 | tr | [x] y/n | [Opt. 1[v] | [Opt. 2[v] | tbody tr | Values1 | Values2 | Values3 | How can i get tablesort to work only when clicking on the captions in row 1 and do nothing clicking on the controls in row 2? Thanks in advance
flexible .hide()
Hey, i would like to hide some <tr></tr>'s when the DOM is ready: window.onload = function(){ $('tr.nr39').hide(); $('tr.nr41').hide(); }The problem is that i would like to hide all tr.nr, not only nr. 39 and 41, and i don't know how many it will be. Is it possible to hide all <tr class="nr..."></tr> ? THX, Dominik
add items to a checkbox list
Hey i am having checkbox list and on top "add new" link. as i click on add new link dialog box appear exactly on checkbox list with form items and with submit button and as i click on submit button. checkbox list apear with new added items. Please help me, i am in trouble. Thanks
Using addClass() function with live()
I am trying to use the .live() jQuery function in cooperation with the .addClass() function, but I am unsure of how exactly to pass the parameter of the class-to-be-added's name through the live() function to work with addClass(). Here is an example of the jQuery I would be using: $('.mnav').live('click', function() { $(this).addClass('mnav-over').removeClass('mnav'); $('.mnav-over').addClass('mnav').removeClass('mnav-over'); });I would like to use addClass() in both instances in the code above
Sortable problem on chrome browser
Using Sortable on a table in a chrome browser gives a weird behaviour. Dragging a row around the table makes a gap appear between the top row and the table header. dragging the lowest row outside the table makes a gap between the rows. i've been looking for a solution all over but none found. is there any here? thanx, Thomas EDIT: further inquiring showed me that it has something to do with chrome behaviour with calculating heights of elements. anyone?
Dynamically generated LI with thumbnail length variable.
Hello, I spent much time to show 'listview' dynamically. My code like this; $("item",xml).each( function(){ var item_file = $(this).find("file").text(); var item_desc = $(this).find("desc").text(); if (item_desc == undefined) item_desc =''; var item = '<li><img src="' + item_file + '" />'; item += '<h3><a href="#each">' + item_desc +'</a></h3>'; item += '<p>dummy</p></li>'; $('#itemlist').append(item); // alert(item); }); Last alert shows maybe right statement. <li><img src="images/a.jpg" /><h3><a
Unexpected dragging after scroll
Hi all, I am trying to make use of a draggable div which has a vertically scrollable (overfolw: auto) content. If I click anywhere on the scrollbar surface and then release the mouse button, the window will automatically enter the dragging mode Can you, please, suggest a workaround? I am using the Chrome 9.0 browser.
hover description for select, input and submit
I have few input box, selector and submition button in my form can I use a description on mouse hover like this example. The example for the links I tried to do some modification but unable to do any effect like the example page. So, I want to know can I do like this? If yes then how can I? Thanks
video problem
When I put embed youtube video on a page and hit back, then return to the page the video will change location in the page, how to fix this? Example: 1. First load of page Some text...... ..........................................some text... ........................................................... *************** * * * VIDEO * * * *************** 2. Second load of the same page Some text...... ..........................................some text... ...........................................................
External URL in Dialog
I'm trying to load an external url in a dialog. Something like this: <a href="www.google.com" data-rel="dialog" data-transition="pop"><img src="openshareicon.png"></a> It tells me that no local file exists in safari. What's the trick to getting this to work? Or even just some way to get to a webpage and then back to my webapp since there won't be a back button.
Form Elements have no ID
I had a HTML/JavaScript web site that wanted to convert mobile with jQuery Mobile. In this app I need to be able to change the text of buttons. Unfortunately, jQuery Mobile hides your buttons. So when you change the text on the button it is not visible. Sure you can use native buttons, but then you have no style on them. So that is not an option. So I tried using link buttons and modified my script to change the .text of the link. Fail! jQuery adds a bunch of spans inside your links so you cannot
simple image gallery help
I have the basic image gallery set up for thumbnails to populate a larger image... i uploaded it quick, take a look http://dl.dropbox.com/u/9883217/gallery/index.html only thing i need to do is make the next and back buttons work...i know its something simple im missing if you bring up the firebug console i have several console logs on the next button
Appending Elements to a Section In IE
In IE7 and IE8, trying to do this fails: var $tagsection = $("<section class='links'></section>"); $tagsection.html("<p>test</p>"); //or $tagsection.append("<p>test</p>"); But changing the section to a div, works: var $tagsection = $("<div class='links'></div>"); $tagsection.html("<p>test</p>"); //or $tagsection.append("<p>test</p>"); I receive the following error: Line : 17 Char : 55207 "Unexpected call
how can i get the slider values on mouseover in jquery slider?
i am using jquery slider.i need to display the values on mouseover of the slider handle
FadeIn siblings One at a Time?
Hello ! Greetings everyone ! I'm a brand new user of JQuery, but I'm already falling in love with it! While experimenting with it, I've been unsuccessful trying to fade in the elements of a list One by One.... <ul id="listed"> <li>Company one</li> <li>Company two</li> <li>Company three</li> </ul> And with JQuery the thing I'm doing is the following: $( function() { //ready handler $("#listed").children().hide(); $("#listed").children().each( function(index) { $(this).fadeIn(1500);
basic .ajax failure
(still a) newbie here: Stripped all the code out and it still doesn't work. This is so basic that searching around has only found discussion of more complicated problems. The form alerts, success is called and alerts ("back: ") but no txt and the .php does not open log? If I replace 'url' value with http://mylocalMAMP:8888/test.php the log file is opened but still no data return. Am I not returning a correct header? Going in circles for a couple hours so any advice/flames/pointers appreciated. $(document).ready(function(){
URL Length Issue? Going by the demo.... it will run out of space-length
Hey there people. We just had a quick look at the demo for jquery mobile , and the first thing we noticed before anything else was when using the "Home" button instead of back... the URL length slowly grows with the addition of the ../.. Now with a normal pc based web browser this alone is a bad idea due to URL length issues and bandwidth increase? So what are peoples thoughts on this one.. We realize that this can be corrected via simply using a direct url link instead of the jquery mobile... but
Total n00b question - browser sniffer help!
Hi All. My website looks great on Firefox, Chrome, and Safari, but on IE everything looks all jacked up. I've been told that I can use jquery to sniff out the browser and return a message to people using IE that my site is not optimized for that browser. I have absolutely NO clue how to go about doing that. My site is www.alecbrownstein.com and I asked a web savvy friend, and he said that this code is what I need: within a java script script tag... if (!$.browser.msie){ window.location="nextpage.html";
Side-by-side layout for nested lists on tablets?
Are there any provisions in JQM for wide screen or tablet formats? Assuming the nested list shown below, on a phone I might like to see "folder 1" and "folder 2" stacked vertically and slide transitions to the nested data (i.e. the default JQM behavior). However on a tablet with more horizontal space I might like to see them laid out side-by-side with the contents of the currently-selected folder ("item 1, item 2") to the right of the folder list. Here's the sample nested list: <div data-role="content">
jquery not following redirect
hello , i am using wcf restful services by .net with jquery , and I am trying to redirect from a service...but jquery is getting the response but not following the redirect , here is my code...can someone tell me what's the error?? I am getting the html page back this._Proxy = function (serviceURL, dataType, type, success, error) { //Sets the url to the given service url . this._URL = serviceURL; //Sets the dataType to the given type this._DataType = dataType == null || dataType
Jquery ui drag and drop problem : drag sometimes lock in place instead of connecting
Hi, I have some problem with my drag and drop page. these are my first steps with jquery. see it here: http://lifemayhem.com/ui/ If you drag some items at the bottom of the page into the custom calendar, the object will lock in place while being dragged, and will not necessarly lock into a specific timeframe on the agenda. MY jquery ui code is the following: $(function() { $( ".box2" ).disableSelection(); $( ".box2" ).sortable({ tolerance: 'fit' }); $( ".box2" ).sortable({ connectWith: '.drag'
Scrollable plugin - user can press next until only 1 image is left instead of 5
Hi, I'm new to these forums. I'm having trouble with the jQuery plugin Scrollable (http://flowplayer.org/tools/scrollable/) It seems on my site that when the user presses the next button they can keep scrolling across until there is one image left, whereas it should stop scrolling where there are five images left... Can anyone provide an edited version of the scrolling script so this doesn't happen, I've tried literally dozens of times to change it round but can't manage it, thanks in advance. By
How do I make coda-slider slide not just a panel, but the whole screen?
Hi, I am trying to emulate some of the features of the site at: http://www.experiencialecom.com.br/experiencialecom/Portugues/ I like the fact that when you click on a menu item, the entire screen scrolls to the desired spot. I looked at the source code of this site, and it looks like they use jquery and coda-slider (a jquery application). I used the slider that is explained at: http://jqueryfordesigners.com/coda-slider-effect/ In my webpage, I do get the panels to slide, but I want to expand the
Count char in a textbox
Hi, i need a plugins or a UI , is some thing like count characters, for example i have a text box and max number of character in text box is 17 and i whan't to show the progres for example 14/17 (14 from 17)
documentation of the "Effects" would benefit from 'continuation style' examples
(disclaimer: although I don't consider myself a dumb-ass, I may be completely off here, I studied the effects mechanism only briefly - don't be scared to correct me) Although the "Effects" documentation is quite extensive, the 'callback' arguments are barely mentioned. Since continuation style programming is becoming more popular (I'm not even coming from the web development world), I think it would be a good idea to mention on the general "Effects" documentation how effects are handled by a queue,
Conflict between loadmask and maskedinput
I found 2 jquery plugins that are useful to me Masked Input and Load Mask However, when I use both on the same page, masked input quits working Anyone know why?
Jquery animate fails when code is piped in from separate file
Greetings all! Hopefully this is the right place for this as I'm pretty sure this is a jQuery issue as the issue here is a fail on 'animate'. Here's the synopsis: I'm trying to create a menu where I have a three part horizontal div making up the layout: 1 2 3. 1 is the "Meat" of all this and the plan is to pipe code into there which is not a problem. I'm doing this by a menu in div 3 which calls a simple javascript routine that uses innerHTML to pipe a pre-loaded batch of code into an div already
Effect one after the other
Hi all I'm not to familiar with jQuery, I'm trying to use the effects slideUp, slideDown and slideToggle, and it working fine, Sometimes I want more than one effect to trigger on a single click, and this is fine I use the code below within a div tag OnClick="$('#pdfbutton').slideUp();$('#onebuttonbase').slideUp();$('#pdfgreen').slideToggle()" But I want the effects to trigger only when the previous has finished. And I'm not sure how to achieve this... Any help is much appreciated.
get background-image
Hello guys. I need to get the image name that is the end of thebackground-image, example: var name = this.css('background-image'); alert(name); it return me: url("file:///C:/wamp/www/project/teste/img/teste.png"); i just need the name and file extension, example: teste.png Thank you very much
Change Jquery Cycle plugin code (move Pager position)
I have this: <script type="text/javascript"> $(function() { $('#slideshow').after('<div id="slideshow-nav">').cycle({ fx: 'fade', timeout: 0, prev: '#prev', next: '#next', fit:1, pager: '#slideshow-prevnext', pagerAnchorBuilder: function(idx, slide) { return '<a class="dot" href="#"> </a>'; } }); }); And it makes HTML markup like this: <div id="slideshow-prevnext" class="slideshow-prevnext"> <a id="prev" class="left" href="#"><span class="invisible">Prev</span></a>
How to use div id and li together
I have created a dropdown by dom element and I want to do on click id value will appear in alert. I have tried this $(document).ready(function() { $('#dropList').click(function(){ $('li').click(function(){ var getmyId=$(this).attr('id'); alert (getmyId); }); }); });By this I am getting correct value but I have to click twice and alert appearing twice and thrice. I have also tried this $(document).ready(function() { $('#dropList li').click(function(){ var getmyId=$(this).attr('id'); alert (getmyId);
Interesting behaviour when passing objects in as options to a widget
I've just come across an odd affect in a widget I'm coding up. I've worked around it, but would be grateful if anyone has a better approach / can explain why this is (or should be) occuring. Basically, I'm passing a self referencing object into the options property of the widget: e.g. var obj1 = {Name: 'child' ...etc} var obj2 = {Name: 'parent', child: obj1, childArray: [obj1] ...etc } $("#flowTreeDraggableBackground").flowTree( { flowableObjectTree: obj2 } ); The problem I have is that obj2.child
Adding XML nodes to an XMLDocument with jQuery 1.5
Hi there, I have the following code: $(document).ready(function() { // The DOM (document object model) is constructed // We will initialize and run our plugin here var tmp = [ '<person>', '<name>Richard</name>', '</person>' ].join(''); var xmlDoc = $.parseXML(tmp); var personElement = $(xmlDoc).find('person'); $(personElement).attr('type', 'vip'); // would like to append <age>28</age> to personElement $(personElement).append('<age>28</age>'); alert(xmlDoc.xml); }); On line 17, I would like to be
using jquerry accordion
is there any feature to slide the images in accordion form left to right and right to left with minimum time frame(delay)?
trying to implement two plugins on one page
i've come across an issue in trying to use two different plugins on one page. I'm trying to use the accordian and the lightbox plugins. i've read a few threads and pages, i've come to the conclusion that there are ways to do this. however in this case im wondering if it isn't time to learn a bit more about jquery. the two plugins are taken from tuts that use different versions of jquery, 1.2.3 and 1.2.6 now i know thats old hat and i think i should be trying here to get both working against a cdn
Chrome, 'show', 'clone' (or document fragments) and getComputedStyle
Trying to 'show' a document fragment that is hidden via a stylesheet rule fails in Google Chrome. An example is at: http://jsbin.com/ehano5/8/edit It looks like the offending API call happens at line 5901 of jquery-1.5.js. When calling getComputedStyle, Chrome returns "" for the display property, while FF (correctly?) returns "none". The temporary 'fix' is to append the item to document first. Or am I doing something else wrong? _jason
Continuation-style programming: are there constraints on the fx callbacks?
The documentation on e.g. the fadeIn() method does not specify any constraints on the callback argument. Does that mean that 'anything will work'? Specifically, is recursion allowed? <edited> Note that I'm not asking for empirical proof or suggestions on how to find out. I want to know whether jQuery design has deliberately taken this into account. Yes, I can read the source code. No I don't plan to do so (for now), since I consider it an essential gap in the documentation. </edited> Example
problem with animations and a lot of stop() calls
Hi, here is what I'm trying to do: I have a few div's with prices in them, and a slider with fixed minimum where I can set the maximum price. With that I can filter the divs, so only the div's with prices in the slider range will be displayed. Without animation it would be no problem, just hide() and show(), but I'm trying to do it smooth. vehicles[0] = { id: 1, price: 100 }; vehicles[1] = { id: 2, price: 250 }; vehicles[2] = { id: 3, price: 700 }; vehicles[3] = { id: 4, price: 300 }; ... slide:
Next Page