Applying his own style inside an accordion pane
hi I currently have the following situation : we're using an accordion with some custom jquery style (defined through theme roller by a freelance designer). The issue is that inside the content of the accordion, in the pane itself, where the multiline content is put, our style defined for the whole application doesn't apply. Or I need the links to look the same as everywhere else. Furthermore, being in a kind of CMS, I can't act easily on the <a><a/> tags. I've to act through the div containing this
dialog() is not a function
Hello, I presume that this question has been asked many times, but I don't find any solution. I've included these files : <script src="/js/jquery-1.3.2.js" type="text/javascript"></script> <script src="/js/jquery-ui/ui.core.js" type="text/javascript"></ script> <script src="/js/jquery-ui/ui.resizable.js" type="text/javascript"></ script> <script src="/js/jquery-ui/ui.draggable.js" type="text/javascript"></ script> <script src="/js/jquery-ui/ui.dialog.js" type="text/javascript"></ script> <script
jQuery UI Tabs and Ajax
Hi together, I'm really new to jQuery and UI. What I'm trying is to build a view in CakePHP with the jQuery UI Tabs. The first part, integration the informations from my Cake controller in Tab 1 to 4 is working. In Tab 5 and Tab 6 I want to show informations which are in relation to the dataset of Tab1 to Tab4. I.e. Im calling a Post-View. In Tab 5 I want to show the attachements (1 : n relation). So I do the following: <div id="tabs"> <ul> <li><a href="#tab-1"><span><?php echo __('Details'); ?></span></
Draggable - Different snapTolerance values
Basically, I need to have different snapTolerance values for the X and Y axes. Is there any way? Thanks.
Two datepickers
Hi, I have on one page two datepickers. One is stadalone and second is opened when I focus on input field. I saw that, when I focus on input and show datepicker my standalone datepicker stop working. I can`t changed months and select date. Can someone help me with this problem? Thanx!
jQuery UI Draggables - Change Original Position of Helper?
Ok, this should be easy for the right person: Is it possible to edit the revert position of a jQuery UI draggables helper? For example, I have icons the user can click and drag into groups on the page. When the user clicks an icon and starts dragging, a helper message appears right under their cursor and follows the cursor so long as they continue to hold the click. If the helper is dropped into a group, it disappears. If the helper is not dropped into a group, it returns to it's original position
Resizable + aspectRatio + grid = :(
This pertains to the Resizable plugin. Using the grid option with aspectRatio seems to break the aspect ratio constraint. Meaning the aspect ratio can be changed by dragging in the x direction (even when handles is set to 'se', which doesn't seem right). What I'd like is for both dimensions to snap at the same time when the aspectRatio option is enabled. In the mean time, I'm thinking the best workaround is to use the 'stop' event handler to reset the dimensions manually. If someone has a better
Java Servlet with Jsonp
Hi, i'm trying to make a jsonp servlet but it gives me an error on the response. I'm missing something? maybe on the java servlet? Servelet: HttpServletResponse response; HttpServletRequest request; response.setContentType("application/x-javascript; charset=utf-8"); PrintWriter out = response.getWriter(); out.print(request.getParameter("callback") + "({\"value\":\"test \"})"); out.flush(); out.close(); Jquery: $.getJSON("http://www.myothersite.com/? moreinfo=value&format=jsonp&callback=?", function(data){
Adding DatePicker CSS theme to page messes up the page's CSS -- gap at the bottom
If you take a look at this page in FF or IE --- http://www.theseagatehotel.com/www.theseagatehotel.com/test.html -- and scroll down to the bottom of the page -- you'll see that there's a 20px gap at the bottom. That gap isn't supposed to be there. The design should go all the way down to the bottom. See this page for an example of how the page should display: http://www.theseagatehotel.com/www.theseagatehotel.com/index.html It seems that adding the CSS file for the datepicker/calendar -- jquery-ui-1.7.2.custom.css
Trouble with Dialog window parameter
Anyone: I cant seem to get this to work. If I pass "modal:true" in as a variable it doesn't work. Anyone have any idea what is causing it to break? ======= Stark Working Code ========== var modal = modal; var content = true; var $dialog = $("<iframe frameborder='0' scrolling='no' allowtransparency='true' src='modals/" + modalID + ".html'></iframe>") .dialog({ modal:content }); $dialog.dialog('open'); ======= End Working Code ========== ======= Stark Broken Code ========== var modal = modal; var content
Tabs ajax loading label
I cannot seem to get the tab "loading" message when content is fetched with ajax. Instead, the UI seems to lock up for a second before the content is fetched. This occurs on the tab demo page (as well as in my own tests) using FF3.5, IE8 on XP. Perhaps there is a setting that I am missing, or perhaps it has recently broken. Trac seems to be down quite often (including now) so am not sure if this is a known bug or perhaps I am not using it properly.
IE memory leaks using jQuery UI 1.5.3/jQuery 1.2.6
I have read other threads related to memory leaks in IE but have not seen any definitive resolution with regard to version 1.5.3 on top of jQuery 1.2.6. Does anyone know of any memory leak patches/work arounds that have been applied to the older version of jQuery/jQuery UI to aid those who are not in a position to migrate the current jQuery/jQuery UI release? Specifically we are seeing the memory increase in IE about 5-6meg everytime we open a jQuery UI dialog.
DatePicker - Icon Trigger Question: How do you control the position of the calendar icon?
I'm using the JQuery Datepicker on a website that I'm developing: http://www.theseagatehotel.com/www.theseagatehotel.com/test.html (The "Quick Reservation" form on the lefthand side) I can't seem to be able to reliably control the position of the calendar icon, however. If you view the page in both Firefox and IE, .. you'll see exactly what I mean by this. Would it be possible for me to instead just manually insert my own calendar icons beside the text input fields, and to attach javascript function
Hide and show
ok, i dont know if someon is in the mood to help me out on this one because its basicaly a code request. I would like the following: I got some links link a link b link c and i got a div with content <div> <div>content a</div> <div>content b</div> <div>content c</div> </div> What i would like is to show content a when the page is loaded. Then when i click link b content a gets hide with explode and content b get show with scale. When you click link c the same happens etc etc. Would really appriciate
how to make jQuery ui element "active"
Hello everyone, I am using "slider" element on a website which is meant to be accessible using keyboard only; When we click with the mouse on the slider, we can control it's position using keystrokes (up&down or left&right), however, i haven't found a way to make the element active without actually clicking on it. $("#slider").focus() doesn't work. I've looked at the source for the jquery slider element, but it wasn't very helpful. I've noticed, though, that the element can be also made active by
Draggable fires click event when dragging stops
One hack to overcome this would be to find out on the mouseup event if it were a click or a drag. If it were a drag, don't perform your function. e.g. $("#myDraggable").draggable(); $("#myDraggable").bind('dragstop', function(e, ui) { // blah blah }); $("#myDraggable").bind("mousedown", function(e){ mouseDownPos = { x:e.pageX, y:e.pageY }; }); $("#myDraggable").bind("mouseup", function(e){ if(mouseDownPos.x == e.pageX && mouseDownPos.y == e.pageY) { // PERFORM YOUR CLICK FUNCTION
Drag Drop a Copy
Hello, In this example: http://jqueryui.com/demos/droppable/#photo-manager does anyone out there know how to create a copy of the object being dragged? I want to use this, but keep the pictures intact without deleting them when they are in the "trash". I've tried clone() on the drop event, but that is not what I want. I want to simply pick up a copy of the original object. Any ideas on this? Many thanks to you all!
How to "properly" extend the jQuery UI Dialog widget????
Having fun writing my first plugin (isrDialog) which simply extends the jquery.ui.dialog widget to include an option for a boolean 'sticky' that when 'true' repositions the dialog on window scroll -- creating an anchored effect. The dialog can be dragged and when at 'dragStop' the position is saved so that it will be anchored at this spot during window scroll. I obviously supplied an internal dragStop event option to the dialog widget, but now if the caller of my plugin wants to supply a dragStop
vertical tabs (new guy)
Im having a hard time trying to create vertical tabbed content for my site. i found out about this ability today through a friend, and just cant seem to do anything productive with it. the cssheet for the demos is a crazy highway to me and for some reason i just cant navigate it. all i want to do is adjust the tabs to a picture i have, change the to <textarea> (and scale it to the correct size), use a back ground image i have, then point in the content. i am new to javascripts, but those are laid
Tabs UI CSS...
Using the jQuery builder, I'm not getting my Tabs to pick up the styles in the created CSS. The main thing is the ability to use multiple Tabbed elements on the same page, but even in the instance linked below, the tabs aren't working. http://www.hoosierhoopsreport.com/test/index1.php Here is the code I'm using: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http:// www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type"
enable drag helper on ui dialog
Hi everyone I have been using jQuery for a while now and i really like it although some things bother me: * It is not very lightweight in any way. For example; even a simple dialog consists of a big bunch of elements with a lot of classes and properties associated with them. Why is this the case when so many things could have been a lot more compact and still achieve the same result? * Some things are missing around in the api. For example; if a widget uses other features in jQuery (dialog uses draggable
drag dialog by its body instead of the title bar
Hi there i was wondering if there is a method or property that would all a ui dialog to be dragged by its body and not the title bar. In my webpage the title bar for a ui-dialog is hidden, but i would love to give the user drag functionality by clicking and dragging the dialog body itself. Is this possible? Thanks Vru
Accordion issue with IE7
Hi, i am using the UI accordion and i am having issues with IE7. Whenever the header is expanded there is a rendering issue. See attached screenshot. If you hover over the accordion the headers appear again at the correct place and everything looks ok. This is my setup: Jquery 1.3.2 Jquery-UI 1.7.1 / 1.7.2 header: 'h3', collapsible: true, active: false, animated: false Is this a known issue? Anyone else having the same problem? Any patches or workarounds? Any help appreciated, i'm quite desperate.
accordion
I love the accordion menu, but am having trouble figuring out how to make my headers both open the submenu and navigate to a specific page on my site. I have found a working example here: http://jquery.bassistance.de/accordion/demo/ (Navigation - Unordered List with anchors and nested lists.) Can anyone help as to what I am doing wrong on my test site: http://www.mnstate.edu/osa/test/index2.cfm. I am sure I am missing something simple, and just need help seeing it. Thanks. bk
Calling a jQuery widget method
Hi, I am trying to create a plugin for creating modals with jQuery UI doing: $.widget("ui.modal", { _init: function(){ $(this.element).each(function(){ var offset = $(this).offset(); $(this).data("modal",$("<div/>")); $(this).data("modal") .width($(this).width()) .height($(this).height()) .css({ left: offset.left, top: offset.top }) .addClass("modal") .appendTo(document.body); }); }, destroy: function(){ $(this.element).each(function(){ if ( $(this).data("modal") ){ $(this).data("modal").remove();
Jquery Accordion implementation
Hi there, This is my first attempt at implementing the Jquery accordion with ExpressionEngine. My question is however about basic implementation of the accordion: My header code: <script type="text/javascript" src="http://www.google.com/jsapi"></ script> <script type="text/javascript"> google.load("jquery", "1"); google.setOnLoadCallback(function() { }); </script> <script src="{site_url}js/jquery.accordion.js" type="text/ javascript"></script> <script type="text/javascript"> jQuery().ready(function(){
sortables in portlet doesnt work in IE8
Hi everybody: I have a project in PHP+Xajax+Jquery. I created a sortable list nested in a portlet. It works fine in FF, Opera, Safari, etc, but fails in IE8. The fail occurs whern i try to move an element from a list to other. The portlet moves and the element moves in the page very strange. you can se an example here: http://www.unycorn-systems.net/jquery/dragg.php Sorry if this is a duplicated post, but I look at the forum an cant see solutions or ideas. Thanks in advance.
Floated or fixed-width droppables not working
Hi, I've run into a strange problem using droppables. When my droppable has a fixed width or is floated, the hover & drop events don't fire when an appropriate draggables are dragged. If I simply remove the width or float from my droppable, everything works fine. Here's a running example: http://sandbox.wrkng.net/jquery-dragdrop-width-problem/ Is this a known issue? Is there a workaround that I'm not seeing? Thanks in advance for any help. -- Nick Grossman
Close JQuery dialog box on button click
Hi All, We are loading a dynamic JSP page in the jquery dialog box i.e inside the iframe. Now, i want to close the dialog box when user clicks on the button of the JSP page. Is it possible? If yes, how can i do that? Is there any sample code available? Thanks, Baby
using $.post for sending an array of data
Hi!! I'm using the $.post method, and I want to send an array of data. The docs says that only a map or a string is aceppted. Is there a way to send an array with some trick? Thanks!!!
Is Spinner included in the default download?
I downloaded the jquery ui from http://jqueryui.com/download (with everything checked off), but it seems that spinner is not included (or I am doing something else wrong), as .spinner is not a function. I checked the demos in the download bundle, and it doesn't mention anything about the spinner either. Thanks.
dialogue shows only first time
Hi guys, I use JQUI .1.7.2 , without resizable, dragable, etc ... I want to have a thin layer on top of it mainly to have simple message boxes , with html markup created dynamically ... So. All was working fine until I switched to the latest version. dialogue pops-up only first time. second, third, etc.. nothing happens, no erros etc ... And this is in every browser L IE8, FF3.5 and CH ... The core of my micro-framework is the function bellow : ///<summary> //Common implementation //(hidden in the
A pattern to handle a mousedown event with a draggable
I have a custom color picker which has broken since I upgraded from 1.2.6 to 1.3.2. I've traced the problem to a change in how events are bubbled. There's probably an easy fix, but I'm not sure what it would be. I have a hue slider with a hue indicator inside it. The indicator is a draggable, and the hue updates on drag. That works fine. The slider itself has a mousedown event that moves the hue indicator the clicked position. This also works fine. The slider (parent) mousedown event then triggers
error with ui tabs
Hey folks, I am having a major problem with jquery ui tabs here....I do not understand for the life of me why this is happening because i've used it just fine in many other sites before. To try and debug a little I switched to the non-minified version; the error in safari and firefox's error console is: TypeError: Result of expression '$[namespace][name]' [undefined] is not a constructor. (line 246 in jquery-ui.js) It only happens when i have $("#tabs").tabs(); in the document ready function; if
implementation og JQuery progress bar
I try to use JQ progress bar for preloading img's. The Site should only use JAVA script and no serverside code. As special hint: I'm a very beginner using JQ... I've developed one function for loading file given by a paramter. In this function I call a second function updateing the progressbar like: function load_status_set(status_percentage) { // Progressbar $("#progressbar").progressbar({ value: status_percentage }); } I try to call the loading function in
Dialog and submit
hy all, i found the modal form dialog at jquery UI examples and I got the sample runnig within my own website. I still have the problem to apply the submit function to the form. What exactly I want to do is the following. Instead of append the input of the form to a table on the underlying page the form should initiate a submit by click on the "create an account" button. Is somebody out there who knows a way to do this? Please give me a sample how to modifiy the code. regards, jaimi
sortable with weird DOM
Here's an example markup, which looks like a regular table if you add in some css: <div class="headers"> <div class="headeritem">id</div> <div class="headeritem">name</div> <div class="headeritem">address</div> <div class="headeritem">phone</div> </div> <div class="scroller"> <!--this just acts as an overflow:hidden container its child--> <div class="grid"> <div class="row" style="top:0px"> <div class="col c0">1</div> <div class="col c1">John Smith</div>
Using JQuery DatePicker in Dialog and seting the z-index
Most of us who are new to JQuery were expecting not to know much of CSS before solving issues like z-index. I was able to finally figure out how to set z-index using firebug and eventually ended up setting the z-index on my base/ui.datepicker.css class .ui-datepicker { width: 17em; padding: .2em .2em 0;z-index: 100999; } As I was not sure where to see what my asp.net master pages and all those theme.css classes were doing (this is just within the .NET world However I believe for a library to be used
Need Help With a jQuery validator plugin
I've been searching for hours for help on this and cannot find it anywhere and if I am posting in the wrong place, accept my apologies, I am desperate for help!!!! My project is due to the client today. I am building a form using a jQuery contact form slider. Got that working, no problem. I need a custom validation plug in because my form's required fields do not fit the standard plug ins available. I found Benjamin Keen's Really Simple Validaton (RSV) on the jQuery site. I like it because of the
jQuery Script Not Working In Firefox
All, I have created a very simply jQuery script which implements a new CSS class that changes the background color of the containing DIV of a text field when focused on. It works great in IE, however, for some reason it does nothing in Firefox. I am not getting an error of any sort. It just does not work. To see an example, go to http://www.kcsysadmin.com/nominate.php and focus on one of the form fields and tab through. If you do this from both IE and Firefox you should see the difference. Here is
Next Page