Fading images - Image 1 remains visible, Image 2 is a transparent .PNG - possible?
Hi all, I am loving the use of the fading images in Jquery, but would like to know if this is possible. I want the first image to remain in place and visible while the second image fades in over the top. This second image would be transparent, i.e. a white background with 50% opacity and saved as a .PNG image, (but there would also be some graphics on this that were 100% - in case you were going to suggest fading it in to 50%!). The current script I am using doesn't just fade in the second image,
Dialog position
I have a page with a set of entries. Kind of like a list of forum posts. Each post has a link on it that opens a dialog box. However, the dialog always insists on forcing the page back to the top so the users loses their relative position on the page. Why is the dialog forcing the page to scroll to the top? What do I need to specify to have it keep it's position relative to the entry in the list that it opened from?
Can't drag jquery ui dialog in sharepoint site
Hi, I am using a jQuery UI dialog and I can only drag the dialog when I drag it via the text in the title bar. If I try to drag the dialog by a blank area of the dialogs title I just end up highlighting sections of the page? I am using a simple div with an iframe inside for the content and I can drag it via the empty parts of the title bar in a basic test html page. However, when i put the same dialog within a sharepoint page the dragging is limited? Does anyone have any ideas on what could
Supersized elements
When I apply a class to an element (e.g., button) the button seems to display twice as what I expect (how it displays in the UI theme gallery). Why is this? What can I do to correct it? Some background: I'm new to jQuery, so I'm feeling my way through implementation. I'm designing in Lotus Domino 8.5.1. The browsers I'm using are IE6 and FireFox 3.5.8.
Dynamic Button Names for jQueryUI.dialog()
So I'm stumped on this one. Does anyone have any idea how to create a dialog that uses dynamic values to control the names of the dialog's buttons? Here's what I've tried, but when I use the below code, I end up with a dialog that has button names of 'button1' and 'button2' rather than 'Yes' and 'No'. Any ideas? function conditionalDialog(button1, button2){ $.dialog({ autoOpen: true, title: 'Condition', modal:true, buttons:{ button1: function(){ //handle 'yes'
String coding across UI Tabs
My question refers to a master script with the header containing tabs <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-15"> and a secondary scirpt which is the content of one of the tabs with the same header Firefox display option is currently 8859-15 When loading strings from my database I read them in ISO8859-1 $sCoding = mb_detect_encoding($enreg['Prenoms'],'UTF-8, ISO-8859-1'); Directly displaying the secondary script (for debug) the display is OK for accented characters
several modal form
Hi I'd like to know if it's possible to open several modal forms in a row with jquery. For example, in a form for creating a user, may be I need to create a group first, so, with the "user creation form" opened I should open "group creation form". Then, imagine I need to create policies for that group, i should open "policies creation form". Would be possible to open "group creation form" and then "policies creation form", both of them over "user creation form". I'm wondering which javascript UI
Adding items to accordion/losing CSS
This may be obvious to some of you but took me a bit of time to figure out. In some situations you may need to dynamically add an accordion "shelf", for example, your accordion represents different groupings and in some other place in the UI you have a field to add a new group. Somewhere in your HTML, you may have something like: <div id="accordion"> <div id="shelf_1"> <h3><a href="#"></a></h3> <div> <ul>
jQuery Modal Dialog and Postback Issues
Hello Friends, In my scenario, I show a simple Dialog (jQueryUI). I've a textbox and a button in it. When the button is clicked, I've to store the textbox value in database. But always the textbox is empty when it comes to server-side. When I googled, they said that we need to append the modal to the 'body'. I'm not sure how to do it. It throws error. Can anyone help me? Super Regards, Achu
Is UI-Sortable buggy?
Has anyone used a sortable connected with multiple lists in a hierarchy?
Tabs: mouseover: tab title links linking to other pages? Is that possible?
I am using Tabs it works fine but I would like to have the ability to use the tabs title links to bring users to other pages. I'm using the hover to preview the page content but still want a user's click to take them to that page. Is that possible here is my piece of code: <script type="text/javascript"> $(function() { $("#tabs").tabs({ event: 'mouseover' }); }); </script> </head> <body> <div id="tabs"> <div class="menu"> <ul>
Changing the appearance of my accordion's currently open panel's header
Hey guys, This is my HTML code (edited/streamlined of course, but with the structure in tact) for the accordion: <div class='accordion'> <div class='text-long wo-padding'> <div class='text-short header wo-margin'>Background</div> </div> <div class='float-left'> <div class='text-short text-right'>Colour</div> <div class='text-medium wo-float'></div>
Problem with draggable content using jQuery UI
Hello, I have created a div, made and made it draggable with jQuery UI. The container div has 2 divs inside (head and body) and the body div is using accordion (but my problem is there no matter if I simply just use the container div and nothing else. The problem is that the div looses its padding upon drag. And with all the content in body it is really easy to see - I have also a slider, and the sliderbutton has the same problem (or had untill I made it step incremental. You can see the problem
How to make slider start with zero on the right side of screen increasing to the left side of screen
Please let me know how to make slider start with zero on the right side of screen increasing to the left side of screen. I don't mind making a patch inside of slider if that would do it. Thank you in advance, Jonathan
Feature Request/Bug Report: Ability for slider to be aware of the right-to-left direction
When using slider in the right to left direction, it still starts with zero on the left side. Please let me know how I may patch the slider so that it will work in the correct direction. Thank you in advance, Jonathan
Multiple Sliders -- how to accomplish (application: audio editing)
I have been using and enjoying the range version of the slider application. However, for my application, I am looking for a way to have a set of ranges (that do not overlap but meet). The start/end points of these ranges would be movable using the standard slider mechanism. The slider could have different colors for each range. Please let me know how to best accomplish this task. Thank you in advance, Jonathan of Cambridge
With UITabs - $_SESSION lost in the tab script
With jquery-1.4.2.min.js jquery-ui-1.8rc3.custom.min.js A master script using tabs begins <?php session_start(); ...............($_SESSION variables defined there) <div id="onglets" class="ui-tabs"> <ul> <li> <?php echo $refer ?> <a href='./Tab1.php'></a> </li> .....................The line 7 is of no sense but just to permit XDebug to stop The $_SESSION variables initialized
doppable offsetParent
I am using jquery ui draggables and droppables. To keep things simple in explanation I am trying to drop an element onto another element which is contained inside an iframe. When I bind the sortable from the outermost page it works but it seems to move the 'hotspots' so that if I request the id attribute of the element I've dropped it onto it gives me a different element. I think I know the reason for this. The offset for the droppable inside the iframe uses the body attribute of the outermost as
jQuery ui.slider inside ui.tabs
Hi All, I'm trying to learn jQuery to replace flash, and so far i love it! I'm working on a project for a friend of mine, so that i can learn jQuery while i'm building a website. I'm trying to combine the jQuery ui.slider and the jQuery ui.tabs, but so far no luck. Separate from each other it worked, but when i'm put them together the slider refuse to work. I've read something about the off-left technique but i'm not familiar with it, so i don't know how to use it. In order to realize the tabs and
Tabs not working when there's a query string involved
Hey guys, I've added the most basic implementation of tabs. It's working fine so long as there's not a query string in the url. i.e. if I load index.php, it works fine. index.php/anystring works fine too even. However, if I try to load something like index.php/anystring1/anystring2, none of the CSS styles for the tabs appear to be applied to the tabs list making all the tabs' contents appear on the same page. Any idea how I can work around this to ensure I can preserve the query string without breaking
Having trouble getting the values set by jQuery Sliders for feedback form
Hello, I was hoping that I could get another set of eyes to help me with a weird problem I'm having... http://www.alpha-duplication.com/feedback With help from the jQuery UI Slider set, there are 5 sliders that update a text field with a number. The form also has other text fields and a checkbox that all is sent to an email in a php file. The form sends fine, and I get all the data except the numbers in the slider text fields. Each text input has a unique id that matches the variable in the php file.
Need help to populate date by typing day in datepicker
Hi, I am using jquery for the firsttime.I found it very interesting and would like to use it in my programming to make my work easy.I have the following requirement in my project. When I type the day (For example: Monday) in the datepicker field, and onchange of datepicker textbox, nearest date fo that day should populate. Eg.today:9th march,then it shoud populate 15th march when i type monday. If you have any idea, please share with me. Thanks in advance.
Using accordion in nested tables?
How can I use accordion in nested tables? pls give me example to give me an idea.. tnx
jQuery UI - styling widgets the better way?
Hi. I hope my Post this time works. Have to write my Question again. So. My Problem is to make different Layouts for Special Widgets on my actuall Project. I am using much of UI Stuff and so i happens that i need two or three different Styles for Tabs and two Designs of Dialogs and so on.... I know there is a Way to make Multiple Themes and use them together on one Page. But i think this is not very elegant. Because the most of the CSS isn't used. Is there a Way to do somethink like Patches jquery.ui.dialog_fork.css,
Save Position of Sortables (Portlets) in Database
On my site www.tutolia.de/start.php i have a handfull of sortables. Is it possible to save the positions of the portlets into an database? How can i use the positions to set the portlets at the saved position? Thanks Veit
AJAX / GET : Parse jQuery in the server side.
Hi this is a simple question, and working this out for days.. I have this script that gets html from the server side and places it to the div container 'maincontainer'. $(document).ready(function() { $.get("dashboardcontrol_server.php", myCallback); //connectBuckets(); }); function myCallback(data) { var s = data.toString(); $("#maincontainer").html(s); alert(s); } it perfectly works well. BUT when i execute jquery from the server side it doesnt works.. i mean the jquery from the server side. Some
Sortable connected lists with example - how to fix placeholder position?
My test page, of which a complete working example is attached, contains 4 connected lists of boxes that can be moved around. There are 2 rows on the page. Row 1 - contains one wide list Row 2 - contains 3 columns of narrower lists When I try to drag the bottom-most box (Box B) in Row 1 to the top of the middle column in Row 2 (above Box 4), the placeholder (a gray-dashed rectangle) doesn't appear where I'd expect. How can I make the placeholder behave correctly / intuitively? To run the working
autocomplete with json
Hi, I have trouble with autocomplete. My code is: <script type="text/javascript"> $(function() { $("#hitro-iskanje").autocomplete({ source: function(request, response) { $.ajax({ url: "../_design/iskanje.asp", dataType: "jsonp", data: { maxRows: 15, name_startsWith: request.term }, success: function(data) {
jquery-ui 1.8rc3 autocomplete layout behaviour problem
Hi, I am encountering a problem with using autocomplete on a text field within a table cell: http://geysirit.dk/jquery-ui/test.html (Firefox 3.6 and Safari 4) I would expect the button to be to the right of the autocomplete field, and the drop down to be even further to the right. Any good ideas welcome :) Thanks, -dennis
How can I use event: mouseover in Tabs but still allow the links to be clicked and go to a url?
I am using the Tabs that now includes the event mouseover option. I have that set, and it is working as expected. What I am looking for is the ability to use the links to go to a page still. We are using the hover to preview the page content but still want a user's click to take them to that page. I understand that Tabs is using the href value for the div to show, so I am not sure if this is possible but maybe I need to use another attribute like title or something? Let me know if anyone has a work
dialog: setting width...
FYI - I'm getting some height and width values for a dialog via some div attributes. eg: myWidth = $('#mydiv').attr('targetwidth'); The dialog code can handle the new height fine however when setting the width I get: "Error in parsing value for 'width'. Declaration dropped." This can be fixed by changing the width to an integer before passing it to dialog as in: myWidth = parseInt( $('#mydiv').attr('targetwidth')); Thanks, ed
In IE7 why dont UI widgets respect opacity set at outer div?
This is my first post, so my apologies if I break any of the forum rules or if this question has been answered before. I am using "styles/smoothness/jquery-ui-1.7.2.custom.css", "js/jquery-1.3.2.min.js", "js/jquery-ui-1.7.2.custom.min.js" A friend of mine wants to launch a photographic website with a large photograph used as the background image of the main page, they then want an accordian style main menu to be 60% opaque over this image. In my style sheet I have .semiOpaque { zoom: 1; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=60);
Help! Problem with dialog load function
Hi there and thanks for your time. I am using dialog() in the UI core functions to load another page into a modal style dialog window. I'm sort of a javascript/jquery newb with some minor background in OOP from college, mostly a designer, so I don't understand some of basics and am diligently trying to understand the DOM as well. I'm able to launch an inline div content with the modal dialog, themed just fine. However, when I attempt to load an external page in the same folder, the modal dialog
Stop dragging when collision...
Dear all, I spent the whole day to try to solve my problem but I didn't I made a collision detector to know if a draggable div is over another one. It works well and I can catch the information "inside" or "outside" the box (see attached code). NOW, I wish to stop the dragging when the div goes over an other one. I tried to play with "disable" or to modify the position of the div (to put it next to the box), but i does not work Code is (should be) attached. Demo is also available at http://www.noisy.ch/jq/collision.html
jQuery RIA framework (DWZ富客户端框架)
DWZ富客户端框架即jQuery RIA framework ．基于jQuery实现纯html+css+js富客户端UI组件框架. 打开index.html就可看到demo. DWZ富客户端框架,比较适合做二次开发,使用jQuery可以非常方便的定制特定需求的UI组件,并以jQuery插件的形式发布. 在线演示地址 http://dwz.duqn.com 下载地址 http://code.google.com/p/dwz/ DWZ小组联系方式: 杜权 duqn@hotmail.com 吴平 wupinggone@hotmail.com 张慧华 zhanghuihua@msn.com
Dialog fade effect doesn't work
Hi! As i read in bugtracker and docs, the fade effect was added to the 1.8 and can be now used with dialog widget with show/hide options. I reality we have: jQuery 1.4.2, jQuery UI 1.8rc3. When we specify hide : 'fade' and click to close the dialog, the modal background disappears, but the dialog itself doesn't close, and obviously no fade effect. Out code that calls dialog is: jQuery.extend({ FizzerDialog : function(title,text,param) { param = param || {}; if(title == '')
Problem in Jquery ui drag and drop plugins
Hy i have problem regarding jqurey ui's plugin draggable and dropable. plugins works fine in all browser except internet exploror 6+. when i drag and than drop the element i got the following error message as alert. <b>JavaScript Error: Description:data(...).option is null or not an object sorce://http://192.168.0.100/ajay/igme/js/jquery/jquery-ui.min.js<br> Line:22<br><br> See More Details?</b>
get position of unique div in droppable/draggable
Hi, i have droppable, draggable and i have a few draggable divs, and one droppable div. I want to get to variables position of each div. btw. divs are cloned. for example draggable draggable1 draggable2 draggable3 droppable ____________ thank you very much
Sortable CSS style is not showing when sortable element is not <ul>
I am trying to use sortable to <tbody> and other html elements. so far, they can too be sortable but the default jQuery UI CSS style will not apply. Does anyone try to use sortable on other html elements too? how to work around the style problem?
How was the format of the Datepicker localization determined?
When selecting different locations and using the datepicker the format being entered into the input field may change to use periods "03.03.2010", dashes "03-03-2010", ISO or not ect... I am curious how it was determined which location got which format? Can you point me to a resource/s ?
Next Page