JQuery treeVIew expand certain node
Hello, Im building ul li list dynamically on the serverside code. How can I determine which node should be expanded when page is loaded ? Im using plugin: http://bassistance.de/jquery-plugins/jquery-plugin-treeview/ thank You very much for help
functions scope.
if i have a function... function alert_function(){ alert('dave'); } I can call this function from any other javscript code i write... however if i wrap that funciton within a $(document).ready() function alert_function(){ alert('dave'); } }) I can no longer trigger that function from external javascript... how can i make it so that i can still trigger that function from external scripts.. kind regards J
[jQuery][validate] Getting duplicate error messages after plugging in UI and setting classes
Having got my basic validation working I then set about putting it into some nice UI. On either success or failure it always appends to the error message without removing the old message, so it ends up with a string of messages for each of the fields. The validation looks like this: jQuery.validator.setDefaults({ errorClass: "error ui-corner-all ui-state-highlight", success: "valid ui-corner-all ui-icon ui-icon-circle-check", focusCleanup: true }); $(function(){
Any way to do the following scenario
1) I need to update a part of the content. I am sending an ajax request get the part of the content and replace it inside a div. Before setting the html need to enhance that page. Is it possible ? 2) I have a link in a page which calls a java script method ,inside that method I am doing some calculations based on cookie and construct the request parameters. I need to load a url with this parameter .Any options available to do this I tried with $.mobile.changePage({ url: "searchresults.php", type:
ajaxSuccess, but myfuncttion executes first problem
I have a function like: function doWorkForJobCreate() { $.ajax({ url: 'myurl', success: function (data, status, req) { if (!processFKErrorHeader(req.getResponseHeader("fkerror"))) return; doJobs(); } }) } i should use processFKErrorHeader, if parameters exist, authorized etc. and should do for my each ajax to my server(now i have about 50). i want to do this from single point like ajaxSuccess. But the problem is ajaxSuccess execute after my function
Findng all ID in the document
Hi there. I'm new to jQuery. How can I find all #ID in the document and do something with them? In my case - for more coplicated resons my document has mulitple #ID with same name. e.g. $("#TableClass2").removeAttr('id').addClass("TableClass2"); works fine - but with first #ID only. Any suggestions will be much appreciated. Regards,
Using jqTransform with JQuery 1.5.1
Hi, I've been experimenting with jqTransform and had a small sample working just nicely. HOwever, I noticed that the demo came packaged with JQuery 1.2 and as the rest of my project uses JQuery 1.5.1 I want to keep only one version of the library in the project. On trying to use the jqTransform demo with the latest version of JQuery it fails. Here's the conde snippets I have: selected.js $(document).ready(function(){ $(function(){ $('form').jqTransform({imgPath:
Image gallery with fix logo
Hi all, I have seen many plugins that create a slideshow, but I can't modify them for what I need. I would need to have over the slideshow a fix image that is a logo, and under the Images with fade effects (slide show). How I can do this? Thanks!
Slide up, replace contents, then slide back down
I'm trying to do a flashy slide up, then use $.post() to load new information into the element, then slide it back down. The problem I'm having is actually twofold. Here's my code: $('a.comments-link').unbind('click').click(function(e) { var $s = $(this); e.preventDefault(); $s.parent().parent().slideUp("slow", function() { $.post('ajaxtest.php', function(data) { $s.parent().html(data); }); }); $s.parent().parent().slideDown("slow"); }); First, if I put the slideDown
keep the focus on all emelemnt containing the tabindex attribute?
hi there, i want to keep the focus on every element which has the tabindex attribute, avoiding to submit the focus to the adress-bar of the browser window aso... that means i'm trying to achive some kind of loop-through-functionality, when i'm pressing the tab key i want to step throup all elements containing the tabindex-attr, the last element should submit its focus to the first tabindex-element... any hints, ideas? i'm using the google hotkey-plugin (http://code.google.com/p/svg-edit/source/browse/trunk/editor/js-hotkeys/jquery.hotkeys.min.js?r=1201)
I cannot seem to get this simple accordion working...
Hi there, I'm trying to get a simple accordion working but cannot seem to crack it, simple as the tutorial seems to be. For some reason the accordion just doesn't display despite js being enabled on my browser (chrome 10). http://test-psi-alpha.appspot.com/jquery Any clues as to what may be going wrong would be hugely appreciated as I've spent a couple of days trying to get this working. Cheers, Aaron
what is the purpose of isPageTransitioning and pageTransitionQueue?
Hi, I'm just wondering what is the purpose of these two variables - what is it that it is meant to achieve? am working on some plugins for jQm and have some problems with these - would like to know what they are for so i can determine how to work around them. Thanks!
Binding events in WebView on Andriod 2.2 (Froyo)
I'm not able to bind tap and swipe events to in my App using a WebView (ChromeWebViewer) with a simple sample code that works fine in the browser. Any ideas? <!DOCTYPE html> <html> <head> <title>jQuery Mobile Events</title> <link rel="stylesheet" href="http://code.jquery.com/mobile/1.0a3/jquery.mobile-1.0a3.min.css" /> <script src="http://code.jquery.com/jquery-1.5.min.js"></script> <script src="http://code.jquery.com/mobile/1.0a3/jquery.mobile-1.0a3.min.js"></script> <script type="text/javascript">
Fixed: http://tablesorter.com/ query
I am using the http://tablesorter.com/ plugin to sort data in a table. This is a simple page: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head profile="http://gmpg.org/xfn/11"> <meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1" /> <script type="text/javascript" src="http://tablesorter.com/jquery-latest.js"></script> <script type="text/javascript" src="http://tablesorter.com/jquery.tablesorter.js"></script>
issue with select menu when iam getting options dynamically in alpha 3
Hi, iam using pure alpha 3 version,In my application, iam getting selectmenu options dynamically from json. when i click at first time,my select menu is not populating its options..but,it is working when i click Back button and move to prev page and again come to same page and if i click selectmenu its populating its data. can i know why the selectmenu is not populating its data at first click? Thanks, Dileep
Allowing icons on Dialog buttons
Hi. I read a request on the track on having icons on dialog's buttons. http://bugs.jqueryui.com/ticket/6830#comment:7 You'll find in the last comment a way to achieve this. Best regards. Damien.
Listview moving itself to bottom of viewport
Hi, I'm making a mobile site with a listview at the bottom of each page for a menu. If the page is larger than the viewport, it'll look fine when first viewing it, but if you press one of the buttons to go to another page, then hit back, the listview items randomly move to the bottom of the viewport if it were showing the top of the page. Here's an example here: https://skitch.com/tominated/raf1y/jq-mobile-issue. It happens no matter what I do. I tried it without my own css and it still does the
Draggable does not work when I have a canvas element with a z-index
I have the following html: <div id="MainCanvas"> <canvas id="CanvasOverlay" width="500" height="500"></canvas> <div id="KntxStage"> <div class="elementBorder ui-draggable ui-resizable" style="position: absolute; top: 0px; left: 0px; width: 38px; height: 39px;"> </div> </div> </div> My CSS is: #CanvasOverlay { position: absolute; top: 0px; left: 0px; width: 100%; height:100%; z-index:50; } .elementBorder { width:20px; /* border-width:
jQuery Mobile Notifications ?
Hi, I'm still new to jQuery and jQuery Mobile but i would like to know if notifications are available in jQuery Mobile like there are plugins in jQuery. I know there are dialogs but i prefer a kind of notification similar to the "loading" part... Another question is, that i read somewhere that if a page is not found after pressing on a link, some kind of warning after the loading should appear. Is that an internal kind of warning or ?
Coin Slider Navigation Boxes
When using Coin Slider is there a way to move the small navigation boxes so they are above the gallery instead of under it? Thanks! -B
event for non selectable dates in datepicker?
Does the datepicker fire any events when the user clicks on a non selectable date? I'd like to use the min/max data range function, but would like an alert box with a "no data" message to open when a non selectable date is selected.
Showing a random list element depending on it's attribute's value
Hi guys! I have a page which contains an <ul> list with 5 items. Each of those items has a data-weight attribute which corresponds to its importance in the list. I have to make only one random list item appear and use the weight to make sure that the most important one shows up more often than the least important item. Does anybody has any idea? Thanks in advance!
Syntax Error Help
Hello, I keep getting the error message below using IE8 browser. I tried fixing and researching all week with no luck. Any help is much appreciated? Error: Message: Exception thrown and not caught Line: 3291 Char: 2 Code: 0 URI: http://stoodo.com/components/com_community/assets/joms.jquery.js Line # 3291 error is the second line below ("Syntax error, unrecognized expression: " + msg;) Sizzle.error = function( msg ) { throw "Syntax error, unrecognized expression: " + msg;
Problem with variable containing html from json call
Greetings, I have a slight problem when trying to select the href element of an a tag, in html contained in a variable. The variable contains html returned from a json call. <script type="text/javascript">// <![CDATA[ $(document).ready(function() { $.getJSON("http://www.xxxxxx.dk/admin/admin?func=searchViaAjax", { thingId: "Y_3cB3qZ4rFgfPKlOk8wiw", }, handleJson ); function handleJson(data) { var array = data.searchResult_loop; var fieldsMessage = ''; var fieldsData = ''; var
Id and class selector at once
Hi, I am trying to make a sliding panel if you click a button, the only problem is that there are more of this panels on the page. I can make the first one open, but I cant make the one opening wich has the id=id... The alert writes out the correct value, and its in the code only for debugging purposes. The line after that is where the problem is... in my opinion. <script type="text/javascript"> $(document).ready(function(){ $(".btn-slide").click(function(){ var id = $(this).attr("id"); alert(id);
XML List Items
I'm having a little trouble following this tutorial and wondered if anyone can help? http://think2loud.com/using-jquery-and-xml-to-populate-a-drop-down-box/ Basically, he's creating drop down lists, but each item (even though its a subset) is organized on the same tree level of the tree. <option> Parent <option> Child 1 <option> Child 2 ... instead of <optgroup> Parent <option> Child 1 <option> Child 2 </optgroup> .... I'm trying to do something similar with <ul><li> elements, but the
DatePicker
Hello, I want to know if it's possible to add a text in the date cell (a different text for each cell) and how ? THX
select subset of div where div contains element with particular class
Hi, I have a series of divs which I select on class $('.myClass').... Is it possible to further filter this if the div contains an element of another class so for instance, divs below with input having class="someOtherClass" would be selected and divs with class="someExcludedClass" would be excluded? <div class="myClass"> <input type="text" class="someOtherClass" /> </div> <div class="myClass"> <input type="text" class="someExcludedClass" /> </div> thanks Matt
March 2011: Multi-touch / Pinch State-of-the-Union
This is an inquiry, not a statement. From jQuery Mobile team or other in-the-know.. will there or can there be support for pinch / multi-touch? I've seen scant discussion on it. Moto Droid, HTC and Nexus One devices natively support it very well. My (small number of) jQM apps don't. Removing "initial-scale=1.0, user-scalable=no" from viewport doesn't change anything :-) A lot's happened since 2010, any news? Libby
Can't type spaces in a text input
I have one text input field in which, for some reason, I can't type spaces. Other characters are fine, but spaces are rejected. Text inputs in other very similar forms are working fine, I can't figure out what's wrong with this one. The problem line: <input type="text" name="brand" id="brand0" value=" " class="ui-input-text ui-body-null ui-corner-all ui-shadow-inset ui-body-c"> The problem form: <form action="shopping.php" method="post"> <input type="hidden" name="pk_item_store" value="0"> <input
Need help populating dynamically created input element values using datepicker
I have a table with a column of each row containing a datepicker. I can get past the issue with the datepicker pointing to the correct input/row. However, when I add the image button to the datepicker, I either get 2 buttons, with one pointing back to the first row or I get a button that is missing half the image. Weird. Here is the code that I have: <html> <head> <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.3/jquery.min.js" type="text/javascript"></script> <script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.6/jquery-ui.min.js"
Using datepicker on fields generated by javascript
I'm writing a page where I'd like to generate a bunch of fields using javascript and then make them usable by datepicker. The problem I'm running into is that when I first click on one of the javascript generated fields, datepicker doesn't load. However, if I click on a second instance of that same field name, then datepicker will load properly. My guess is that I'm just defining the function incorrectly for these events. A stripped down example can be found here. Thanks in advance! Michael
Alpha 3 - Swipe on Collapsibles
I am using Alpha 3. When I try to swipe over a collapsible header group to move them up or down, the swipe doesn't work and the collapsible expands instead. Is this a bug in Alpha 3? (In my testing, this occurs on Android, iPhone, and iPad) Thanks, much appreciated!
Pass 'this' element into dialog
When the user clicks "Continue" on this dialog, how can I get it to complete the rest of the function in the click event? I realize it needs to be moved into the function for the continue button, but how do I do that and retain "this" in the click event? $("#confirm").dialog({ autoOpen: false, modal: true, width: 400, title: 'Are You Sure?', overlay: { opacity: 0.5, background: "black" }, buttons: [
jQuery Autocomplete
Hello all, I'm working on an estimating app that uses the jQuery autocomplete function. The app allows the end user to add a row to the estimate. The end user can enter an item name and get a response from the autocomplete and select the item. My problem is that when the user adds a row and tries to use the autocomplete function for the next line item it fails. Which makes since because now that the user has added another row there are two (#selectors) with the same name. Is there a way to make
Problem with Nivo Slider gallery
Hi, I have a problem with image gallery. It loads every picture before the true presentation begins. Is it because of too large image size (all of them are between 70-100 KB) or can I use certain functions to hide it from users ( the process of loading pictures) so they would only see once it begins. My site is under this link http://www.pebedesign.pl/portfolio.html Many thanks for help Piotr
Image inside a input type="image" isn't render
Hey, Why I can't see the image inside a input type="image" when this kind of buttons are render?, this is my input: <input type="image" style="width: 150px;" title="" alt="" src="/misc/phpThumb/phpThumb.php?src=http://farm2.static.flickr.com/1279/5182967962_f2ebd59919_o.jpg&w=50&h=50&zc=2" data-role="button" data-theme="d" /> jQuery Mobile doesn't support those kind of elements? another question, how can I disable jQuery Mobile to not apply input classes to some input elements, like
How to speed up page rendering?
I'm hoping more experienced hands will spot the problems easily and be able to help us out: It takes a very long moment to load this page -- on slow connections, the rendering will seem to hang up on the tabbed box near the center. Yes, the page uses a bunch of plugins: Zentabs, Cookie, HoverIntent, Corner, a dropdown menu and an accordion menu plus some of the jQuery UI. One puzzling oddity is that it seems we have to load the jQuery library twice--in the source you can see two lines calling jquery/1.5.0/jquery.min.js
making my own drag and drop effect.
Hi, I am trying to make my own drag and drop effect using just jquery and not jquery.ui here is the code I have so far: var x_pos; var y_pos; $(document).mousemove(function(rp){ x_pos = rp.pageX; y_pos = rp.pageY; }); $("*").mousedown(function(ramskin){ var taz = [id:of element_this line isn't posted...in script it's coded to grab element id that been clicked]; if(ramskin.which == '1'){ $(document).mousemove(function(){ $(taz).css({ \"left\": x_pos, \"top\": y_pos }); $(\"*\").click(function(){
jquery-ui autocomplete
I have a series of autocomplete fields in a form. Each one has a unique name and id. I would like to add a drop down button next to the input field, that would initiate the auto-complete to display all of the available options. I don't want to use a combo box, as I want the use to be able to enter in a new option that isn't in the list. Can someone explain how to do this. Thank you.
Next Page