jquery-ui

how to make a div(black border,and on the google-maps) panel drop-disable,thanks

the black div is used to panel,so it can not be droppable. <!DOCTYPE html PUBLIC "-//WAPFORUM//DTD XHTML Mobile 1.0//EN" "http://www.wapforum.org/DTD/xhtml-mobile10.dtd"&gt; <html xmlns="http://www.w3.org/1999/xhtml" > <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <meta name="viewpo...

how to make the red div don't alert 'ss' when drag the black div on it ,

i using jquery and jquery-ui, this is my code: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"&gt; <html> <head> <meta name="viewport" content="width=device-width, user-scalable=no"> </head> <body> <style type="text/css" media="screen"> </s...

jQuery Sortable - Limit number of items in list.

I have a schedule table I'm using jQuiry Sortable for editing. Each day is a UL, and each event is an LI. My jQuery is: $("#colSun, #colMon, #colTue, #colWed, #colThu").sortable({ connectWith: '.timePieces', items: 'li:not(.lith)' }).disableSelection(); To make all LI's sortable except those with class "lit...

How can I add a tab in jquery-ui Tabs and then select it?

I understand how to add a jquery-ui tab, and I understand how to select a tab by index number, but how can I both add a tab and then select it? For example, in the following demo you can add a tab, but then you have to click on it for it to be displayed: http://jqueryui.com/demos/tabs/#manipulation I'm on jquery 1.4.2 and jquery-ui ...

how to clone the drag-event using jquery and jquery-ui.

i want to create a new '.b' div appendTo document.body, and it can dragable like its father, but i can not clone the drag event, how to do this, thanks this is my code : <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"&gt; <html> <head> <meta name="viewport" co...

problem when cloning jQuery UI datepicker

I have a div in which there is a datepicker. I use something like this to clone it: mydiv = $('#someDiv'); // works fine so far mydiv.find('input.datefield').datepicker(); // clone without the events and insert newDiv = myDiv.clone(false).insertAfter(myDiv); // datepicker won't re-init if this class is present newDiv.find('.hadDatepi...

Changing the title of jQuery-UI dialog-box with in another dialog-box's function...

Why doesn't doesn't the second jQuery-UI dialog box title change when popped. The first dialog box I change the title of the box with using the following .attr("title", "Confirm") -- it change the title of the first box to 'Confirm', like it should have. Now when the second box pops up it should change the title to 'Message' since did th...

ASP.Net MVC - which is the best approach for multi select grouping using JQuery Dialog

This is my scenario I have an view(page) with list of items, a user could select single or multiple items from this page and click on a "Add to Group" button. Then a modal dialog(JQuery dialog) will be shown, from that he could select group, then press the add button. Which causes the items selected in the parent page is added to that p...

how to use TinyMCE(rich text editor) in google-maps info window..(i made a demo.)

this is the demo rar file:demo.rar when i drag the red block to the google-maps ,it will be changed to a marker, and it will has TinyMCE when you click the info window, but my program is : it can not be written when i click it the second time, the first time: the second time(can not be written): and my code is : <!DOCTYPE html PU...

Mulitple ui-widget-overlay with multiple dialog boxes

I've got this - $(function(){ var dialogOpts = { autoOpen: true, height: 400, width: 600, position: ["center", "center"], modal: true, closeOnEscape: true, }; $("#contact").dialog(dialogOpts); $("#why").dialog(dialogOpts);...

jQueryUI setting options in a variable - syntax for effects

$(function(){ var dialogOpts = { autoOpen: false, height: 400, width: 600, position: ["center", "center"], modal: false, closeOnEscape: true, stack: true, draggable: true, show: "clip", hi...

Using JQuery to replace multiple instances of HTML on one page

I've made a script which copies the alt attribute of an image and puts it into a <span>. It also formulates the information divided by a hyphen. It works like a charm, but only with one image. I would also like to wrap a <div> around the image to prevent unnecessary markup. Script snippets: HTML: <div id="hoejre"> <p> <s...

jQuery hover parent affect child

Hello I am curious to know, how you target a child, when hover on a parent? How I would do in CSS: parent:hover child { background-color: #FFFFFF; } How do you do this in jQuery? ".medarbejdere .info span.kontaktinfo" is my Parent. I would like $(this) to be my child. var navDuration = 150; //time in miliseconds var forstoer = "1...

jquery ui multiple drops problem

Hi I have 2 droppable divs and when a drag is dropped on either one of them, i'm trying to get the id of that drop element. It's always returning the id of the first drop element in the DOM. $('#albumImgs li').draggable({ containment: '#content', scrollSensitivity: 60, revert: 'invalid', cursor: 'move' }); $('.dropContainerCl...

jQuery UI 1.8rc3 autocomplete sporadically not selecting items in a Dialogue window?

In my complex AJAX web application I'm having problems with jQuery UI 1.8rc3 autocomplete sporadically not selecting items in a Dialogue window. I'm not even sure of a good way to present the problem here. How would I easily present a complex problem that may be due to jquery styling or clashes with a lot of jquery effects in my AJAX c...

jQuery UI dialog and Ajax POST, JSON

Is it possible to combine Ajax post with jQuery UI dialog? And I want to process the ajax reponse in JSON to HTML for showing inside the Dialog box var url = AJAX_URL+requestId+'/'+userId; // Need to POST the requestId and userId instead of GET $("body").append("<div id='dialog-modal'>Loading...</div>"); $("#dialog-modal").dialog("dest...

jQuery UI autocomplete not working in IE

Hi all, I've got the new autocomplete widget in jQuery UI 1.8rc3 working great in Firefox. It doesn't work at all in IE. Can someone help me out? HTML: <input type="text" id="ctrSearch" size="30"> <input type="hidden" id="ctrId"> Javascript: $("#ctrSearch").autocomplete({ source: "ctrSearch.do", minLength: 3, focus: f...

How to remove the upper right close button

I need to kill the close 'x' button at the top of a jQuery UI modal dialog box. I have a modal that opens with an OK button that redirects to the site. The site behind the modal is in an iframe. When the user agrees to the statement in the dialog box and clicks the 'OK' button, it redirects to the site that is outside the iframe. If the ...

Combining the jquery Calendar picker with the jquery validation and getting them to play nice?

I'm just starting to get into jquery/javascript programming so this may be a beginner question but I sure can't seem to find anything about it. I have a text field on a form. I've used the JQuery UI Calendar picker to make data entry better. I've also added jquery validation to ensure that if the user enters the date by hand that it's s...

jQuery UI: Drag and clone from original div, but keep clones

I have a div, which has jQuery UI Draggable applied. What I want to do, is click and drag that, and create a clone that is kept in the dom and not removed when dropped. Think of a deck of cards, my box element is the deck, and I want to pull cards/divs off that deck and have them laying around my page, but they would be clones of the ...