open results/link in the same tab
Hi all, I am newbie to jquery-ui and am trying to check the snippet abt "open links in current tab instead of leaving the current page" posted at url <a href="http://docs.jquery.com/UI/Tabs">http://docs.jquery.com/UI/Tabs</a> But i could not make it work. Is there anything i am missing ? ofcourse i am using javascript headers for jquery and jquery-ui libraries. Could someone hint me? Is there anything wrong with the snippet or any changes in the library ? Krishna
Psychological Assessmet Tool Using JQuery and Personal Construct Theory
I recently discovered Jquery and am quite excited about its capabilities. I'm working on a sophisticated online psychological assessment tool using Personal Construct Theory (go here: <a href="http://www.warpraptor.com/irannewuser.html.">http://www.warpraptor.com/irannewuser.html.</a> to see an example of its use in political polling using the 2009 Iranian Presidential debacle (and get links to learn more about Personal Construct Theory).<div> <div><div>What I'm trying to accomplish is to place
Dialog stops links working if closed quickly
If I call foo.dialog('open') lo show a loading in progress message but the foo.dialog('close') is fired in quick succession then any <a> links on my page stop working unless I use right click > open link. The buttons and other inputs still work and if another dialog is shown and then closed after a delay then the links start working again. Has anyone else experienced this problem? ver 1.7.1
Ajax loaded forms, multiple instances of the jquery datepicker
I have a table, which is made out of divs. When you click on a row , a div right below that row slides down. The content of that new div is loaded using jquery .load. That content is a form with a date input field. When a user click the input field I want the jquery datepicker to load. I have figured out how to attach the jquery datepicker using .live so that it loads on each datefield even if they are loaded through ajax and not at the first page load. What I'm having an issue with is that there
Accordion heights when refreshing in firefox
Hi there, I'm just learning the ropes and have come across a problem that I don't know if it is a bug or something I can work around. I have an accordion containing some nested divs with images as backgrounds. When the page is first loaded, all heights are correct, but on refresh in Firefox (3 and 3.5 on both Windows and Linux) the accordion height is truncated to what I'm guessing is the height of the content, ignoring heights set by the stylesheet. Pressing return on the URL again resets it until
Bounce effect on mouseover?
I've created a sample site with a bounce effect: http://dennismadsen.com/uploads/jquery/ I would like the "bounce" effect to happen when the mouse enters the outer div. As you see, the effect repeats. Can anybody tell me why - and how to fix it?
Datepicker issue
Hello All, I'm having an issue with the datepicker. I have the datepicker set up to fire an ajax call on selecting a date that populates a "day view" on my calendar app, so they can select any day and see the events for that day. This works great. I recently set up a function that would let me populate the date of the datepicker, using the setDate method. This also works great. Now, I'm working on a similar concept (a jump 2 weeks, 4 weeks, 6 week, etc...) and it is populating the proper date, however
tabs on IE7 when user changes content
Hello all, I'm facing a prob. with tabs in IE7: if the user changes the content of a tab in-place, for example with an in-place edit widget or an ui- dialog, this new content is turned into the old content if you switch to another tab and come back. neither cache:true or ajaxOptions{cache:false} did work. Maybe I should add headers by hand to the requests, what do you people think? Thanks very much in advance.
Slider Range Issue
Hi, I noticed with a slider having two handles, that when you put the max handle over the min handle or the other way around you can no longer drag the max handle toward the max value. This can be very tricky at first for a site visitor who expect to drag the max value after the handles have been put together. Use this jquery ui exemple, and put the max handle over the min handle, then release and try to move the max handle again, you will see what I mean. http://jqueryui.com/demos/slider/#range
Dragable and Dropable
What I am working is that I have a list of names that comes from a database, the list is displayed on the page. What users will need to do is choose name and assign it a group by dragging the name from the list a box that designates a particular group. My problem is, when someone drops one name, then a second name in the same box the names are not spaced, if I could space them with a comma or even a new line that would be good. From there when they submit their choices I need to know what group the
accordion doesn't work
hello, I'm new to Jquery. I'm trying to integrate the accordion function into my page. It works fine if I try the page from http://www.kendmedia.nl/faem/projecten.html but It won't work from the menu at http://www.kendmedia.nl/faem and then click on the projecten button. (I'm loading the page with the jquery load function in a pane.) Does anyone has a clue what I am doing wrong? (It seems that $("#accordion").accordion({ header: "h3" }); is not invoked..?? ) thanks in advance! Gerry
Bug in UI themes? Changing theme cause problem!
Hi all, To completely remove my lack of knowledge, i have tried to use only the code of the resizable sample. The sample code works fine with the base theme, but as soon as i change this the theme to humanity, the helper pic for resizing appears on the wrong place!! here you can see the UI resizable sample in action: http://www.helena-schaken.nl/V34/testbord2.php I only added a base href (works fine for testing purposes) and changed the theme to humanity! With the base theme the helper pic appears
Dialog question
Hello folks, I'm seeking some help/pointers in directing the output of links clicked within a dialog away from the dialog. To put this in context, I am dynamically loading an in-time generated quiz into a dialog box with an iframe (a la Clark Updike: http://clarkupdike.blogspot.com/2009/03/basic-example-of-jquerys-uidialog.html). When the users completes the quiz, feedback from wrongly answered questions contains a link to a page on the site from where the user can get more information about the
(accordion) - trouble toggling between different groups of accordion panes
Hi- I'm trying to create an accordion in which I can control which panes are available at different times. A simple example would be to sometimes have only the odd numbered panes available for certain tasks and other times only the even panels. I am having trouble getting this to work properly and I think I am likely not using the correct method for hiding and showing the panels. I've tried a bunch of options with fadeIn/fadeOut, show/hide (with both the headers and the panes) as well as changing
Sortable handle outside of list
Hey, I'm trying to create a sortable list that is sorted using handles that are positioned outside of list. I have set up a demo here: http://lightsites.net/sorting.html I found the following ticket which seems to indicate that it should work as of 1.5.1: http://dev.jqueryui.com/ticket/3022 Am I doing something wrong or is this a bug in the library? Thank, Scott
Re[jquery-ui] sizable disable not working...
$("#remote-contents").resizable(); // sets it up fine $("#remote-contents").resizable('disable'); // does nothing $("#remote-contents").resizable('destroy'); // destroys fine I'm pretty new to jQuery but this is the first time I've tried something out of the doc and it was a no go. I'm in FF 3.5, using Firebug to test, on version 1.3.2 of jQ -- View this message in context: http://www.nabble.com/Resizable-disable-not-working...-tp25097155s27240p25097155.html Sent from the jQuery UI Discussion mailing
FCKEditor, TinyMCE, other suggestions?
I'm trying to find a Rich Text Editor, much like FCKEditor or TinyMCE that is a multi-tabbed interface. So, Tab1 is the editor, Tab2 is the "View Source", and Tab 3 is "Preview" Does anyone have any suggestions? I cannot find anything that contains tabs already. They all contain the "Source", "View Source", or "HTML" buttons that reveal the HTML tags and stuff, but I need/want Tabs.
Use Javascript to show HTML markup of text ?
Assuming you type "test" in the body of a page and you italicize it. Can you use javascript to show you the markup used? So, I am using CKEditor (rich text editor). I type the word Test on the page. Then I click the Italics button while Test is highlighted. Then on tab 2 of my application I click in the textarea and it displays the word Test in italics. I want it to display the HTML code though ... <i>Test</i> Any way to do this?
Remove options from select
Hi all, I'm having a devil of a time removing options from a select. Here's the scenario: I have one <select> that when an item is chosen, that item will be removed from all the other <select>s containing the same data: <select onchange="update_feat_sub_selection(chardata, 75, 0)" id="feat_75_multi_0"> <option value="0" id="feat_75_multi_0_option_0">Axe, Orc double</ option> <option value="1" id="feat_75_multi_0_option_1" selected='true'>Axe, throwing</option> <option value="2" id="feat_75_multi_0_option_2">Battleaxe</option>
jquery dialog help
I've got a dialog box I'm displaying and I cannot get it to be resizable, nor read the css definition. This is how I'm calling it: [code] $('<iframe name="popup" src="' + url + '" >').addClass("flora").dialog({ modal: true, resizable: true, bgiframe: true, autoResize: true, overlay: { opacity: 0.5, background: "#A8A8A8" }, title: opponent + " " + newdate, width: 850, height: 500, buttons: { 'Close':
IE vs. Firefox dialog scrollbar issue
Version Info: jquery 1.3.2 jquery ui 1.7.2 (ui lightness theme) Firefox 3.5.2 IE 8 I have created a modal dialog with jquery ui. The issue is that in Internet Explorer the height of the dialog is larger than my height and maxHeight options, and no scrollbar appears. In Firefox, it is displayed correctly. Any help is appreciated, as I am under the gun to get a project out this weekend! Here is a link to my sample page to see the problem: http://www.bigchill.com/examples/testdialog2.html Here is the
Dialog reloads page (and disappears) immediately after opening
Hi all, Having an issue with the Dialog, where it reloads the page as soon as it's opened. The weirdest part is that I open a dialog successfully (with same dialog open code, but different content) from another part of the page: I'm opening a dialog from from a button click: <button onclick="update_log(chardata)" style="width: 35px;">Log</ button> function update_log(chardata){ if (chardata.xp_log == null) { chardata.xp_log = []; } var title = "Update Experience Log"; var content = "<table style='width:
DatePicker maxDate
I have two fields a start date and end date. What i've done is set the minDate of start date to today and then i set the minDate of end date to whatever startDate is set to. This all works fine. The issue is with setting maxDate of end date. I want to set it to 2months in the future of whatever the minDate is set to (so basically 2months ahead of the start date). Everything i've tried to do this has resulted in random results mostly in disabling any selecting of the date. [code] $('#endDate').datepicker({
Flickering / flashing in Firefox with toggle or show/hide
I'm getting a "flickering / flashing" effect in Firefox when using jQuery "show" and "hide" or "toggle" on some div's. Any idea why this could be happening? Seems to be more pronounced when scrollbar is at bottom and window has to resize. Scrollbar does not disappear and reappear so it's not due to that. Thanks.
Access element inside div
I have a div on a page with the id lblWrapper and within it I have a span with id VarietyLabel The thing is lbl wrapper is also used a few other places on the page so i want to only access the div lblWrapper that contains the specific span above within it. When this is true I want to append another element to the bottom of the div Is this possible?
JQuery UI Dialog Problem
I am having a strange issue with jquery ui dialog. I am using asp.net with ajax.net. I know that the dialog gets put outside of the main form. I am able to fix that very easily with $("#dialog").parent ().appendTo($("form:first"));. The problem I am having is that when I call dialog("open") a script somewhere is setting the action of my main server side form from: action="TicketDetail.aspx?TicketID=tQF8AA00000L" to action="javascript:void(0);" This causes all future postbacks to fail. Anyone ever
Getting the value from FCKEditor with jquery?
hi. i am using asp.net. i am trying to do a dialog with the values from a fcdeditor. i got all done and it is working great while i use a textbox but when i change to the fckeditor it just wont get now value from it. anybody familiar with how to get values from fckeditor with jquery? thx for checking
jQuery UI class effects not working in Chrome
Hi there I am new to jQuery UI but I noticed my class effects were not working in google Chrome. I thought it might be an issue in my code but then saw that none of the class effect examples on the jQuery website are not working in my Google Chrome. Any ideas? Example: http://jqueryui.com/demos/addClass/ Thanks
Finding dialogs without using an id after they have been created
Hi Guys :) I've noticed that in the process of jQuery UI creating and marking up dialogs it changes the structure of the document, placing the new dialogs at the bottom of the body with the rest of my dialogs, which are pretty much all the same, with nothing to distinguish them from each other. This is giving me grief because I don't use ids on these dialogs... In the HTML I make the dialog a sibling of the paragraph the dialog link is in, and so was hoping to reference the dialog relatively (from
datepicker + nyromodal + ie = broken :(
Ok, after quite a bit of searching and reading I found a fix for the whole datepicker + nyromodal (or any popup for that matter) on all browsers EXCEPT IE. Basically, I walk the parent tree of the control I'm on until I find an element with a z-index > 0. Then I set the z-index of my datepicker to that z-index + 1. This works great for all the popup's I've tried in all browsers EXCEPT IE. In IE it doesn't matter what I set the z-index to the datepicker never shows up :(. Anyone have any ideas on
radio buttons in accordion header
Hi Group, I want to make an accordion with an input filed and when an option is selected the radio input should be selected, too. the same when I click on the radio input the accordion option should be selected. I tried it but it doesn´t work. What can I doo? <code> <script type="text/javascript"> $(function() { $("#accordion").accordion(); }); </script> <div id="accordion"> <h3><a href="#"><input type="radio" name="test" value="1" checked="checked" /> Section 1</a></h3> <div>
Perfect multiple resizing, but not OK in IE8
Hi all, i am sweating for a few days now, just to create a nice resizable playing bord with a nice border. It works perfect now, see http://www.helena-schaken.nl/V34/testbord.php (no game visible here, imagine yourself that the red square is the game.) Problem is, it works perfect in Firefox, but not in IE8 The background image in the first div is choosen by the width of this wrapper div. I use a grid of 50 for resizing In Firefox i get values of 300, 350 400 etcetera Not in IE!! <script type="text/javascript">
JQuery Slider: Making the the range bar 2 different colors...
Here's hoping I can explain what I want:-) I have a slider that holds a date range that will be used to filter search results. Let's say for example the range is 1970 to 2009. Under certain scenarios it is possible that the first coupe, of dates at the beginning and end of the range do not limit the results because the search results actually fall between say the dates 1980 to 2000. I this case our user experience team has asked us to make the date range that actually has results a different color
mousemove event not binding on all elements
Using the latest jQuery/UI that are hosted at Google. I've got the following markup: <ul id="tree"> <li><a href="1/">One</a></li> <li><a href="2/">Two</a></li> <li><a href="3/">Three</a></li> </ul> And the following javascript: $(document).ready(function(){ // Droppable callbacks function dragOver(overEvent, ui_object) { $(this).mousemove(function(moveEvent){ console.log("moved over", this); }); } function drop_deactivate() { $(this).unbind(); } function drag_out() { $(this).unbind(); } // Actual
click-event-handler for dynamically created a-elements?
Hello, I've been working with jQuery about 20 hours now. I like it. I am looking for a demo of putting an a-element inside a div-element. This seems to work: $("#div99")[0].innerHTML = "<a id='aInDiv99' href='#'>I am in div99</ a>"; I'd like to handle its click-event. I wrote this: $("a#aInDiv99").click(function(event){alert("hello world");}); The click event does not fire when I click 'aInDiv99' Is there a recipe for writing a click-event-handler for dynamically created a-elements? Oh, here is my
Using the slide effect
I am seeing an odd issue that really doesn't make sense to me. I have a page that loads a bunch of images via an AJAX call that returns json. I then parse that json to display a user-selected number of images per page. I added jquery ui code to "drop" in and out the images when you change the number per page. This is working fine. When I change the hide to use slide instead, it still works fine. However if I change the show to slide, I get no effect for either the show or the hide. Here is a snippet
Basic Panel Widget in jquery?
Hi, I'm new to jquery and wanted to know if there is a panel widget of some sort? I am looking for something similar to: http://extjs.com/deploy/dev/examples/panel/panels.html Thanks, -Westside
Can't remove dropped items
With Richards help I've managed to create the dropzone so the controls dropped there can be gathered afterwards as child elements. I can't seem to figure out how to get them out of there again, e.g. in case they were dropped by mistake. I would like my original containing DIV to be able to act as droppable for items which were moved by mistake. I hope this makes sense to someone... Anyway, this is my code (we're using controls from devExpress, hence the dxe tagprefixes): <script type="text/javascript"
Accordion event problem
Hi, I want to implement the accordion but there is a problem. If I use the code at the bottom of this message, then the first time I load the page I get an "test_1 was closed". If I click at any headline the alert says "undefined was opened, undefined was closed". I'm talking about the handler: changestart: function(event, ui) { alert($(ui.newContent).attr("id") + " was opened, " + $ (ui.oldContent).attr("id") + " was closed"); If I use the example and just add the handler, it also doesn't work.
Selectable events and passed ui, event objects
Hi All, I am looking for info on the event and ui objects the jquery selectable events: selected, and start take as parameters. I cannot find this in the documentation and looping through is no help. $('#content_td_account').selectable({ filter: 'li:not (".non_draggable")', selecting: function(event, ui) { } }); Specifically I want to find what elements are being selected and check them to see if their parent elements are the same or not. I assumed this would be in the ui object some where.
Next Page