Search Results

Search found 19971 results on 799 pages for 'jquery plugins'.

Page 51/799 | < Previous Page | 47 48 49 50 51 52 53 54 55 56 57 58  | Next Page >

• How to set jQuery UI toggle programmatically?

  - by bebraw

  I noticed it is possible to set the value of a jQuery UI slider in the following way: $("#mySlider").slider("value", 42); This triggers the event handlers attached to the slider as expected. Now I'm trying to do the same trick using a button (toggle). There does not appear to be a nice way to do this in the API. I might just be missing something simple. I tried the following with no results: $("#myButton").button().click(); Any ideas how to handle that in this case are welcome. Note that it would be awesome to find a solution that applies for a buttonset as well.

  Read the article

• jQuery UI blind effect - reveal from bottom

  - by ronnie burns

  This could be really obvious and I'm completely missing it. I've searched for hours and can't seem to find a way to, using jQuery, reveal a hidden div from the bottom up. What I am trying to achieve is exactly as in the following link, but in reverse: http://jqueryui.com/demos/show/ I can slide a div from the bottom to the top, but this reveals itself as it moves, rather than being 'masked' in. Like I said, this could (should?) be really obvious and I'm not seeing it, but I've been looking for ages and can't find a solution to this relatively simple problem. Thanks, Ronnie

  Read the article

• Having trouble deselecting all jquery tabs

  - by Julian

  I set up some jQuery tabs to start off with no tabs selected like this: $('#tabs').tabs( { selected: -1 } ); Then I also have a separate link that when pressed needs to deselect all the tabs. $("#deselectButton").click(function(){ $('#tabs').tabs( 'select' , -1 ) }); or $("#deselectButton").click(function(){ $('#tabs').tabs( 'selected' , -1 ) }); The deselectButton click does deselect the tabs content, however the tabs title remains active with the class 'ui-tabs-selected ui-state-active'. What is the correct way to deselect all the tabs?

  Read the article

• jquery ui modal dialog problems in IE

  - by JohnM2

  I use jquery ui dialog widget. Everything works fine in FF, Opera etc., except IE. The problem is that when dialog is opened in Internet Explorer, some space (not covered with that "modal gray layer") is added at the bottom of the document, and page is scrolled to the bottom. So I don't even see the dialog, I have to scroll up, to see it fully. Anyone had that problems? Any solutions? EDIT: now I see, that this "bottom space" is also added in FireFox, but it doesn't scroll to it like in IE.

  Read the article

• Thread-safe queue in Javascript or jQuery

  - by at

  I have many asynchronous AJAX calls whose results will get processed. It doesn't matter what order the processing occurs, but the results need to get processed one at a time. So I'd like to simple do my AJAX calls and they all just put their results in a single queue. That queue should then get processed on a single thread. This way the results get processed one at a time as soon as possible. What's the best way to do this? I'm using jQuery, so happy to take advantage of any facilities it provides for this.

  Read the article

