jquery-ui

jQuery DatePicker - How to highlight certain days every month?

Hi I have a jquery datepicker which is renders the current date by default as a full calendar. Before this is rendered I get a list of days from the server via ajax of days that need to be highlighted for the current month. The code for this is as follows: $.get("Note/GetActionDates/?orgID=" + orgID + "&month=" + month +"&year=" + yea...

Copy and manipulate ALT on Image

Hi there I'm a new visitor, and relativily new at jQuery. I have an image with an ALT text that I would like to be shown, in the SPAN, under the image, and manipulated to replace "-" with B- and I-tags... Current HTML: <span class="alignright"> <img src="sys/billeder/medarbejdere/tommy_stor.jpg" width="162" height="219" title="N...

how to destroy myself(the div of dragging by me) when i droped.

$("#b").draggable(); $("#map_canvas").droppable({ drop: function() { //alert('dropped'); aFn(); } thanks ...

Is JQuery UI meant to work only with Google Chrome??? (How about IE and Firefox??!)

Hello, I'm using "Jquery UI 1./Dan Wellman/Packt Publishing" to learn JQuery UI. I'm working on the 'Dialog widget' chapiter. After I've completed a series of exercises in order to build a Dialog widget (using Google Chrome), I then tried my work with Internet Explorer and Firefox. The result has been disappointing. Chrome was per...

dynamic iframe in ui.dialog

I'm trying to dynamically create an iframe in my dialog and I have it working but not really because I only works sometimes here is the code function test(obj){ if($('#wa').length === 0){ // check if we have already created iframe and dialog $('body').append('<div id="wa"></div>'); //add a div for the the iframe to go into ...

JQUERY UI Accordion Resize on Window Resize?

I'm using the JQUERY UI Accordion module: <script type="text/javascript"> $(function() { $("#sidebar_column_accordion").accordion({ fillSpace: true, icons: { 'header': 'ui-icon-plus', 'headerSelected': 'ui-icon-minus' } }); }); </script> By using the fillSpace option, the accordion takes up the entire height of...

Establish draggable content constraints depending on position

Asking all jQuery experts! How would I go about setting up constraints for a draggable element depending on its positioning? I have a basic example here. I thought it would be as simple as adding an option, containment. Ideally, I want it to drag within the following box: top: 0px left: 0px top: -263px left: -272px top: 0px left: -2...

How to upgrade Jquery to jquery1.4 in asp.net mvc

hello friends I need to update jquery1.3.2 to jquery1.4 please can any one tell me step by step process for this? thanks ...

How do I nest my header object in the jQuery Accordion

I've got a UL list and for reasons of CSS styling, I need to nest the object I wish to use as the header for my accordion inside a div within the LI. Such that: <ul> <li> <div> <h4>Header</h4> </div> <p>This is my content</p> </li> ... other lis... </ul> Now, I'm wanting to hook up my a...

Very simple jquery ui drag and drop does not drop.

WHy doesn't the drag box drop? <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"&gt; <html xmlns="http://www.w3.org/1999/xhtml"&gt; <head> <style type="text/css"> #content { background:#CCCCCC; width:500px; height:500px; } #drop { height:200px; wi...

jquery ui get id of child element of dragged element, when dropped

I've read through many of the drag and drop threads on SO and i haven't found one that tells me how to get the child element id of the dragged element, when the dragged element is dropped. For example if you have <div id='drag'> <img id="something"/>//how do i get this id when #drag is dropped? </div> <div id='drop'> </div> and t...

IE7 Animation with PNG transparency

Hi guys and gals I've made a jQuery animation, which fades through some logoes that all uses PNG transparency. In IE the transparency disappears. I've tried unitpngfix.js but it doesn't work. The site is: http://tinyurl.com/yc5wdpr Note: Try using Firefox to see the wanted effect. Can any of you, see what the problem is? ...

jquery timer plugin

the link specified below is a jquery timer plugin. http://keith-wood.name/countdown.html Also i use the following to start a timer $('#timer').countdown({until: 12,compact: true, description: ' to Go'}); My question is how do i deduce that the timer has reached 00:00:00 or the time given has elapsed Thanks.. ...

Use a jquery UI slider to control the resizing of a youtube video.

Hi, I have a resizable div with the video width and height 100% of the div. I can resize it using the corners but I want to control this with a ui slider and maintain the "aspectRatio: 16/9" that .resizable() provides. This is what I have so far <script> $(function(){ var slide_int = null; function update_slider(){ ...

[Google Maps] Trouble with invalid argument when switching jQueryUI based tabs

Here's a page with the issue To reproduce the error, using IE - click the directions tab, then any of the others. What I'm trying to do is this: On page load, do nothing really. However, when the directions tab loads - setup the map. Like so: $('#tabs').bind('tabsshow', function(event, ui) { if (ui.panel.id == "tabs-5") { ...

How to disable the OK button of a modal dialog in jQuery

I want to disable the OK button of a modal dialog after pressing OK button in jQuery. ...

CKEditor inside jQuery Dialog, how do I build it?

So, I'm working with CKEditor and jQuery, trying to build a pop-out editor. Below is what I have coded so far, and I can't seem to get it working the way I want it to. Basically, click the 'Edit' link, dialog box pops up, with the content to edit loaded into the CKEditor. Also, not required, but helpful if you can suggest how to do it. ...

jQueryUI: how can I custom-format the Autocomplete plug-in results?

I'm using jQuery UI Autocomplete plug-in. Is there a way to highlight search character sequence in drop-down results? For example, if I have data: "foo bar" it and I search for "foo" I get "foo bar" in drop down. ...

jquery ui drag and drop + ajax problem

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 wou...

Graphical Countdown in Jquery/Javascript/ASP.NET

Hi designers/developers, I am looking for a way of graphically showing a countdown. I am working for a large Hospital and have written an Ambulance page that shows ambulance arriving in a datagrid with the time of arriving at the hospital in minutes and seconds (plus other info). They have asked me for somehow visually representing the i...