autocomplete issues
I've searched this site, stackoverflow and general web searches looking at different tutorials and I'm still stuck. I have some simple Html: <label for="companyName">Company Name: <input id="autocomplete-companyName" name="companyName" type="text" size="36" maxlength="72" value="" /> </label> JavaScript: (document).ready( function() { $('#autocomplete-companyName').val(''); $('#autocomplete-companyName').autocomplete({ source:'includes/autoCompleteFunctions.php', minLength:2
jQuery UI modal dialog focus bug?
I am trying to create a modal dialog box that has a vertical scroll for content that overflows. For demo purposes, this dialog box contains an anchor and a bunch of divs (to overflow). Here is my code: The HTML <body> <div id="dialog"> <a href="javascript:void(null);">blah blah blah</a> <div>some content to make the dialog scroll appear</div> <div>some content to make the dialog scroll appear</div> <div>some content to make the dialog scroll appear</div> <div>some content
Slider UI issue
http://themartin.logicdesigns.com/demo/ If you click Floor Plans once the page loads, nothing happens, because it's set at the first slide. I'm not sure how/ where to set it to load the second slide when the page loads. The second thing is allowing animation on pages that have galleries, Neighborhood and Gallery. Is any one familiar with Superslides? Thank you! Erik
Slider work from htm page but on php generated page only the "slide" event not work (start, stop, change ... work..)
Working page [html] ;-] http://www.dataino.it/test/dataino_control.htm Not working generated from php :-(( http://www.dataino.it/test/ i have included the jquery code <script src="../shared/jquery/dataino.js" type="text/javascript"></script> $(document).ready(function() { slidesize(); led(); }); //=============================================================== function slidesize() { $(".ctrl").each(function() { var sli = $("#slx", this); var values = sli.text();
slider and css problem
i can not change image properties <script> $(function () { $("#sw").slider({ orientation : "horizontal", range : "min", min : 0, max : 2000, value : $("#i1").width(), slide : function (event, ui) { } }); $("#sh").slider({
DatePicker Range problem
Hi folks, I am trying to build a date range datepicker that only shows the month and year that's it I have no problems doing it to show actual days but I can't for the life of me get it to show just the months and year....as always any and all help will be greatly appreciated... here's what i got <script> //date range chooser $(function() { $( ".rangestart-picker" ).datepicker({ changeYear: true, changeMonth: true, numberOfMonths: 1, showButtonPanel:
Need to delay loading of the *content* of a tooltip
I'm using jQuery UI tooltips on a long list of image links to show a preview of the image in a tooltip. I'm delaying the tooltip by a second so that you won't get dozens of tooltips when you happen to move the mouse over the links: $(document).tooltip({ 'items': 'a.preview', 'show': { delay: 1000 }, 'content': function() { return '<img class="frame" src="' + this.href + '">'; } }); This works fine, except that it does immediately load the images as soon as the mouse hovers over a link, which
about dialog refresh when i open
Hi folks, I get a question, i open a dialog with iframe and click a button , it will open another dialog, but when it opens, the iframe refresh. i don't know how to resolv it ,has anybody resolv it? please help me . Thank you very much.
What is the correct way to find all elements within a dialog that have a tooltip?
Here is a way I am pretty sure you'd be able to do it but it seems like it would be slow and I am curious if someone has a better way: $dialog.find('*').each(function(){ if ( $(this).is(':data(uiTooltip)') ) { // I am a tooltip } })Thanks, Drew
Tab children divs
I have a tabset that I with a couple of divs that are inside of the content area. I can get the main content div, but the other div gets a "display: none" style. Below is my code: --------------------------- $(document).ready(function() { $("#tabcontent div").hide(); // Initially hide all content $("#tabs li:first").attr("id","current"); // Activate first tab $("#tabcontent div:first").fadeIn(); // Show first tab content $('#tabs a').click(function(e) { e.preventDefault();
Form submit after Autocomplete failing
Hi, I have successfully attached the JQuery Autocomplete to my HTML form. The issue I am having though is that in the "success:" callback I call $('#findterm_form').submit(), which fails to submit the form. I added an onsubmit handler which calls alert, so the event is firing, but for some reason the form will not submit. I have trawled various forums regarding this issue, and I cannot forgure out why this is not working for me. Javascript (JQuery) code is below: $(document).ready(function(){
i need solution for tabs menu
Hi all, i developed a website, in that website 10 tabs menu is there so website is very slow any solutions..... please let me know ASAP.
Creating External Triggers for JQuery UI Accordion
I'm working on a website that uses the most recent version of the jQuery UI accordion. The accordion works perfectly for the content area of my page. I added a a vertical navigation to the left side of the page that is outside of the accordion element. I would like to add some links in the left navigation, one for each panel of the accordion. So, it might look something like this... Accordion Panel 1 Accordion Panel 2 Accordion Panel 3 Accordion Panel 4 I would like those links when clicked to each
Dialog is not showing in Safari
I am trying to show a modal dialog over a Google Map. The code below is working fine in IE,Firefox,Chrome. Using Safari on an iPad the page is grayed out, but dialog does not show up. After some investigation I found out that if I edit jquery.ui.button.css and comment out the "display: block;" part, the dialog show up in Safari too. .ui-button .ui-button-text { /* display: block; */ line-height: normal; } Any input on how to solve this would be most appreciated. Full webpage: <!DOCTYPE html> <html>
JQuery UI Object Ignores Z-Index
On my page there is a form which when submitted appends a draggable object onto the page. Ideally the object should have a z-index lower than that of the form so the form can be used again. I have tried lowering the z-index of the draggable object by: Changing the z-index for its class in the stylesheet Changing the z-index within the draggable options object.draggable({zIndex:5}); Changing the z-index after the object has been appended to the page using .css() Every time the object is still above
Jquery Custom Validation Messages are displaying beside the Control, instead of Validation Messages
Hi, I have requirement of loading the Partial view dynamically based on some particular values. So, while iam implementing this, the Client side validations are displaying beside the control instead of Validation Summary. Can some one help on this. I have attached a sample code(Controller, Models and Views). Steps to Repro: 1. Create a MVC3 project. 2. Replace the newly created project folders with the attached folders(Controller, Model and View) 3. Navigate to "Customer/Management" page. 4. Click
datepicker events next to calendar
I would like to show events of current month next to the calendar. just like the following image. and next and previous button show events if they are available inside the script. following is the script i am using. $(document).ready(function(e) { var events = [ { Title: "Five K for charity", Date: new Date("03/13/2013") }, { Title: "Dinner", Date: new Date("03/25/2013") }, { Title: "Meeting with manager", Date: new Date("03/01/2013") } ]; $("#cal").datepicker({ beforeShowDay: function(date)
back to main page with Jquery Ajax with tabs
i have a tabs with juqery ui like this and the preloaded tab initialize with wordpress posts... normally when i click on a post i can see post content. this is main page: this page show only one post: Now I want to create a button so when I click on it to return to the previous page by jQuery ajax.(Go to main page with ajax) the point is that that no tabs have own url in the browser.
jQuery DatePicker - window closes after selecting month or year
Hello, I'm using jQuery DatePicker with the following date picker options: datepickerOptions: { changeMonth: true, changeYear: true, yearRange: '-15:+15' }, When I pop up the calendar, I correctly see drop-downs for month and year. However, when I change the month or year, the calendar closes. I then have to click on my input field to pop it up again, so I can actually pick a date for the selected month/year.
Checkbox not opening dialog
I have a problem...(relative newbie here) I want a dialog to open when i check a checkbox My code is: <input type="checkbox" id="actionneeded" /><label for="actionneed">Action Needed</label> <div id="dialog-form"> <p>Test Dialog</p> </div> <script type="text/javascript"> $(document).ready(function() { var dialog = $("#dialog-form").dialog({ autoOpen: false, height: 300, width: 350, modal: true }); $("#actionneeded").click(function(e) { dialog.dialog('open'); e.preventDefault(); }); }); </script>
Why doesn't draggable containment work here (jsfiddle)?
I'm trying to create a containment div which will hold some draggable divs. When the draggable is placed in a corner of a percentage-sized container, you can resize the browser window and get the draggable outside of its parent's bounds. The containment works once you start dragging again, but in some cases like when overflow:hidden is set on the container this can get your draggable where you can't click it. Here's a little demo of what I mean, just move the blue box to the right side of the container
jQuery Drag and Drop not Working after .load
Hello everybody, I am currently developing an application with SAPUI5 and jQuery. I finally found an example of drag and drop using both framworks. It works great if I have two list boxes on my main page. Here is some of my code: <body class="sapUiDemokitBody" role="application"> <div id="header"> <div id="navbar" style="width:100%; height="180px"> <img src="./images/IBSolution_Logo.png" align=right; height="50px"; class="bottom" /> </div> </div> <div
jquery dialog content
I am calling a jquery dialog but is not showing the contents, what can this there ? this is not showing the title
Dialog Corner larger than .ui-corner-all
Is it possible to make the border radius of a jQuery Dialog larger than the default for all elements (.ui-corner-all)?
jQuery UI dropdown/selectable
Very new to jQuery & jQuery-ui, and have a problem I can't seem to get working like I want it to work. I'm using a $.get to do an ajax call to a sql stored procedure & return data in an XML format. In the callback part of the get, I create a function that builds a dropdown from the items returned. I also build an additional <option> line & prepend it to the select. I've tried both the select that's part of jQuery & the .selectable that's part of jQuery-ui. The code I'm using to build the box follows:
Combine Month and Year datepicker?
In this example http://jqueryui.com/datepicker/#dropdown-month-year the month and the year are separate drop down. Is there a way to combine those to elements into one drop down? Very similar to this example is attached to this post. Thank you :)
Draggable list with Table Tr
Hi, I want to make connect list with Table tr like http://jqueryui.com/sortable/#connect-lists Thanks,
jQuery UI - Menu
Hello all, I have a question. I have a multiple level jQuery UI menu and on third level down it "blends in" with level underneath (please see a screen shot below). Does anyone know what could cause such an issue? Thanks a lot.
jQuery Demo Doesn't Work On My Browser
Does anyone has a same problem with me? I'm using Chrome v26 and Firefox v18. Everything looks fine when I opened twitter, google, etc. Even when I opened my website (localsite) contains jquery, it looks great! But when I opened jqueryui.com, it cant runs the demo. Buttons, menus, etc. It looks plain like no CSS or jQuery at all. Is my browser or java lack of update? Or I just need a plugin? Please, I need to fix this
autocomplete question
I have a "tags" field that will hold a comma separated list of tags, like many forums and blogs use. I would like to use autocomplete to help with the last comma separated entry. Example: "Politics, Funny, Stu" will fetch "Student, Stupendous, Stupid ", etc. And selecting one of the options will only replace "Stu". I think I can use the search event to pull out "Stu", and I think I can use the select event to replace only the last comma separated entry. First question: Does autoselect already do
Should I choose JQuery UI (i18n, RTL, responsive web design)?
Hi, I am doing a website project now. I need to choose a web UI framework. I have hard time to choose one. My requirements about the UI framework and its components (such as menus, buttons, etc.) include: 1. strong support of i18n 2. support of RTL (right-to-left language) 3. responsive web design Could someone out there tell me where the latest JQuery UI stands on these three requirements? Thanks for any help! Cheers.
doesn't work .buttonset() on jQuery with wordpress
I have a number of :checkbox elements that are initialized by a wordpress. Now i set .buttonset() function to #format but this is not work... like this sample:http://jqueryui.com/button/#checkbox HTML: <div id="format"> <?php $categories = get_categories(); foreach ($categories as $category) { ?> <input type="checkbox" name="check" value="<?php echo $category->cat_ID; ?>"> <label><?php echo $category->cat_name;?></label><?php } ?> *//ADD STATIC
Problem in JQuery ui Menu links when the user press Space or Enter key. It works with a mouse click.
The 'Enter' or 'Space' key is not opening links in the jQuery UI menu. How can I get it to do this I tab into the menu in my browser and I can move around with the arrow & tab keys just fine, but if I want to open an active link I have to use the mouse...I can't just tab to a link and hit 'Enter' to open the content. I have search in this forum and found that other users also has this problem, but I have not seen any solution of the problem so that is the reason why I created a new issue in this
jQuery UI Tabs - Off-Left hiding of charts and maps
Hi, I have used the off-left approach on the ui-tabs-hide class to get all my chart and maps which are placed in hidden tabs to display correctly. Since jQuery UI 1.9 the ui-tabs-hide class has been removed and replaced by the hide() method. Not surprisingly all my charts and maps are now being displayed incorrectly. Is there a way to implement the off-left approach in jQuery Tabs > 1.8? Regards Mark
change the handle image of a multi range jQuery slider.
i have been.able to change the image of all the handles, but is there a way to make each handle with a unique image?
how to disable the selected days in jquery?
Hai friends, I newbie of jquery and i 'm using jquery date picker in my web application. (ex: i choosed 5-may-13 and give number of days =5 submit button. now my date picker ll show the 10-may-13.now i again choose the date picker on same date or in between dates ll be disable. how to do it. ) these my requirements
Draggable, Droppable, Selectable, Sortable w/Scrolling and Duplicating
Hello! I'm trying to accomplish something that probably a lot of people will be useful, especially for those who make RIA (Rich Internet Applications). The idea is to have two sortable list where items can be dragged from one list to another, of an item or to select several at once (for example by pressing Control + Click) and pass them to the other list. I would also like to ensure that the items of Schedule 1 could be duplicated in the list 2 for example. The data that make up the lists are provided
Need desperate help with Jquery slider tooltip
Demo website : http://iphoneholics.com/webpage/index2.htm Reference Website [took the code help from here]: http://www.hongkiat.com/blog/jquery-volumn-slider/ Demo of Reference Website: http://media02.hongkiat.com/jquery-ui-slider/demo/index.html If you check the demo website, and drag the first slider (Email slider) you will the tooltip box and text appearing - BUT it is not following the Slider handle. I want it to follow the slider handler like in http://media02.hongkiat.com/jquery-ui-slider/demo/index.html
menu widget submenu not working
Hello! I am working on a menu that has 2 levels of submenu's and is responsive with a bootstrap 12 column layout. My issue is that the submenu's do not show correctly...they simply flash and are gone again. Can anyone please help This is for an assignment due on Wednesday (5.8.13)??? Thanks Here is my HTML ..................... <ul id="menu"> <li><a href="#">Computers</a> <ul> <li><a href="#">Laptops</a></li> <li><a href="#">Tablets</a></li> <li><a href="#">Desktops</a></li> </ul> </li> <li><a
Sortable doesn't work well with different sized list items
I'm trying to make a simple "puzzle" with different-sized blocks. There's a base size; also, some blocks are twice as tall, some twice as wide, and some twice both dimensions. The problem is that, given a layout like the one in the code below, the middle section is left empty, because block 3 extends into the row below it, making the space unusable. Is there a way (WITHOUT absolute positioning) to make blocks slide into that void? Style: .piece { clear:none; float:left; height:195px;
Next Page