Modal Dialog in IE 8
This all works fine in all other browsers but right now I have 2 major issues that are deal breakers for me using jQuery UI on my sites. In IE 8 ( I have version IE 8 8.0.7600.16385 ) 1.) The modal dialog overlay is not transparent it is a solid black color. 2.) The Close function is not working, I am playing video in the dialog and to stop the videos audio from playing after close is clicked in the other browsers I do a jQuery.Post(); this is obviously not working in IE 8. Here is my dialog code.
draggable object and sortable list, position? - connectToSortable
How to get position of dropped draggable object into sortable list - I'm using connectToSortable, i got id of this element but i need position where it was dropped. Thanks for help! Karol.
autocomplete nonselected term disappears when losing focus
I'm integrating the autocomplete into some form fields on a site I'm building and it all seems to work fine, outside of the fact that if you want to enter a new field value instead of choosing one of the auto suggested ones the term will disappear when you take the focus off, for example if you tab off or click somewhere else. The only way to keep a value in the input box is to click on the input box twice after typing the value then it will stay when you tab or click out of it. Here is what I'm
Problem with jquery ui dialog.
I am using jquery ui dialog for getting values from user. I am using a textarea inside the dialog. My problem is when the user reenter values to the same textarea in the dialog without refreshing the page, The value he has entered first is returned.
Need help to get .draggable(); working.
Hi guys, I need help using this sliding background image script http://www.buildinternet.com/project/supersized/ together with the jQuery ui or plugin drag function. Anything that is able to make the draggable(); function work. I like to place an absolute div that is draggable across the sliding background. The function only works when I remove the .js links needed for the sliding background to work. But as u can guess the slider stops working. Here's the link of the script for download. http://www.virginiasapartments.nl/supersized3.zip
Slider jumping to 100% position
I have a slider, min=0, max=325, starts with a value of 0 so all pretty standard. I am using a timer to update the slider value once a second with a value I get from the back end server. The value is simply increasing so 1,2,3 etc so the slider moves along as the value increases. This all works fine until I set the value to 4 and then the slider jumps to the end. Inspecting the div shows a style of width: 100%. When I added some code to display the min,max and current values from the slider after
Tabs: Adding new tab, and selecting it. how to stop the reloading of the tab when i select it
i have a page that is using tabs. I have links that create new tabs, and then select the newly created tab. This is all working correctly. But: each time i change tabs, and go back to the newly created tab, it keeps "reloading" the page/information. How can i stop this? I just want to show the tab without the reloading. my tabs initiation is: var $tabs = $('#tabs').tabs({ add: function(event, ui) { $tabs.tabs('select', '#' + ui.panel.id); } }); And my code to add a new tab is: $('#tabs').tabs("add",
ui css framework and datepicker.
hi. I have a problem that i want to remove the background image of the ".datepicker table td a" selector but doen't work. tried a lot of selectors and Nada. thanks .
jQuery Dropdown with Auto Suggest
I have a form, with a dozen or so drop down fields, each of which has a list associated with it. A few of the lists are quite long (~3000 items). I have attempted using the combobox with autocomplete: http://jqueryui.com/demos/autocomplete/#combobox But it was quite slow with the longer lists. When I implemented it page wide, it was so slow as to be unusable. Does anyone have any experiencing using jQuery combo boxes with autocomplete and long lists? Thanks, Matt
hoverIntent/delay problem
Hi, I am new and tried posting the other day but it did not go through. So I'm trying again. I am new to jQuery. Past experience was in AS3. I'm rebuilding a website but find some of my menus a little jumpy. I found the hoverIntent UI but could get it to work. I'm using another version. Im getting the right delay at first but I canot get he menu(#list") to toggle back up in any reasonable way. It just fades out. Could someone check my code and point me in a good direction: $(function(){
accordion in IE9
I am sorry if this post is a duplicate to a reply I posted earlier, but it appeared that that thread may not have been active. I am using UI 1.8.6 and jQ 1.4.4 and the latest IE9 beta (v7.930) I encounter the standard "IE-is-breaking" error when trying to open an accordion element other then the first one. To wit, the error is: 'null' is null or not an object jquery-ui-1.8.4.custom.min.js, line 287 Does accordion remain a problem for others in IE9? Specifically, on selecting the first accordion
Problem with Tabs creating a layout issue
Hi, I'm creating a layout that resembles a development IDE for a specific use and i have a layout problem when i activate tabs in one of the components. I tried different layouts: div-table, table, absolute positionning, and only the div-table layout shows this problem. Here are the links to the activated and non-activated tab widgets on the div-table layout: http://labs.xlsoft.ca/index2.html http://labs.xlsoft.ca/index3.html You will see in index2 that the tabs are deactivated and that the columns
[Autocomplete] Problem Inserting Additional Data into the Query
Hi Guys. I have an inputfield, where I start a autocomplete. The Data Comes from geonames. I also have an additional field, where I have sudden countries. Now i try to change the search parameter depending on this select field, that geonames only gives results of places in this country. Below you'll find my code and an example. I hope you understood, what i want. SIMPLY: Select a Country (e.g. France) -> Autocomplete (I will not find London, New York or Berlin, but Paris, Toulouse,...) Select a country
Accordion: function as parameter
I'm trying to pass a dynamic value for the option active: of the accordion. Here is my code: $(document).ready(function() { $( "#newsArticles" ).accordion({ autoHeight: false, navigation: true, collapsible: true, active: function(){return parseInt($(document).getUrlParam("newsID"));} }); });I'm calling the page with mywebsite.com/the-news-section/?newsID=4 parseInt($(document).getUrlParam("newsID")) is equal to 4, or "4" without the parseInt()
Datepicker formatDate can't handle predefined standard date formats
At http://docs.jquery.com/UI/Datepicker#option-dateFormat I've read that formats are avaiable from "For a full list of the possible formats see the formatDate function." There are predefined standard date formats like ATOM, or W3C ... If I set W3C the script handles it like it's a literal text. I didn't expect that. Here is my code, using jquery 1.4.4, jquery ui 1.8.6, livequery plugin 1.1.1 $( "#productionInterval" ).livequery(function() { var dates = $( "#productionStart, #productionEnd" ).datepicker({
dialog close problem
hi all, I have an HTML page with a clickable object that performs an AJAX call. This call returns an XML object, in which one tag contains a string of JS commands, executed in turn by a setTimeout call with 100msec of delay. The JS functions are, obviously, highly dependant on which file gets called by AJAX (it's not the same file everytime) Now to the problem at hand: The clickable object call opens a dialog, populated from the AJAX call, in which other clickable objects are present, which in turn
Multiple dialog issue Please Advise
I am a front end developer, getting accustomed to javascript. Wondering if someone can help me understand what is happening here and why it isn't working. I have consulted the other pages I have found, and still need guidance, please help me javascript gurus Simple enough concept. Works fine with only one dialog_link. but once you add the second one, there is no activity(only testing in firefox at this point). <!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html;
UI icons without border or text
Hi, how can I use a UI icon without the border and background? Are there any simple jquery options or styles I can apply without trying to rewrite the whole UI css?
Calculate Week in DatePicker
Is there any examples on how to return the week number of the selected date in DatePicker into a textbox? I've tried calculateWeek, but there doesn't seem to be much documentation to get it working. $('#datepicker').datepicker({ changeMonth: true, changeYear: true, showOtherMonths: true, selectOtherMonths: true, showWeek: true, dateFormat: 'yy', calculateWeek: myWeekCalc, firstDay: 1 });Ideally I would like to return a formated date like yy-ww e.g. 2010-47 Many Thanks
Modal Dialog - Focus on Button
How can i focus on a button in a modal dialog? I can't get the id of the buttons in there. I would also like to be able to navigate from button to another using "->" and "<-" keys. Kind Regards, Cearnau Dan
How to store the order of sortables(jQuery UI) in a cookie
I am using the jQuery UI sortables, but i want them so memorize there dragged postions, so the order of the boxes(stored in a cookie). I am nog jQuery expert so how can this be done in a fast and easy way? So store and display. Below the UI code $(".sort").sortable({ handle: '.box-header', placeholder: 'sortHelper', delay: 250, cursor: 'move', revert: true, opacity:
dialog with click and ajax call
This is an odd one. I have a dialog and when I click the Save button it submits an ajax call. This works fine - in the code below showing an error because the page does not exist. However hitting the return key does not work with the jquery dialog so I have created an event to capture the return key and then call "click()" on the Save button. This correctly calls the Save function for my dialog and runs showing the clicked and complete alerts without any errors being reported. It seems to ignore
Need help displaying checkboxes in a dialog box!!
Here is my code inside a jsp. If you can try it out you will see that all the checkboxes only display BELOW eachother. I NEED ROWS OF CHECKBOXES!! Why can't I do this in jquery dialog box?? (most of this code was from the jquery dialog website demo code) <meta charset="utf-8"> <html> <head> <meta http-equiv="Content-type" content="text/html;charset=UTF-8"> <link href="../master.css" rel="stylesheet" type="text/css"> <link href="../css/scheduler.css" rel="stylesheet"
AutoComplete - Hide part of the returned items and show them on demand
Hi All, After a long time searching, I'm surprised that there are no posts on this issue: I'm using Jquery UI autocomplete but want to hide several results. instead of them, inside the autocomplete window I want to add a link or button 'show all' that will show all hidden items. Can this be done? Thanks
Case of firing the event at the moment of declaring it
Hi! I'm not very deep into jQuery, so the following behaviour is unexpectable for me. Consider I want to bind some event in case of firing some other event. $('span').click(function() { alert("I'm span"); $('body').click(function() { alert("I'm body"); }); }); When I load the page and click on the span I see two alerts. I guessed such things should work the following way: when first click on span occurs, one alert works, then binding of click handler on body, NOT running this
Make Draggable draw over other elements
Hello, How can I make a Draggable be drawn over all the other elements while it's being dragged? Thanks!
Slider stays 'active' after being moved in Chrome.
Started implementing a jQueryUI slider and noticed that it stays highlighted after I drag or click it to a new position. Unfortunately the demo only recreated the issue when clicked to a new position but its the same issue. Are there any work arounds to this? http://jqueryui.com/demos/slider/
drawing datepicker until button click?
Say I have a datepicker called: <input type="text" size="10" maxlength="10" id="from" name="from" style="width:65px;" value="03112010" /> $("#date").datepicker({dateFormat:'ddmmyy',showOn:'button'}); In IE6, I found that whenever I change input (which would trigger keyup event) while still in onfocus, something load in background. I have tried to turn off background by CSS table.ui-datepicker td a {background-image:none} or use execCommand try{document.execCommand("BackgroundImageCache",
multiple dialog in a form
Hi, I wish to ask if multiple dialogs allowed in a form? dialog#1 fill in <hobbies & interests> dialog#2 fill in <personal information> Both dialog attached to the form (parent) I fill all the field in dialog#1 and dialog#2 and press SUBMIT button in the form. I found that the parameters in dialog#1 is not submitted. Is it because i use appendTo() incorrectly? Is following code correct? I append my dialog to form. I wonder is it because the dialog#2 'overwrite' the dialog#1? $('#dialog1').parent().appendTo('#form');
Draggable outside of browser
Currently, without using jQuery it is possible to drag an image from your browser onto your desktop (firefox, chrome, safari). I'd like to achieve the same thing using jQuery draggable. Currently, if I try dragging a 'draggable' element, the element disappears when it leaves the browser window. Any ideas if this is possible, if so how? Thanks, Harrison
Dialog Modal-form solution/suggestion/workaround needed
Hi folks, I am able to use this dialog modal-form when i want to have only one button per page. But, in my directory site, i want to be able to have multiple buttons (belonging to a company listed, if it has email in my database). The problem exists when i open a page with 10 items (let's say 7 of them have email in DB and thus have buttons attached "Contact us via email"). Only the first button from the top is working and styled correctly. The rest of them are displayed with no style and have no
Problems with Slider
Hello, i've just upgraded from jquery-ui-1.8rc3 up to jquery-ui-1.8.6. I've designed a custom theme with the theme designer. Now my used sliders didn't look correctly. Please see the image. I've solved this on my own with copying the slider js-function from 1.8rc3 into the js-file from 1.8.6 which was much longer. I don't know, whats the real problem is, but now it works for me. That's the same slider with the slider-function from 1.8rc3. Is it a bug or have I forgot anything? Regards, Stefan
ajaxOptions with TABS
With jQuery tabs I am attempting to use ajaxOptions to post data to the page before I load it. So I have a form on the page before my tabs with some input fields. ie, <form id="myform" method="post"> <!-- inputs etc --> </form> Then my tabs <div id="tabs"> <ul> <li><a href="#tabs-1">Preloaded</a></li> <li><a href="ajax/content1.html">Tab 1</a></li> </ul> <div id="tabs-1"> <p>Initital content</p> </div> </div> Now I should be
modal dialog within modal dialog
was wondering if this is possible, I want to be able to open a modal iframe dialog within another modal iframe dialog. the challenge is that the subsequent windows should not be limited within the boundary of the opener. is this possible ?
JQuery UI Modale view, forum submission when pressing enter
Hi there, I've setup everything correctly, my modal window is working great, I'd just like to know if it's possible to automatically submit the forum within the modal window by hitting enter ? That action would start the same function as if the user clicks on the "Signup" javascript generated button at the bottom of the modal window.
accessing the element that was dragged (with sortable)
So, I have several lists (<ol>), and I made the <li> elements sortable, within the same list, and also between the lists (they're connected). What I'm trying to do, is having a function when the <li> element is dragged in the same list, and a different one when it is dragged to other list. This is what I have: $(ol).sortable({ placeholder: 'ui-state-highlight', handle: '.liHandler', connectWith: '.list ol', opacity: 0.6, containment: listsContainer, update: function() { updateElementsOrder(ol, ol.parentNode);
Tabs & Autocomplete
I am building an application and using tabs to load the content thru ajax requests. On one page I have content that is dynamicly loaded but I want to add an autocomplete option to the field. The data I get back from my request is HTML. Is there any way to hook a autocomplete to an input field in the HTML on the fly? This what i do: $("a.manage").live("click", function(event,ui) { $.ajax({ get the data from a PHP file and get HTML code
Dialog position not honored within an iFrame in Chrome.
I am using jQuery UI dialog widget to show notices in an application that is running within an iFrame (a Facebook application to be precise). It works fine in Firefox, but in Chrome, the dialog shows up on extreme left-bottom inside the iFrame, even though I have specified the position as 'center'. I am using jQuery core version 1.4.3 and jQuery UI version 1.8.6 My code is as follows: $(function() { $("<div id='flash-notice' title='Done!'><p>Your edits were successfully saved!</p></div>").dialog({position:'center'});
Problem in UI Modal Dialog in IE not display properly (see attached image)
Hi All, I encounter this issue any help? Thanks
Draggable problem in Chrome and Safari
I have a problem with Chrome and Safari... tried this in IE, FF and it works fine but in Chrome and Safari, dragging the element causes it to highlight the contents, start dragging the top image inside of the element and when I release mouse click the element follows my mouse around until i click again my code: <style type="text/css"> #container { position: absolute; top: 0; left: 0; width: 600px; height: 800px; margin-left: -150px; } #item { position: absolute; width: 300px; height: 400px; } #item
Next Page