• jquery button click not firing asp.net button

  - by lloydphillips

  I've got a .net button that has an href attribute value set to 'javascript:WebForm_DoPostBackWithOptions(new WebForm_PostBackOptions("ctl00$cp1$ucInvoiceSearch$btnSearch", "", true, "", "", false, true))'. I've got a textbox that when I press enter I want it to fire this event. Doing the 'Enter' event isn't an issue but I can't get the event on the href to fire using .click(). Here's my function so far: $("[id*='tbInvNo']").keyup(function(event){ var $btn = $(".pnl-invoice-search"); if(event.keyCode == 13) $btn.click(); }); I've got no idea how to get this to fire. Hope someone can help - jQuery and asp.net are driving me up the wall today! :(

  Read the article

• How to pass jQuery variable with AJAX to PHP page

  - by Walden

  Trying to pass the variable "flickrurl" to a PHP page with jQuery/ajax. It works when using a plain text string and not the variable. Am I assigning the variable properly? see the full code in action here: http://is.gd/c9ytI $trash.droppable({ accept: '#gallery > li', activeClass: 'ui-state-highlight', drop: function(ev, ui) { deleteImage(ui.draggable); //set variable equal to src of image tag in #gallery > li var $flickrurl = $item.find('img').attr("src"); //pass variable to php page $.post("updateDB.php", $flickrurl ); } });

  Read the article

• Dynamically create numbered divs in Javascript + Jquery show/hide

  - by Vafello

  I would like to create numbered divs (such as eventbox1, eventbox2, etc.) in a loop and then have an option to show and hide them. for (i=0; i<8; i++) { var html = '<div id="eventbox"></div>'; content.innerHTML += html; } I have also the following code in Jquery UI: function ShowHide(){ $("#eventbox").animate({"height": "toggle"}, { duration: 1000 }); } <a onclick="ShowHide(); return false;" href="" id="dialog_link">Show/Hide</a> I was wondering how to enable show/hide option of each div in turn.

  Read the article

• How to Change the url of the page when jquery ui tabs is clicked

  - by Aakash Chakravarthy

  Hello, I have jquery tabs list like <ul id="tabsList"> <li><a href="#tab-1">TAB 1</a></li> <li><a href="#tab-2">TAB 2</a></li> <li><a href="#tab-3">TAB 3</a></li> </ul> and contents for it like <div id="tab-1">...</div>, <div id="tab-2">...</div>, <div id="tab-3">...</div> When the tab is clicked, the tab changes correctly. But i want the id of the tabs be in the url. i.e when tab 2 is clicked, the URL should change to http://example.com/index.htm#tab-2 when tab 1 is clicked, the URL should change to http://example.com/index.htm#tab-1 How to do this ?

  Read the article

• How do you handle large repeated UI elements with JQuery

  - by jpoz

  Howdy, Here's the situation: You have a very complex UI element that is repeated in a list. Each has a menu on it, buttons, it hides and shows subelements, buttons for switch it's state, etc, etc. The elements are populated via JSON so you have to construct the elements and the functionality of the fly. What's the best way to accomplish this with JQuery? Where would you save the reusable template for the DOM structure? How would you add the behavior on? $().live? .livequery? onclick? manual after every JSON get? I guess I just see a lot of people doing different things. What's your experience with performance? Any insight would be much appreciated. Thanks, JPoz

  Read the article

• Jquery Auto complete append link at the bottom

  - by Ashwin Preetham Lobo

  I am using jQuery auto-complete plugin in my web project. I want to show 3 element and after that i want to append 'see all results' link to the bottom. I tried with following code. $( ".grid-search-box" ).autocomplete({ minLength: 0, source: temp, focus: function( event, ui ) { $( ".grid-search-box" ).val( ui.item.value ); return false; }, select: function( event, ui ) { $( ".grid-search-box" ).val( ui.item.value ); return false; } }).data( "autocomplete" )._renderItem = function( ul, item ) { return $( "<li></li>" ) .data( "item.autocomplete", item ) .append( "<a><span class='" + item.status + "'></span>" + item.value + "</a>" ) .appendTo( ul ); }; Can anybody suggest me, how to solve it.

  Read the article

• jQuery Date Picker where text input is read only

  - by Rowan Parker

  Hi all, I want to use the Jquery datepicker. I've got it setup using an the alt field option. I'm displaying Y-M-D in the text field, but submitting Y-M-D. Everything works fine so far, sending the correct data, etc. However I want to stop the user from being able to manually type a date. I add originally set the INPUT field to disabled, which worked in every browser except IE. In IE it would popup the date picker but then not close after clicking a date. Does anyone know the best way to do this?

  Read the article

• Jquery Check if Paragraph is empty

  - by Gidiyo

  Hi, I would like to check if my paragraph tag is empty using Jquery. Meaning without content. $(function() { $("#popupdialog").dialog(); }); HTML <div id="popupdialog"> <p></p> </div> Separate Instants. <div id="popupdialog" title="Basic dialog"> <p>This is the default dialog which is useful for displaying information. The dialog window can be moved, resized and closed with the 'x' icon.</p> If the popupdialog is without content. I would like the dialog box to set as autoOpen: false. How should I do it?

  Read the article

• Selecting an element based on class and id in jquery - similar to an SQL query

  - by Ankur

  I want to select an element based on it's class and id, I have seen many similar questions on SO. Most of the users ask why would you ever want to do this - which is not very helpful, trust me, this is the simplest way of solving my UI problem, and it's a very unique and intereting UI related to making generic triple stores easily browsable. At the moment the jQUery looks like this: $(document).ready( function() { $(".predicates").hide(); $(".objects").hide(); $("#subject").click( function() { $("#predId, .predicates").toggle(); // this line } ); $("#predId").click( function() { $("#objId, .objects").toggle(); } ); }); The line I am really interested in is this $("#predId, .predicates").toggle(); how do I get the select to ensure that both #predId and .predicates are true, at the moment it seems that only one or the other has to be true. Is there something like an && operator?

  Read the article

• jQuery Autocomplete fetch and parse data source with custom function, except not

  - by Ben Dauphinee

  So, I am working with the jQuery Autocomplete function, and am trying to write a custom data parser. Not sure what I am doing incorrectly, but it throws an error on trying to call the autocompleteSourceParse function, saying that req is not set. setURL("ajax/clients/ac"); function autocompleteSourceParse(req, add){ var suggestions = []; $.getJSON(getURL()+"/"+req, function(data){ $.each(data, function(i, val){ suggestions.push(val.name); }); add(suggestions); }); return(suggestions); } $("#company").autocomplete({ source: autocompleteSourceParse(req, add), minLength: 2 });

  Read the article

• How to get width of a div in pixels using JQuery (IE)

  - by Casidiablo

  Hello there. At first glance it sounds easy... when using JQuery one can use the .width() method to retrieve the width of an element. The problem comes when the DIV element does not have its size in pixels but in words like 'auto' or 'inherit'. When I do this it works nice in Firefox and Chrome even if the size is specified in words: alert($('#id_div').css('width')); // these two sentences does not It returns something like: 96px. But, IE returns the word 'auto'. I need to know the size it has in pixels because I have to do some calculations with that number... so, I've been wondering how to solve this problem. How can I solve this issue? Thanks for reading.

  Read the article

• jQuery Mobile ScrollView "initialization"

  - by Fabio B.

  I'm using the scrollview experimental feature of jQuery Mobile: <div class="carousel" data-scroll="xp"> ... my position:absolute very large div ... </div> as described here: http://jquerymobile.com/test/experiments/scrollview/ Now I need to change the ".carousel" content dynamically: I make an ajax call in order to retrieve my new scrollview content. The content loads and shows in my div correctly, but it's not scrollable anymore! How can I rebind my "carousel" to its scrolling original behavior? Does a ".scrollview()" function actually exist? Thank you

  Read the article

• How to select a dynamic datepicker instance in order to extend it with jQuery

  - by JaredC

  I'm trying to control positioning of a jQuery datepicker element. I like the solution offered at http://stackoverflow.com/questions/1818670/how-to-control-positioning-of-jqueryui-datepicker for overriding the _checkOffset fn: $.extend(window.DP_jQuery.datepicker,{_checkOffset:function(inst,offset,isFixed){return offset}}); However, this results in a 'window.DP_jQuery is undefined' error. Upon inspection, I can see that the DP_jQuery object in the DOM gets named with a random string, like so: DP_jQuery_123456. If I use this full name in the above code, it works wonderfully. My question is whether there's a way to exend the _checkOffset fn for a datepicker instance without knowing before-hand what the instance name is? For example, can I use some sort of wildcard to select all datepicker instances that begin with 'DP_jQuery_'? Thanks

  Read the article

• jQuery-Ui Ajax Tabs bug?

  - by vsync

  I have a JSON that returns from the server which tabs to build, so I init them in my JS like this: $('#tabs').tabs( 'ajaxOptions', { timeout: 20000, error: function(xhr, status, index, anchor){ console.log( status, index, anchor ); } }) .tabs('add', item.CategoryLink, item.CategoryName); Thing is, when I click a tab, and before it is done loading I click another tab, the previous request is aborted and never called again when I click that first one again! this is very bad, because it obviously didn't fetch the request, so what gives? I tried bypassing this by setting: .tabs({ cache: false }) but this is a bad thing to do, because I don't want to have a request each time again... it should be cachced if response was sent. using jquery-ui 1.8.1

  Read the article

• JQuery-tmpl Template Switching Not working.

  - by Mike

  I'm trying to implement "more/less" functionality using the official jquery-tmpl plugin. I've looked at the examples, but I cannot seem to get the functionality to work in my own implementation. When I click on one of my "More" buttons, I seem to get an error thrown of: Uncaught TypeError: Property 'tmpl' of object #<an Object> is not a function This is my implementation here From what I can tell, the example I'm trying to replace is doing the following: Render the "Master" template On-click: Find the corresponding template object (tmplItem) to the clicked element. Pass in reference to a new template. Call the update function to re-render. Have I understood the documentation wrong? From what I can tell I'm doing the same thing as the example on the official documentation.

  Read the article

• Test if element already has jQuery datepicker

  - by macca1

  I have a form with many input elements. Some are date fields with a jQuery UI datepicker alraedy attached: $("#someElement").mask("9?9/99/9999").datepicker({showOn: 'button', buttonText:'Click here to show calendar', duration: 'fast', buttonImageOnly: true, buttonImage: /images/calicon.gif' }); Then I have a key command bound to this function: function openCalendar() { var selection = document.activeElement; // { Need to test here if datepicker has already been initialized $(selection).datepicker("show"); // } } This works great for elements which already have the datepicker on them. However any other fields will throw a javascript error. I'm wondering the best way to test to see if datepicker has already been initialized on that field.

  Read the article

• jQuery draggable leaving cloned html behind

  - by Alex Crooks

  I am using jQuery UI; Draggable http://jqueryui.com/demos/draggable invoked like this: $(document).ready(function(){ $("#side_bar").sortable({ revert: true }); $(".draggable").draggable({ containment: 'parent', hascroll: true, handle: 'div.box_header', scrollSensitivity: 100, scrollSpeed: 100, axis: 'y', connectToSortable: '#side_bar', helper: 'clone', opacity: 0.35 }); }); You can see the html structure on http://www.sarsclan.co.uk (right side bar area). It seems to create a transparant clone as your dragging, but when you drop it puts the draggable div in the right place, but leaves the original div in it's place and just appends the dom with a clone of that original div in its new place.

  Read the article

• Enable Datepicker only when first field has a value

  - by Syed Abdul Rahman

  Right now, the End Date selection is disabled. I want to only enable this when a Start Date is selected. if( $('#datepicker1').val().length === 0) { $('#datepicker2').datepicker("disable"); } else { $('#datepicker2').datepicker("enable"); } This clearly does not work. If I insert value = 'random date' into my first input field, it works fine. I'm not too sure on how do this. Clearly not as easy as I had hoped. My other problem, or hope, is to disable the dates including and before the first selection. You know, pick Start Date, and every date before and said date for the next picker would be disabled. But that is a whole other problem.

  Read the article

• table cell background color change problem

  - by Mellon

  I work on another guy's code, and I try to change the table cell background color when mouse over the cell, and change back to the original background color when mouse leave. I use the following code: var bgcolor=$(".cell-el").css("background-color") $(".cell-el").hover( function(){ $(this).css("background-color", "#3c3c36")}, //mouse enter, bg-color change function(){ $(this).css("background-color", bgcolor) // mouse leave, bg-color change back }) Things are working fine, EXCEPT that when mouse first time enter the cell, the cell background color is not changed to "#3c3c36", but when mouse leave the cell after first entering and enter in the cell again, the cell's background color changed to "#3c3c36". That's the cell color never change for mouse first enter, after that, everything is working great. What's could be the cause of this problem?

  Read the article

• jQuery validation plugin doens't work for me

  - by Idsa

  I have the following code to enable validation work: $(document).ready(function() { $("#eventForm").validate({ rules: { startDate: "required", startTime: "required", endDate: { required: function (element) { var endTimeValue = $('#endTime').val(); return (endTimeValue != null && endTimeValue != ''); } }, endTime: { required: function (element) { var endDateValue = $('#endDate').val(); return (endDateValue != null && endDateValue != ''); } } }, messages: { startDate: "Please enter event local start date", startTime: "Please enter event local start time" }, errorPlacement: function (error, element) { error.appendTo(element.parent().next()); }, submitHandler: function (form) { var options = { dataType: 'json', success: eventCreationSuccess, error: eventCreationError }; alert('submit'); //$(form).ajaxSubmit(options); } }); }); But validation plugin doesn't catch submit - default submit is executed. jQuery and validation plugin scripts are imported.

  Read the article

< Previous Page | 47 48 49 50 51 52 53 54 55 56 57 58  | Next Page >