Intellisense not working in Visual Studio 2010 for jQuery widget when base is specified
I have problems with getting the intellisense fully work for my jQuery widgets in Visual Studio 2010. For a widget the intellisense works fine when no base is specified. But when I do specify a base the intellisense stops working :-( In the following code intellisense works: /// <reference path="/jQuery/jquery-1.8.3.js" /> (function ($) { /// <param name="$" type="jQuery">Pass jQuery</param> $.widget("space.baseWidget", { _create: function () {
Why has my YouTube jQuery stopped working?
I've got a "YouTube" tab on my page; this jQuery worked previously ("searchTerm" is a val entered by a user; if empty, it has a valid default value ("jquery")): var urlYouTube = "http://gdata.youtube.com/feeds/api/videos?vq=" + searchTerm + "&max-results=42&orderby=published&alt=json"; $.getJSON(urlYouTube, function (data) { // Loop through each feed entry $.each(data.feed.entry, function (i, item) { // Get the URL for the
Dialog forms wont exist on same page
Im trying to put multiple dialog boxes on the same page, i have them set up pretty much the same using the same script given by jquery UI. Before i added the second button it worked perfectly but now that i added the second it doesnt work (first still works, second doesnt) I tried making the second dialog autoOpen: true to make sure it was loading the dialog but that made the 1st dialog auto open instead of the second which is really weird. ive changed all of the variable and id names for the second
How can I make my iframe take all of the available space?
I've got this iframe sitting inside a tab: <iframe style="min-height: 100%;min-width: 100%" src="http://www.bigsurgarrapata.com"></iframe> ...which works pretty well in completely filling the iframe; HOWEVER, there are a few pixels at the top that pee[k,p] through. What do I need to do to move the contents up those few pixels to completely fill the area?
How to append a draggable element into a droppable
Hey i am trying append a droppable element in div,but when i append the element/div the position is getting changed so i want drop a element in div and the position sholud be relative to droppable div and here is the code $(".draggable").draggable(); $(".droppable").droppable({ drop : function(event, ui) { var clone = $(ui.helper).clone(); var prevelement = $(ui.helper).prev(); var drop = $(this).prop('id'); alert('id '+drop) var drag = $('#drag').position(); c_top = 0; //drop.top - drag.top; c_left
how to retrieve the date from inline datepicker
Hey guys, I've just started messing up with jQueryUI and already stumbled upon a tricky situation... So here's the thing: i plan to use datepicker to retrieve information from a MySQL table, where the date is the Primary Key... BUT from what I've seen in the API, datepicker can only populate an alternate field if called as an input field itself (wich I don't want, i must have it inline so users don't mess up with the text field, they can only select the date in the calendar and that's all) So...
Can't select input field inside <li> that is in connected lists (in mozilla)
Hi, I am developing a web store and I use connected lists with which users can drag wanted products in a shopping cart. I also have spinner boxes (input type="number") inside those <li> with which users can order more than one of each. When I am in Chrome, everything is working flawlessly. When I use mozilla (i know that type="number" is not yet implemented, so it switches to type="text") I can't select that text field. Same happens when I put a normal type="text" field - can't select it in mozilla.
Spinner buttons does not work
Hi! This is my first time using Spinner widget using jQuery v1.9.1 and jQuery UI - v1.10.3. I am using it into a table, where I have two spinners by row that have a css class named 'porcentaje_spinner'. To configure all spinners I use the following code: $( ".porcentaje_spinner" ).spinner({ min: 0, max: 100, numberFormat: "n" });When I open the web page on browser (Chrome, Firefox and IE10), spinner get configured, up and down arrow buttons show correctly. The problem
Sortable toleranceElement usage in 1.10.3
Hello, i was succesfully using (undocumented) toleranceElement option of sortable for nested lists to prevent flickering. But it seems that in 1.10.3 this stop working, if I try to inicialize sortable with this option, it breaks JS of my page. Any ideas?
Autocomplete is returning case sensitive results when using a remote source.
Autocomplete is returning case sensitive results when using a remote source. My remote source will return a JSON response that is case insensitive. For example: 'cap', 'Cap', 'CAp', 'CAP' all return the exact same response -> ["Cape Girardeau","East Cape Girardeau"]. However, the selection list only shows when "Cap" is type into the input area. Typing in "cap" does not show results. I have tried setting "matchCase" to false with no success. Any suggestion on how to make Autocomplete case insensitive
change order of revert and drop execution
I am trying to change the order because it looks a little awkward for what I need to do. I can make my own revert function, but I wasn't sure if there was something built in. I would like it to fade out then revert to its position. is this possible? what I have so far: http://jsfiddle.net/TQ7Z2/
I have a problem in this line. I can't get the data. How to solve this problem?
<div id="errormsg" ctype="dialog" data='{"title":"Error Message","dialogClass":"ui-secondary ui-dialog-notifier","autoOpen":false,"buttons": {"Ok":function(){ $(this).dialog(); }} }'>
jquery mobile header issue
I have a issue with my jquery mobile header. I include 2 photo link. https://www.dropbox.com/s/7sb24il6ygj5cfn/2.png https://www.dropbox.com/s/xmy0njl49z1gab7/3.png Image 1: I tap in the textarea and de app slide down and the keyboard pops up. So far so good. Image 2: If I'm done typing I hit the button 'verstuur' (dutch for send) then the keyboard disappears and my header is moving to the middle. i have this line of code for my header <div data-role="header" data-position="fixed" data-tap-toggle="false">
jquery ui ajax tab using aria-control instead of url
In jquery-ui 1.10.3 the url method had been replaced with aria-control method. I can't work out how to use it. I am trying to load data from a file called action.php action.php file sends the message "Contents from the server" I need to place it in the first of three tabs. It does not work. I get the following message displayed on the chrome console Uncaught Error: no such method 'aria-controls' for tabs widget instance I have the following code: <div id="tabs" class="ui-tabs ui-widget ui-widget-content
Why are my tab contents not refreshing?
I have a page with several tabs on it. When the user enters a value in a text input and then mashes a button, I want to replace the contents on a particular tab. I have this code (some of the details are elided to show just the pertinent parts/explain what I'm doing). It works great the first time - the tab loads just fine; *subsequent* clicks of the button (after changing the text input value) has no effect, though. Why not? What must I do to force the tab to "refresh"? Something equivalent, perhaps,
Tab Index in 1.10.3
After upgrading to Jquery 1.9.1 and Jquery UI 1.10.3, I am having hard time getting the index of the tab, which was perfectly working with older version ( Jquery 1.6.1 and Jquery UI 1.8). Can someone please let me know why I am not getting the tab index ? Here is my code snippet : $('#issueLevelTabs').tabs({ beforeActivate: function(event, ui){ alert(ui.newTab.index) }, active: 2 });
drag and drop on divs using border radius
I am making divs look like circles using border radius, however, I think jQuery thinks they are still square, I got around most of the bugs using simple trig to calculate where the drop is, however for things like hoverClass I am not sure how to get around this. The only thing I can think of is to use SVG graphics instead of divs. any ideas?
jQuery UI Accordion - How to move active accordion panel to top?
Not sure if this is possible or if it's even a good idea, but here's what I'm trying to do. First off the site in question can be found here... http://test.engen-tech.com/outdoor-led-lights/ The page is using a jQuery UI accordion which I've customized to fit the look I'm going for. So far I'm very happy with it. The only thing I've been thinking lately is it would be cool if whichever accordion panel was open or 'active' moved to the top of the list. So for instance, if you clicked on the 'Decorative
Is it possible to switch from draggable to sortable and back?
here's what I've got: I want to be able to drag items that were once apart of a sortable list. so far, I've been able to accomplish all interactions and gotten them all to work with the code I'm using. function sortable(elem){ if (elem.checked == true ){ make_not_draggable(); $( "#sortable" ).sortable( "option", "disabled", false ); }else{ $( "#sortable" ).sortable( "option", "disabled", true ); make_draggable(); } } function make_draggable(){ $("#sortable").find('li').draggable({
ui tabs youtube embed on iOS mobile
Scenario: JQuery UI Tabs - one of which has YouTube embed iframe code Works fine on all browsers In iOS mobile (iPhone/ iPad) the tab works but am not able to click on the YouTube - nothing happens NOTE - this only happens if video is placed in 2nd or subsequent tabs. If embed is in the first tab then it works fine in iOS devices Am using this version: http://ajax.googleapis.com/ajax/libs/jqueryui/1.7.2/jquery-ui.min.js Any suggestions? Thanks in advance
Hover in opens accordion, Hover out closes it? How to?
Hello Using accordion, I want to open it (only one section) when I hover over the header and close it when I leave the header with my mouse. Ive been able to get it to work 50% but when I hover my mouse over the header if it is open, it closes. If it is closed, it opens. I only want it to open when I hover and automatically close when I stop hovering. Here is code I have: <!doctype html> <html lang="en"> <head> <meta charset="utf-8" /> <title>jQuery UI Accordion - Open on hoverintent</title> <link
jquery ui Drag & Drop
Hi, Please see the below demo link http://demo.aarnasystems.net/Developmentphp/wishpiks/home/slider when i drag image from the slider. My image is locked between div. I want that image should be absolute position. when i use Jquery ui drag and drop its use relative position. i am draging images properly but let me to free that drag image to anywhere using absolute postion. Thanks in Advance.
I want all "accordion widget" closed
Hi guys, i want to do something in my web page. I want all "accordion widget" closed when my web page is opening. The accordion is starting "open" but i want it "closed" How can i do this? Pleas help me..
Looking for a component akin to a simple mind map
I've jQuery just a few times and am hoping there's a component which functions as you can see in the screenshots below - click the '+' to expand the sub-topics, click '-' to collapse them, etc. Can anyone point me to such a component, please; or is there some plain HTML and CSS solution I could use? I've looked at these possibilities but they seem over-engineered for my simple needs: http://philogb.github.io/jit/demos.html http://jsplumbtoolkit.com/jquery/demo.html http://kenneth.kufluk.com/google/js-mindmap/
nested draggable not working anymore in 1.10.3 ?
Hi it seems I can't make a draggable inside another draggable, this was possible in 1.10.1 have a look at this fiddle http://jsfiddle.net/HztHj/ dragging the red little square correctly rotates the large green square in 1.10.1, while linking 1.10.2 and 1.10.3 it only drags everything but not rotate...is it a bug or am I missing something?
replacing content
070809101112131415161718192021 : 000510152025303540455055 I have the above. What I need, is if you click on the first radio, 2,3,4 are replaced with a select box with the same index id (a incremental number added to the text and radio boxes. everytime one is added it is called with a new index). And a reset button to put the original radio buttons back. There will be a few rows of these each with a different id, eg hours1,mins1,clintype1 (x4) & clinstatus1 (x2) hours2,mins2,clintype2 (x4)
How to make the content of a table cell selectable in horizontal way ?
I have sample table it contains 2 rows . i have to make the selection horizontal way . first i select the first row cells. next time i am trying to select the second row cells. table id="selectable"> <tr id="selectable2"> <td class="ui-widget-content">Item 1</td> <td class="ui-widget-content">Item 2</td> <td class="ui-widget-content">Item 3</td> <td class="ui-widget-content">Item 4</td> <td class="ui-widget-content">Item 5</td> <td class="ui-widget-content">Item 6</td> <td class="ui-widget-content">Item
Assign/Initialize dragging on dynamic element at the same time
I am creating a table that allows the user to **drag** cells into a new location. It works like this: I clone the element on mousedown, append it, make it draggable, and position it exactly over the original element (mouse is still down at this point). After that happens, I want the user to be able to start dragging the cloned item right away. Currently, the item can only be dragged once the user releases the mouse and mouses down on it again. How do I streamline the process? As soon as the element
I want to call different variables on availableTags like this:
var availableTags = [ "ActionScript", "AppleScript", "Asp", "BASIC", "C", "C++", "Clojure", "COBOL", "ColdFusion", "Erlang", "Fortran", "Groovy", "Haskell", "Java", "JavaScript", "Lisp", "Perl", "PHP", "Python", "Ruby", "Scala", "Scheme"
[Dialog] How can I use a timout to close the dialog
Dear All, I am usinf jQueryUI in order to have a dialog. But I am suprise to not see an option to auto close the dialog after a desired time Here are the option: http://api.jqueryui.com/dialog/ I saw the option hide(), but I could not get it. Could you help me? Cheers
draggable only with 45 angle
i want to drag a div with only 45 angle is it possible?
Can you disable the slider keyboard events?
I've put a slider on a page. This page uses the right and left arrow keys for a predefined function. When sliding, the handle is left selected, so when right or left are pressed, the slider moves as well. I've tried using preventDefault() and blurring the handle, but neither work.
Issues with accordion in Internet Explorer 10
I am using jQuery accordion for some sections of my website and recently upgraded my browser to IE 10 and started noticing a weird issue with accordions while they collapse. Please see the attachments when its expanded and collapsed. These lines disappear when we click on that area. Any help would be appreciated. Regards, -SK
Dragging Multiple Table Rows and Reordering Table
I am new to JQuery and UI. I have a requirement to allow the selection of multiple table rows and the ability to drag and drop them to a different part of the same table. Upon which, the date fields are automatically recalculated. I picked up JQuery rather quickly and have written the recalculation features. Now I must tackle the drag/drop functionality. I've found countless examples using any combination of the following: Draggable, Droppable, Sortable, Selectable. Sortable seems to incorporate
The Internet Explorer progress bar continues to increase when an attached behavior is dynamically inserted in a page
I'm having this problem: http://support.microsoft.com/kb/320731/en-us when i use this code: jQuery("button, input[type=button],input[type=submit]").button(); It's the document ready code.
JqueryUI Slider disable dragging and allow click on ui-slider
My purpose is: Allow user click on slider and ui-handle will jump to that point and i can get value at that point, but do not allow user dragging the ui-handle. In my code below, i trying to return false at slide function of slider to prevent user drag but i can not click on slider, second method that i use is set disabled to true and then i can not do anything on slider. Please give me some suggestion. Thanks in advance ! $('.bar_blue', slide).slider({ step: 0.001, max: 100,
De-serialize a sortable
Hi, anyone know an easy way to deserialize a jQuery sortable? I have serialized a set of div's using sortable's toArray and serialize methods, and now (on page load) need to re-sort the div's according to this array. ~gilbert
submit an image by ajax
Another question for you ... Here there is the code complete: http://jsfiddle.net/LQN43/1/ I need to submit some data by ajax to a file php ... all so ok for the text bu not for the image ... i have this code HTML <label>Name:<label><input class="name" /><br> <label>Surname:<label><input class="surname" /><br> <input type="file" class="selectImage" id="selectedImageFile" /><br> <div style="border:1px solid; width:100px; height:100px"> <img id="uploadPreview" style="width:100%"/> </div> JQUERY
jQuery Autocomplete won't work with integers?
Here's the JSON I'm getting from the PHP and mySQL code: [{"label":"1001","value":"1001"},{"label":"1002","value":"1002"}, {"label":"1003","value":"1003"},{"label":"1004","value":"1004"}] It doesn't autocomplete or send JSON when typing "1", "10", or "3", but it will when typing "a", "t", "o" or "q" Anyone have suggestions on this? I tried casting to a string, no luck. Thanks
Getting A JQuery Dialog To Automatically Change Size To Fit A Message
I am trying to use a jQuery dialog box to replace the standard confirm() as much as is possible. I'm almost there, but I would like to reuse the code below throughout my web app and for that I need the jQuery dialog box to change its size to fit the message. When I've tried setting height:auto or width:auto, the dialog disappears, showing only the message ( or maybe it is the dialog box taking over the whole screen ). I tried this in combination with setting maxWidth and maxHeight to no avail. This
Next Page