accordion content cut off at bottom of page
here is the site http://patti-bee2.dcccd.edu/tank/gen6.html selecting the cyrix link opens the content but as you scroll to the bottom of the page, you'll see that it gets cut off. How can I fix this so the page will automatically extend downward to show all the content?
Make draggable contianment array use the parent div coordinates instead of the window
I was playing around with the draggable containment array [x1, y1, x2, y2] and it seems that it uses the coordinates of the window instead of the coordinates of the parent div. Is there any way to make the containment use coordinates of the parent div. The problem being my draggable item is larger than the parent div so I can't have it contained to just the parent. Basically what I'm going for is creating a window (div 1) with overflow set to hidden. Then placing an image in that div that is larger
Resizable div in a resizable div issue
Hi all, i'm new about jqueryui but i'm having a lot of fun with it. Until now... :-) I cannot understand why i cannot have a resizable div in a resizable div. This is the example. <style> .demo { width: 150px; height: 150px; padding: 5px; position: absolute; top: 150px; left: 200px; } .fence { width: 350px; height: 450px; padding: 5px;
sortable with <span> causes target placeholder to misbehave
I made some <ul>'s and made them sortable in the usual way. I gave them a common class and connected them so I could move items between the lists. I wanted to put a label on the lists (e.g. list 1 , list 2, etc.) I did that by typing text after the opening <ul> tag, and it worked fine. Then I wanted to style the labels, so I put them in a <span> tag and gave the span a class so I could style them all the same. That breaks the way the sortable objects work: a target only opens on the fist or last
Dialog + Datepicker
Проблема если закрывать диалог после выбора даты перекидывает на hash # из-за этого перекидывает на начало страницы Problem if to close dialogue after a date choice throws on hash # because of it throws for the page beginning $("#popup_calendar").datepicker({ onSelect: function() { var zn = $("#popup_calendar").val(); alert(zn); $("#dialog_calendar").dialog("close"); } }); Full code: <html> <head> <title>Зв</title> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
ThemeRoller and No Styling for Selectable
Hi guys, I've encountered a problem when using Selectable with the ThemeRoller. Using the Selectable example code at first I thought it did not work at all, but on closer inspection it does and the li elements have the appropriate classes (ui-widget-content, ui-selectee, ui-selected) but there appears to be no CSS for ui-selectee or ui-selected. Upon googling this I came across a question on Stack Overflow where someone else had the same problem. Is this a known bug? Is the best fix simply to edit
Problem in IE7 / IE 8 with Accordion
Hello everyone! I hope you all have a good day. Since yesterday i am using jQuery and i love it. But in IE 8 i can't use the Accordion I can click as often as i want ... nothing happens... Here is a port of my code <div id="navigationlinks"> <h1>nach Typ</h1> <div> <li>Typ A</li> <li>Typ B</li> </div> <h1>nach Standort</h1> <div> <li>Stuttgart</li><li>Berlin</li><li>Nürnberg</li><li>Düsseldorf</li> </div> <h1>nach Zeitraum</h1> <div> <input type="text" size="10"name="datum" id="datum3"/>
PhP form and datepicker Vaildation
Am trying to use my php form vaildation to check the form field of the datepicker for a empty field, on submitting of the completed form. I think i need to pass ( what is inside .datepicker() ) into the vaildate form field. But dont know how to do it.. The code below all works, But as datepicker makes it's own form input how would i include that into the Vaildation i have. This is my php code : <?php // Set email variables $email_to = 'andy_tvw@yahoo.co.uk'; $email_subject = 'Form submission';
jQuery UI.tooltip position:fixed;
When using the tooltip widget (in development, I know) the positioning of the tooltip failes if my browser viewport is not on the top of the document (scrollTop > 0). The same happens in the demo at http://wiki.jqueryui.com/Tooltip. I have tested in FF3 and IE8. Changing the positioning from "position:absolute;" to "position:fixed;" in the tooltip css solved the problem. Is this the correct fix or is this causing other problems? Thanks, Bart
Buttons - How to get default right click menu.
I notice that when using jQuery-ui buttons, the default right click menu is no longer available in IE. The default menu having the options like: Open link in new tab Open link in new window Bookmark this link Save link as ect... As long as I have a valid href on the button, the menu still works in FF, but not in IE. You can see this by going to: http://taitems.github.com/Aristo-jQuery-UI-Theme/ right click the UI Button examples in IE and you won't get the default right
Where to find datepicker i18n?
Hello! What is the intended way to find datepicker localization files? I have been searching the jQuery pages here but I can't see a download anywhere. Before I turn to Google, how am I supposed to find the files by navigating around in the jQuery ui pages? /Daniel
Vertical button in jQuery UI
Is there anyway to do a vertical button in jQuery UI? I wanted to use a button for a jquery slide-out tab but it has to be vertical which travels along the right side of the slide-out. For accessibility reasons, I'm thinking the button (if I can do it) would be preferable to an image of done via CSS as it also has to work with IE7. Any help would be appreciated :-) Thanks, Don
Confirmation Dialog does not format HTML
Hi, I added a div to a confirmation dialog. I then used the following to add a list to the div. $("divData").html("<ul><li>item1</li><li>item2</li></ul>") What displays in the dialog is : Item1 Item2 None of the expected formatting (ex.bullets) appear. I had similar problems with other html formatting, but some items such as <b>this is bold</b> work. Does anyone have any ideas on what I am doing wrong? Thanks, Jerry
How can I display jQuery dialog only for matched result??
Hello, I have create my simple PHP webpage and the following is my problem. My PHP page request 1 QueryString named "Result". I would like to show the Dialog after page loaded only when Result value equal to 1. For others, no dialog appears. How can I do this? Already tried the following code but it doesn't works. Please advice. Thank you very much if ($_REQUEST["Result"] == 1) { echo '<script type="text/javascript" language="javascript">$("#dialog-form-congrat").dialog( "open" );</script>'; }
Weird overlaping tab
Hello everyone, I am working o a project where I use jQuery UI Tabs, but unfortunatelly something is wrong. Content is generating on the go and it's kind a frustrating because 4 of 5 tabs are ok but last one is getting different style and overlap under proper content. Also I am using tabs on other part of site and it works perfectly. Just go and inspect css or jQuery at www.lokale360.pl This is ASP.NET code responsible for rendering tabs. #Ufff. <div id="adverts-tabs"> <ul> @foreach(var
Autocomplete throws all results on the screen after submit from form.
Hi, I'm trying send from a div towards iframe, a form's value and when iframe shows up, it take every value from autocomplete. I know where come from the problem, but I can't make it work in other way. This is the code where form is, very simple: <script type="text/javascript"> $().ready(function() { $('#searchFor').autocomplete({source:'functions/printNameServers.php', minLength:2}); }); </script> ... ... <form id="formSearchFor" target="mainIframe" action="mod/showServer.php" method="get">
Tab caption appears in multiple places but not as a true tab item
Hello all, On upgrading to JQuery U 1.9.2 I am seeing some odd behaviour relating to adding tabs (see graphic below where "GSE-0002" should only be present in the top tab container. What's really is odd is "GSE-0002" also appears in the tab containers below the main tab although they are not displayed as standard tabs. I have replaced the "add" api call with the new recommendation: Old call: // $(tabs).tabs('add', "Project.html", sPID); New Call: $("<li><a href='Project.html'>" + sPID + "</a></li>").appendTo("#tabs
Mask not reapplied on page load
I am using jQuery in a .Net web app. In my app, there are some controls that cause a page load and this causes the formatting for my phone textbox to be lost. How can I apply a mask to my textbox and have it stay applied on postbacks? I have this phone mask as the first line inside my script tags. $(".jqcPhoneMask").mask({ mask: "(###) ###-####" });
Tooltip arrow isn't displaying properly when moved to left side of tooltip (jQuery UI 1.9)
I'm using a speech bubble style tooltip based on the jquery ui tooltip widget 'Custom Styling' demo, but I'm having trouble properly displaying the arrow when I need it on the left side of the tooltip instead of on the top or bottom. Can someone help me fix this code (it cuts off the tip and displays too large a section of the arrow)? <style type="text/css"> .ui-tooltip.menu_info { max-width: 200px; } * html .ui-tooltip { background-image: none; } body .ui-tooltip
Hi..
Hi All, I wanted to a autocomplete textbox just like the one in http://www.flipkart.com/.So I am using autocomplete() function to do that.Source for the autocomplete() is a web service which fetches relevant data from DB.The code I am using for autocomplete is below: $(document).ready(function () { $('#<%=txtSerach.ClientID %>').autocomplete({ source: function (request, response) { $.ajax({ type: "POST",
Looping through inner jquery accordion fields
Is there a way to create a loop for the <h3> and <div> statements inside an jquery accordion , so I can iterate through my JSON.
Deep option object problem
When I create a widget that has deep set object literal options, and if I try to apply the widget to multiple divs, each div contains its values and the values of all the preceding instance's values as well. e.g. $widget("test.me", { options: { subOption: { values: [] } }, _create: function() { var _this = this; $.each(this.options.subOption.values, function (i, value) { alert(value);
limit draggable area UI
I try to give a limit to a div not to drag out of its parent. http://jsfiddle.net/lansas/ZHtEa/4/ Any idea?
Tabs and popup windows
I am using JQuery UI Tabs. I have a tab that open a popup window. It doesn't switch to the clicked tab or display it's content. It should just open the popup window. When you click it, it will popup the window fine. The problem is that it will switch to the clicked tab and display the current page. I want it to just open a popup window and stay on the current tab. This was working fine for jqueryui-1.8.3. Upgraded to jqueryui-1.9.1 and now running into this problem. <li><a href="#" onclick=" BigPopUp('url'')
Direct Link to Tab with Ajax Content
Is there a method to direct link to a tab that loads ajax content?
Navigation with JQuery UI - Draggable
Hello! I want to create for my little homepage a navigation, which is wider than the viewport. Therefor it should be possible, to drag the whole <ul> - element to the left and to the right. The navigation has got a fixed height, so the list has just to be dragged across the x axis. I managed to make the list being draggable... well thats not hard with JQuery UI. But without using the containment atribute, you can shift the whole navigation out of the viewport. For this reason I used the containment
I think the search icon is corrupt on Jquery UI's new website
Hi Love the new design, but that icon for search looks weird. Is it intentional?
jQuery UI and Ajax
Hi, i have website that retrieves his main content using ajax. The problem is that whenever i include the jquery ui library into the main page(the static one, where all the dynamic content is loaded inside a div) the ajax script doesn't work anymore. The console doesn't give any error and there're no ajax requests. The load order of the main page is: jQuery jQuery ui <html content>(including the div where the content is loaded) ajax script If i include the jquery ui script at the end of the content
Datepicker - How do I restrict the months shown with maxDate value in place.
I currently have my datepicker to allow to pick from current year to 2017...ie) $("#datearrival").datepicker({minDate: 0, maxDate: "+5Y", changeMonth: true, changeYear: true}); $("#datedeparture").datepicker({minDate: 0, maxDate: "+5Y", changeMonth: true, changeYear: true}); If i want to also only have certain months shown in each of the +5 years....how can i achieve this? Thanks D.
jQuery Menu highlight
I was able to figure out how to change the background color and font of my menu items using the style class .ui-menu and tag li like this: .ui-menu li { font-family: Arial; font-size: 12px; background-color:#FEE098; padding-top:1px; padding-bottom:1px; border-top: 1px solid white; border-bottom: 1px solid white; } Now I am trying to change the color of the highlight as I move my mouse over each item. Currently it is a grey or silverish color by default. I want to change this
Nested droppables and even propagation
Hi all, I've got a canvas on which 2 types of div's can be dropped: projects and users. So basically what I'm trying ot achieve is linking users to projects, each user can participate in multiple projects and a project consists of multiple users. So far so good if I drop a project it shows the project div with the projectmembers within. If I drop a user div it shows all the project divs in which the user is participating. So the canvas is droppable for users and projects and a project is droppable
Menu with submenu expendable to down (not right side) + not collapsed on blur automatically
Hi all. I have three questions about menu component. I'm using jquery 1.8.3 and UI 1.9.2 versions. 1. How to make menu subitems expendable below selected menu item? I'd like to expend selected menu (by mouseover/click) and show subitems below parent item, NOT on right side. Here is a code example how I would like it to work (code is NOT for jqeury-ui) - http://jsfiddle.net/blandger/yDN5x/ I took shown example from that blog post and adopted it a little. Here is an example with 'stripped off' styles
why my tooltip didn't hide when I put my TextBox TextMode on Password?
Hi I Use Jquery UI Tooltip for my signup form,everything is OK but when I put the text Mode to "Password", The tooltip don't hide ever,even when you press Esc key on keyboard. what should I do now? It will be ok when I remove this: TextMode="Password" but its a necessary part that I can't remove. My Code: <asp:TextBox ID="UAtxtPassword" TextMode="Password" ToolTip="Please insert your password!" CssClass="UAtxtPassword" runat="server"></asp:TextBox>
Remove item from sortable, on receive event.
I have a draggable list connected to a sortable, and I want to limit the number of items the sortable can receive. So in the receive event of my sortable I'm doing something like this: receive: function(event, ui) { if(num_of_items >= threshold) { ui.item.remove(); } } This give me the error: Uncaught TypeError: Cannot read property 'options' of undefined I can remove items on other events this way, but I really need to do it on the receive event. Any thoughts?
JQuery Dialog + PostBack + TextBox
Good morning, I'm creating a Jquery Dialog which contains several TextBox that will be sent in PostBack ... But when I do PostBack, the fields are going with a 'comma' at the beginning of every field within my Jquery Dialog ... I wonder what could be causing this problem .. ViewState? JavaScript error? Error JQuery? Follow my Dialog and JQuery: function AbrirPopUPCadastrarNovoGrupoAtividade() { $(document).ready(function () { $("#Dialog_NovoGrupoAtividade").dialog({ height:
JQxGrid , Knockout.js Delete issues
Hi, We are using JqxGrid with Knockout.js. A button "Delete" is bound with each row in a grid. and using the following code to delete a row: var DeleteReportRecord = function () { var rows = $('#jqxgrid').jqxGrid('getrows'); var selectedrowindex = $("#jqxgrid").jqxGrid('getselectedrowindex'); var dataRecord = $("#jqxgrid").jqxGrid('getrowdata', selectedrowindex); var ReportId = dataRecord.ReportId; selectedRow = rows[selectedrowindex];
CSS problem in dynamically created div.
Hello, I have a application, where you can create draggable,resizable DIVs on a container. And, save it to the database. It also has a edit functionality, where you can come back, search and retrieve a particular record, and then change the DIVs created earlier OR add a few more as well. For this, I am storing all the information, like left,top, height,width in the database. On Edit request, I need to place the DIVs already created and place them on the container. For this, I have created a javascript
Controls inside each tab page in JQuery Tabs
Hi, I am a newbie to front end development. I need to create a 3 tab-pages. Each page has 2 or more input controls. The number of controls varies for each tab. I looked into lots of tutorial which explains how to create the tab page suing Jquery. Now, I created a text control in first page. What needs to be done in the js? meaning how do I bind the text control to the tab page? and how to read the value of the controls when the tab page is clicked? Here is the code snippet I used, <!DOCTYPE html>
Slow Jquery Dialog open problem on remote server
Hello, I'm using JqueryUI modal dialog with ajax request. It works fine on my local server but when I tested it on my remote server(godaddy) dialog opens very slow. Here code I use; <a href="#" onclick="showUrlInDialog('menu_proj.php','New Project'); return false;"> function showUrlInDialog(url,title) { var tag = $("<div></div>"); $.ajax( { url: url, async: true, crossDomain: true, success: function(data) { tag.html(data).dialog( { modal: true, width: 800, title: title } ).dialog('open'); } });
Problem with position collision flip on autocomplete. Possible Bug.
Iam having this issue when occurs overflow. When you type "sc" occurs flip. OK :). When you type "a" dont't occurs flip. Problem :( http://jsfiddle.net/GKA5r/ This is a bug? Any ideas?
Next Page