an onclick event to show JQ ui dialog from a jqTree widget
I have the jqTree plugin and I would like for a user to be able to click on a node and have a jquery ui dialog box open with more info. I have tried out each widget and I can get each to work but I can't figure out how to put them together. I know when I run the jqTree that when the mouse cursor is over a node it changes to a hand with pointing finger. It must be designed to be clickable i just can't figure where to code so it will open the dialog box. Here is my code: <!DOCTYPE html PUBLIC "-//W3C//DTD
Contain Dialog Windows to a Div
I'm working with code to open multiple dialogs in a cascading fashion in a desktop type environment. The issue is keeping the dialogs from opening outside the container "#desktop" div. After about 10 or so dialogs have opened, they continue to cascade outside of the #desktop div that I want to be the container. I have tried the containment option, using positioning option with at: and within: with no luck. I can set the draggable option div to #desktop and it stays in the div correctly as soon as
Why I see my window on all tabs in Tabbed panel while I expect it only on one? jQuery code inside.
<!doctype html> <html lang="us"> <head> <meta charset="utf-8"> <title>jQuery UI Example Page</title> <link href="css/ui-lightness/jquery-ui-1.10.2.custom.css" rel="stylesheet"> <style type="text/css"> #tabs {height:600px; width: 1200px;} body { font-size: 62.5%; } input.text { margin-bottom:12px; width:95%; padding: .4em; } fieldset { padding:0; border:0; margin-top:25px; } </style> <script src="js/jquery-1.9.1.js" type="text/javascript"></script> <script src="js/jquery-ui-1.10.2.custom.js"
What is the best jQuery based window plug-in you have ever used?
I tried a couple of jQuery based window plug-ins but unfortunately was not satisfied with any of them. Here's what I tried: http://hernan.amiune.com/labs/jQuery-Windows-Engine-Plugin/jQuery-Windows-Engine-Plugin.html http://fstoke.me/jquery/window/ http://www.soyos.net/aerowindow-jquery.html http://carvalhar.com/componente/jQueryDialogr/index.html I need following features without any compromises: Maximize, minimize (to a reasonable location such as bottom-left corner of the visible page, not in
What's the purpose by using like this "dialog('widget')"?
Is there any other way using without this? And also can I use this in jQuery 1.9.1
Two instances of one iner one Tabs on one page
Dear All, I have the need for two separate one iner one tabs on one page, any ideas how I can do this? please check below code JS <script type="text/javascript">//<![CDATA[ window.addEvent('load', function() { $("#simple-tabs .tab_content").hide(); //Hide all content $("#simple-tabs ul.tabs li:first").addClass("active").show(); //Activate first tab $("#simple-tabs .tab_content:first").show(); //Show first tab content //On Click Event $("#simple-tabs ul.tabs li").click(function(e) { $("#simple-tabs
JQueryUI Range Slider with scrollbar feature
Hi, I would like to combine the features from the scrollbar version and the range version of the JQueryUI slider. http://jqueryui.com/slider/#range http://jqueryui.com/slider/#side-scroll So can I create a range slider (so it has two handles that adjust the range) but add a click handler to the space in between the handles that causes a dragging action? I'd like clicking and dragging the space between the handles to move both handles relative to the dragging. Currently, clicking between the handles
SharePoint with jQuery Help Needed
The following jQuery works great in SharePoint 2007 with a Content Editor Web Part. It makes the icons bigger on one site as they use the document library on touch screens on a factory floor. After upgrading to 2010, the folder icon still works, the PDF icon does not. The files are in place. I can go to the path manually and bring up the icon image. Not sure what changed to stop it from working. <script src="/usm/Dandridge/Application%20Files/jquery.min.js" type="text/javascript"></script> <script
Jquery UI Modal Dialog "x" button has no link?
I have an MVC 4 application and am attempting to use UI Modal Dialog... Using the code from the Jquery Modal example for Modal Message, I copied the contents into my main layout form to test... The dialog comes up as expected, however the "close" button "x" in the upper right corner is not linked to a close event... It does close if I carefully move the mouse to the "outer" edge of the "x" image button, but when the mouse is directly over the "x" image itself it is NOT a pointer, nor will it close.
about fixing of footer
hi everyone .. i have a problem ..i have a html page index.html and i`m using header and footer on that page... but problem is i`m using list view then sub list view... when i`m click the sub list my footer is not visible ... plz help me.. how can i resolve it? Thanx
how to move a Dropped object using jquery?
I am designing an web application where I need to move the dropped object also.but once i drop an object it becomes fixed in the position where it is dropped.my codes for dropping the object are as follows: $( "#droppable" ).droppable({ drop: function( event, ui ) { document.getElementById('droppable').innerHTML = "test"; $("#droppable").css('background-image', 'url(' + $(ui.draggable).attr("src") + ')'); }
Sortable Table In Dialog
I have a dialog that opens and inserts a sortable table from mySQL It works fine....however whenever I click on a sortable key it opens up in a new page. is there any way to keep it in the dialog? Any help would be greatly appreciated....thank you 4
CSS JQueryUI vs. JQM
Hello: I have a page that uses stylesheets from JQueryUI CSS (from 1.10.2 Smoothness), JQuery Mobile (1.3.0), and a local stylesheet in the order shown: <link rel="stylesheet" href="jquery-ui-1.10.2.custom/css/smoothness/jquery-ui-1.10.2.custom.min.css" /> <link rel="stylesheet" href="js/jquery.mobile-1.3.0/jquery.mobile-1.3.0.min.css" /> <link rel="stylesheet" href="stylesheets/mobilebudburst.css" /> I have a submit button on the page that is given a data role of button in JQM as shown: <div style="margin:0
How can I add a parameter to an autocomplete with jQueryUI
Dear All, I am trying to use two autocomplte following this exemple http://af-design.com/blog/2010/05/12/using-jquery-uis-autocomplete-to-populate-a-form/ First I am extract data to have the Brand of cars (this works) // Autocomplete marque var ac_marques = { source: 'http://www.website.com/manager/templates/name/xmlhttprequest/autocomplete-marques.php', minLength: 1, select:function(event, ui){ $("#h_marque").val(ui.item.id); // That hidden field wil contain
Themeroller roll your own
Hi I have 'rolled my own' theme and on returning to Themeroller by pasting the url, I find that the Download button does not work. What I am I missing? UPDATE: As a work around I tried to Edit an existing theme. After some time the Download button was disabled. I pasted my original URL back in, reloaded the page and right-clicked on the Download button. I could then open the link (ie the download builder page) in a new tab. That enabled me to complete the download.
i want to "include" a page when i select "jQuery UI radio button".
How to get radiobutton variable into php ? <div id="radioset"> <input type="radio" id="radio1" name="radio"><label for="radio1">Choice 1</label> <input type="radio" id="radio2" name="radio" checked="checked"><label for="radio2">Choice 2</label> <input type="radio" id="radio3" name="radio"><label for="radio3">Choice 3</label> </div> <?php // if (radio == Choice 1){ // include ("file1.php"); // } // elseif (radio == Choice 2){ // include ("file2.php");
How to Enable And Disable jQuery Tab in RunTime In ASP.NET
I want disable and enable jQueryUI tabs based on the AJAX content. <script> $(function () { $("#tabs").tabs({ disabled: [1, 2,3], collapsible: true, fx: [{ opacity: 'toggle', duration: 'slow', height: 'toggle' }, { opacity: 'toggle', duration: 'slow', height: 'toggle' } ], beforeLoad: function (event, ui) { ui.jqXHR.error(function () { ui.panel.html( "Couldn't load this tab. We'll try to fix this as soon as possible. "; }); } }); }); </script> And HTML Code: <div id="tabs"> <ul> <li
how to clone and drag an icon using jquery?
$( ".selector" ).draggable({ helper: "clone" }); // getter var helper = $( ".selector" ).draggable( "option", "helper" ); // setter $( ".selector" ).draggable( "option", "helper", "clone" ); I found these codes,but where to add this?
Resizable Behavior (and Dialog)
The resizable interaction has an annoying quirk. If your mouse moves off the resize handle while the button is still pressed, the resizing stops. Release the mouse button (still outside the handle) and then move the mouse back over the handle. The resize interaction resumes. This is unexpected behavior, at least to me. You can see this on the resizable demo page (http://jqueryui.com/resizable/) in the default demo. Try to resize the sample beyond its container. When you hit the edge of the container,
How to develop tablet Application using Jquery Mobile?
Hi, I am developing tablet application using Jquery Mobile.Please specify Tablet UI components and examples on how to use those components.
Give me a solution for this ERROR
I am having this error while migration old version to new version. Uncaught Error: cannot call methods on button prior to initialization; attempted to call method 'widget' Tell me how to solve this ERROR.
Making categories and boxes inside sortable
Hello, I have this http://jsfiddle.net/Ja6KE/. It's a list of categories. Each category has some boxes. I need to make these boxes draggable to another category (now it works) and the whole category sortable with other categories (now it didn't work). I'm not sure how to do it. Thanks for help.
drag & drop
hi everybody , how can i drag item from list of items(items in table or grid) to canvas and return the item from canvas to list of items ? is it possible ? i believe nothing impossible with jquery
Date picker help needed
Hey all, I'm looking to make it so that the date range will load corresponding flash/javagram (currently) data depending on the date range selected. Is there a way to do this? TIA.
Theming a input's focus:invalid CSS
I would like to apply a theme's ui-state-error class to a input's CSS focus:invalid property. I have tried: $("input:focus:invalid").addClass("ui-state-error"); ... but this has not worked and failed with: unrecognized expression: unsupported pseudo: invalid Is there a way to theme an input's input:focus:invalid pseudo class with ui-state-error?
Suggestion for UI
Allow functions on options: For example length, width, title etc ... title: $("#button").attr("title"),
Basic Autocomplete (1.10.2) fails with IE7 and IE8 test VM's
hi, I'm using some VM's from MS (running virtual box host) to test IE7 and IE8 with jQuery Autocomplete. In both versions I get the same javascript error: 'label' is not null or not an object. Line 7143 of jquery-ui.js. Code below. Would really appreciate it if anyone can shed some light into this. Thanks! Tskeej <head> <script type="text/javascript" src="http://code.jquery.com/ui/1.10.2/jquery-ui.js"></script> <link rel="stylesheet" href="http://code.jquery.com/ui/1.10.2/themes/smoothness/jquery-ui.css"
Accordian Icon on the right to delete the accordian.
Hi all, I have a site that allow the user to select a date and add these selections in the form of an accordian so that they can see the etc info. All works great all I need now is to add an icon to the <h3> that will be on the right and when this is clicked the accodian entry (<h3> and <div>) are deleted. Any help would be great. Cliff.
Datepicker onSelect not firing by setDate
Hi, Quick demo - http://jsfiddle.net/ZgcVK/ - the onSelect function works great but doesn't seem to be fired by setDate. Ideally, when the page loads, populate the "results" DIV as if the user selected a date from datepicker popup. Wondering if this is still a "bug" - http://bugs.jqueryui.com/ticket/6264 - has this been fixed in 1.9.1 or has the temporary fix been rolled back due to side effects? I am using jQuery 1.9.1 with jQueryUI 1.10.1 Many thanks
Datepicker automatic calendar display
Hello, It is possible to display datepicker's calendar automaticly when pressing tab on previous text field? I mean, when I'm positioned over a text field, if I press tab to jump to datepicker's text field, I want it to instantly display my calendar, it's also configured to display the calendar button. This is my config.: $( "#datePicker" ).datepicker({ showOn: "button", buttonImage: "date.gif", buttonImageOnly: true, dateFormat: 'ddMy', numberOfMonths: 2, minDate: "0D" }); Thanks.
Open Dialog From Within Accordion
I want to open a dialog from within an accordion The data for the accordion comes from mySQL database But whenever I try it the dialog (which also will pull in external data) seems to mess up the accordion layout. I use a for loop in php to cycle thru the company IDs and set up accordion section for each (bkos of sensitive information I cannot post here but the loop and data import parts are working good) this is totally a layout problem that I have spent hours trying to figure out and just can't....
My code is not working in autocomplete
Im new to Jquery Here is my code <!DOCTYPE HTML /> <html> <head> <title>Demo</title> <link rel="stylesheet" href="http://code.jquery.com/ui/1.10.2/themes/smoothness/jquery-ui.css"> <script src="http://code.jquery.com/jquery-1.9.1.js"></script> <script src="http://code.jquery.com/ui/1.10.2/jquery-ui.js"></script> <script type="text/javascript"> $(document).ready(function () { var someJSON = ['Chai', 'Chang', 'Aniseed Syrup', 'Chef
Tool tip and dialog position and problem with scroll
when my tooltip or dialog open my page get some scroll bar , please help what the issue ? and also tooltip position not respect to curser in some situation when first time mouse hover occur on element.
img gallery inside accordion not working.
Hello. First of all, sorry I just posted this 3 times by mistake, deleted one of them and now non of the three work (404 error on the forum) so thats why Im reposting. My problem is that inside an accordion, I cant put a image gallery plugin (tried several) and they work outside of it. My code is <script src="js/jquery-1.9.1.min.js" type="text/javascript"></script> <script src="js/jquery-ui.1.10.2.min.js" type="text/javascript"></script> <link href="css/jquery-ui.1.10.2.css" rel="stylesheet" type="text/css"
scroll bar and jquery dialog / tooltip
when jquery dialog or tooltip open , verticle scroll bar appear on page and if scroll already has then it extend to some height.
passing html input value into jquery ui dialog ass variable
I have a html form with an autocomplete input field that open an jquery dialog. In this dialog i have an sql search that will need the value from the input box. How can i get the input in the Dialog box ass variable? Here is what i have: <!--autocomplete script --> <script> $(function() { $( "#searchImage" ).autocomplete({ source: "search.php", minLength: 1 }); }); </script> <!-- Dialog Script --> <script> $(function(){ $('#imageDialog').dialog({ autoOpen: false, bgiframe: true, height: "auto", width:
accordion arrows
Hi, Can the arrows on the accordion bars have different position. Let me explain with an example: I want to move the arrow image marked in red to move a little more towards the left but keeping the position of the arrow in the first accordion intact. Is that possible. Thanks
Stack jQuery Dialog
I'm building a website using jQuery Dialog. I'm using 4 dialogs on one page using a stack. Now i need to know which one of the dialogs is on top of the stack, because i need to change the color of the title to red instead of black. The titles need to be black when not active. So only the dialog on top of the stack needs to be red. I have done a few hours of research already but i cant find the awnser. Hopefully anyone can help me.
NestedSortable and Draggable
Hi I would like to use the same thing as in the draggable/sortable demo : http://jqueryui.com/draggable/#sortable but with nested sortable https://github.com/mjsarfatti/nestedSortable both works well but I can't add the draggable element into the nestedSortable list and do it also sortable. Can someone help me with this please? Thanks CEd
Please give me an example in JQuery to understand syntax similar as I code in ExtJS
In ExtJs to create window I simply do this: Please give me the same example in jQuery!!! <script type="text/javascript"> Ext.onReady(function(){ var win = new Ext.Window({ layout:'fit', width:500, height:300, buttons: [{ text:'Submit', disabled:true },{ text: 'Close', handler: function(){ alert('Click on Close
Next Page