i am working on http://gamercity.info/ymusic/
i am using UI slider as seekbar
while the video is played i want to call a seekTo(seconds) function whenever we click anywhere on the seekbar
I have a jQuery Dialog box on one of my pages. One of the buttons in the dialog boxes triggers a JavaScript prompt OnClick. Everything seems OK with the lastest versions of Internet Explorer, Chrome, and Mozilla Firefox, but some users are reporting weird behavior.
Are there any known browser compatibility errors with jQuery UI dialog boxes?
when using the jquery ui autocomplete, i would thought there would be an option to force only valid key entry based on the list. Is there anyway to not allow invalid keys so you can only enter valid items in the list?
Is it possible to drag stuff out of a jQuery UI dialog and drop it onto the page? I'm using html() function to move data between the dialog and the page, but it would be cool to have the drag and drop effect.
I am noticing this issue in IE 7 + 8
$('#event-start-date').datepicker({dateFormat:'DD MM dd yy',minDate:'-0d'});
When you pick the date in IE 7 or 8 the page goes to # and reloads the root page
I am using jquery 1.4.0 and ui 1.7.2
I am using an ASP.Net MVC site that has a link to an ASP.Net WebForms page that performs the actual download. I would like my jquery ui dialog to close when the download starts. Is there a javascript/jquery event that I can use to accomplish this?
I found an example with exactly what I want to do here, but since I'm using MVC instead of WebForms I can't seem to get it to work.
A have a large div (a map) that is draggable via jQuery UI draggable. The div has child divs which are clickable.
My problem is that if you drag the map, on mouse up, the click event is fired on whatever child div you started the drag from.
How do I stop the mouse up from triggering the click event if its part of a drag (as opposed to someone just clicking without a drag, in which case the click event is desired).
How can I detect whether or not an input box is currently a jQuery UI autocomplete? There doesn't seem to be a native method for this, but I'm hoping there is something simple like this:
if ($("#q").autocomplete)
{
//Do something
}
That conditional, however, seems to always return true.
Please guide me how to make a custom kendo ui widget, like if you could refer to some tutorial or anything. Secondly the main question is that I want to use kendo grid to consume webapi and i want to use it in a widget in which and pass the datasource to this widget.
Bascially I want to make a widget which will consume the webapi using a particular url, and which will return a data source that I can add to this kendogrid widget.
Hi,
I'm looking for free tools to design the UI for my web app.
I'm pretty new to this field, so please point me to acceptable solutions.
Basically, I need to fill a "screen" with some controls, that's it.
Thanks.
EDIT: Well, as soon as nobody answers, maybe somebody can help me with this problem for some framework other than Cappuccino?
I have a page, which upon clicking a specific link a jquery ui dialog is opened, works perfectly, in said dialog there is a form(a user registration form), and I need to attach a submit event handler on that form, but because it is loaded with ajax in jquery the event handler will NOT attach, my code is such as this:
$("#register").on("submit", false);
I just need to be able to cancel the form submission within the dialog and i cannot get it to work.
Hi all ,
I want to customize my tab bar user interface some thing like this .
custmized tab bar
So can anyone tell me how to prepare these types of ui layout or rendering ?
Thanks ,
I'm aware of this topic: I've used it to change most of the editor colors, and that's great.
But that wasn't enought, there's still too much white (and I need to change it because it hurts my eyes).
I've searched in the preferences (both using Eclipse itself and editing the files) for instances of while (255,255,255) and changed them all. Looks like I'm missing something.
too much white in the UI:
http://www.imagebanana.com/view/gy89qf7/eclipse_too_much_white_1.png
totally white in this screen:
http://www.imagebanana.com/view/j8282wf/eclipse_too_much_white_2.png
Dear all,
I'd like to know how to create draggable elements using jQuery UI that once they are dragged and dropped into another container, regenerate the same item. For example, I can drop a button from container A to container B, and once I do that, the same button (a clone) re-emerges in container A.
Thanks in advance.
I'm making board game and i'm using jquery ui draggable effect for figures. On drag start I send ajax request to other page where I generate droppable places soo the figure can be drag and droped only on those particular places, but the problem is I must move figure twice to take effect. Does anyone know how to solve this problem?
I would be very grateful for help.
jquery ui tabs supports loading content through ajax here but if i have already loaded previous content and i click on it again, it stays on the old content until the new content is fully loaded
is there anyway to clear the content right when you click the tab so its clear that a new set of content is loading. I see there is a load event but this fires after the new content is loaded. i need a beforeload event or something like that
any suggestions?
I've been looking all over the place, but I haven't landed an answer yet. Is the current jQuery UI 1.8-1.8.2 supports Firefox 3+? I have 3.6.3 installed, but the example on their websites works for my IE7, IE8, Chrome, but not Firefox.
http://jqueryui.com/demos/sortable/#connect-lists
Hi All. Im wanting to develop an entirely ajax back end for a website im developing, and im looking at using jquery ui. The tabs widget looks like it could be useful for my menu, however i want to know if theres a way to load a specific tab dynamically. So basically, if someone entered the url mysite.com/tab1 it would open the first tab, and tab2 would open the second etc.
Can anyone point me in the right direction?
Thanks
I've come across Netbeans but is there any tools out there that lets you build things event driven ?
I'm looking for a feature like being able to drag and drop UI components, and add methods to buttons directly by double clicking it (kinda like visualbasic) and viewing the source.
I've made an ASP.NET web form that uses the standard ASP.NET validation. I'd like to make the error summary show up in a jQuery UI Modal Message as well as below the actual form.
Is it possible to execute the script if the validation finds an error?
I'm using jQuery UI's slider to update a div containing a number. Dragging or using the left/right keys should only allow the user to choose a number between 1 and 5 (this works as intended). However, if the handle has focus and I use page up/down, I start to get rounded values that are well out of the range of 1-5. Anybody experience the same? Thoughts?
Heya,
I have just implemented the excellent jQuery UI autocomplete.
http://jqueryui.com/demos/autocomplete/
There is a strange bug in IE 8 (and maybe other versions).
When you select an item from the box of suggestions in IE 8 the cursor moves to the begining of the textbox before the suggested word which has just been inserted.
Firefox put the cursor after the inserted word.
Does anyone know of a fix for this?
Regards
Steve
I am using jquery uimodaldialog and this is setting
$("#dialog").dialog({
autoOpen : false,
minWidth : 700,
show : {
effect : "fade",
duration : 1000
},
hide : {
effect : "fade",
duration : 1000
},
close : function(event, ui) {
},
});
I am calling with this
$('.mylink').on('click', function() {
$( "#dialog" ).dialog( "open");
Now on first click it shows at center of page .
if I click again then it goes about 200px upwards.
On further clicking it says there
I am looking to sort my divs horizontally in a container div. I found an example on JQuery website but that is vertical sorting. I want it horizontal.
I want to do it sorting in #sortable Div.
Will you please guide me how can I convert this vertical sorting in horizontal manner.
CSS
<style type="text/css">
#draggable1 { width: 150px; height: 35px; padding: 0.5em; }
#draggable2 { width: 150px; height: 35px; padding: 0.5em; }
#draggable3 { width: 150px; height: 35px; padding: 0.5em; }
#sortable { width: 700px; height: 35px; padding: 0.5em; }
</style>
JavaScript
<script type="text/javascript">
$(function() {
$("#sortable").sortable({
revert: true
});
});
</script>
HTML
<div class="demo">
<div id="sortable" class="ui-state-default">
<div id = "draggable1" class="ui-state-default">Home</div>
<div id = "draggable2" class="ui-state-default">Contact Us</div>
<div id = "draggable3" class="ui-state-default">FAQs</div>
</div>
</div>
Screenshot
Hello, I know that there are multiple issues with jQuery Tabs and using Maps.
And I have seen the multiple fixes and I am half-way there. But I have the most obscure issue and hoping that someone might understand why.
This is my code for the tabs
$("#contactTabs").tabs({ spinner: 'Loading <img src="../images/icons/ajax-loader.gif" />' });
$('#contactTabs').bind('tabsshow', function(event, ui) {
if (ui.panel.id == "Map") {
GetMap();
}
});
Which currently does not work.
But I was doing some testing and added in an ALERT() to see if the "GetMap()" was even attempting to be loaded... so this was the code that I tested with, and it works just fine.
$("#contactTabs").tabs({ spinner: 'Loading <img src="../images/icons/ajax-loader.gif" />' });
$('#contactTabs').bind('tabsshow', function(event, ui) {
if (ui.panel.id == "Map") {
alert("load map");
GetMap();
}
});
So I haven't a clue why adding the ALERT() causes the map to load and removing the ALERT just doesn't load the map at all.
Is there any clarification that someone can give me on this issue?
Thank you in advance!