draggable is slow
Dear All, I have implemented Jquery Draggable and Droppable for 9 dives which has more content and images inside each divs. and my website is hosted in web server, when i run application all works great and good performance. when we integrate our website under our client's portal, drag and drop is very slow, i am analyzing this issue, if any one provide suggestion on this it will be greatly helpful. Regards, M.Seenuvasan
Styling alerts throughout whole site using dialog boxes
Hi, I have lots of javascript alerts throughout my site, I need to style them up using a jquery dialog. Can anyone please tell me how I can setup a default dialog and populate it with the alert text? A typical alert looks like this: window.alert("text here"); My current dialog looks like this: $('#sessionTimeout-dialog').dialog({ autoOpen: false, width: 400, modal: true, closeOnEscape: true, buttons:
jquery autocomplete not working though json is success
<script type="text/javascript" src="jquery.ui.autocomplete.min.js" ></script> <script type="text/javascript" src="jquery.ui.core.min.js" ></script> <script type="text/javascript" src="jquery.ui.widget.min.js" ></script> <script type="text/javascript" > $(function () { var cache = {}, lastXhr; $("#Grid_RouteDetailCode_ftxtLocationName").autocomplete({ minLength: 1, success: function (request, response) {
Using .attr() to pass data between page
I have an application where an HTML page is loaded into a jquery-ui dialog. I need to save a value obtained on this inner page using javascript (a string) I have been saving it as an attribute on an element on the outer page like this: $('#button').attr("string", 'value'); from javascript on inner page. And accessing it on the outer pages' JS like this: $('#button').attr("string"); If I use the inner page multiple times, it becomes "out of phase" with the data sent: 1st time: displays 1st string
Get Previous and Next Element Ids in jQuery ui sortable.
Hello, I am using jquery ui sortable in my website. The problem I am facing currently is that I am not able to determine the previous and next elements' id of the currently sorted element. The requirement is that I have a jquery ui sortable list in my website and I have to implement drag and drop functionality using that i.e., if I drag the element from ui sortable and drop it at the droppable area then I should change the status of that dragged element. The only way I can think of regarding this
accordion width in %
problem: when i click on the header, the content will open. if there is a long text, the width will be full size. in the next acc are only 1 word a.e. - so the accordion resize very small. i want the width every time on 100% when using the widht in px, all working, but not in %. i need this for smartphones and widescreen. is there an alternative for percent?
JQuery Tabs - Content Via Ajax - Same Url Issue
Dear, I'm trying to create a JQuery Tab with two tabs (using content via Ajax, like this http://jqueryui.com/tabs/#ajax), each one with the same URL but with different arguments. Like below: <ul> <li> <a href="../../person/view/<?php echo $id1 ?>" data-toggle="tab">Person1</a> </li> <li> <a href="../../person/view/<?php echo $id2 ?>" data-toggle="tab">Person2</a> </li> </ul> The problem is that only the first tab works (only the Person1 view loads).
DatePicker trigger icon draw inside the textbox
Now the DatePicker draws trigger icon right outside the textbox, I suggest it could support drawing icon inside the textbox, at the most right. The reason is I set textbox 100% width, an outside icon would make it become 2 lines in a talbe cell. thanks.
Where is example ajax code?
A total n00b question, I know. But, I want to look at the example tabs code and cannot find the php files that are referenced in the ajax directory. For example, in the tabs example "content via ajax", line 29 has href="ajax/content1.html" but the referenced code is never shown in the "view source" link. Are the complete examples (including the subdirectories) available for download as a bundle? Thanks, Thom
Setting minDate on jQuery datepicker -100y
Ok so I want the range for my datepicker to be like so: This year - 100 years. That's all I want to restrict. Below is my following code... But it's showing 1991 - 2001.. I want to show 1914 - 2001... $( ".datepicker" ).datepicker({ dateFormat: "yyyy-mm-dd", maxDate: "-13y", minDate: "-100y", changeMonth: true, changeYear: true });
Datepicker - How to display a pre-filled input field?
Hi all, I have one Problem with datepicker, that I cannot solve. I try to write a pre-filled value into the Input field, before I Chose a date in the datepicker. The data should be overwritten by chosing in datepicker. But when I add the field´s id, it won´t Display anything, except of the date, I chose. <!doctype html> <html lang="en"> <head> <meta charset="utf-8"> <title>jQuery UI Datepicker - Format date</title> <link rel="stylesheet" href="http://code.jquery.com/ui/1.10.3/themes/smoothness/jquery-ui.css">
Creating a link to a particular tab
I'm integrating the jquery UI tab structure on a website, and would like to be able to create a link to a particular tab. The basic structure is: <div id="placetabs"> <ul id="menutabs"> <li><a href="#panel1"><span>Tab1</span></a></li> <li><a href="#panel2"><span>Tab2</span></a></li> <li class="last"><a href="#panel3"><span>Tab3</span></a></li> </ul> <div id="panel1" class="tabscontent"></div>
Strange Behavior of JQuery : multiple dialogs
I am facing a strange behavior of JQuery, I am sure it is related with JQuery not with jtable which I am using for whole of my implementation. I have two columns for editing and deleting which I customized and replaced with jTabel default functionality. As soon as I click the edit button , The dailog appears for edit. I cancel and again click on any part of the jtabel's row, it again opens the same dialog which I opened before for editing the record. Moreover, If I click afterwards 'delete' button,
Jquery Accordion doesn't work across browsers
Good morning, I am having a problem with a Jquery accordion. I was able to get it to work on fiddle and it is rendered successfully in Google Chrome, but not in IE or FireFox. Could anyone take a look at the attached code and let me know if they know why this might be? Example Thank you, B
eliminating the overlay
I am using this tutorial here tutorial to build a calendar, it utilizes jquery-ui to produce a dialog box for the registration of an event. Upon clicking a time slot the dialog appears on top of the overlay. You can see an example of what I am talking about on the section named "Let's start a dialog". But I do not want this overlay appearing at all. The problem is I do not know how to do it.The file I downloaded from here for using the UI component is jQuery UI - v1.10.3-custom-min.js. probably the
Jquery ui -dialog box automatically close after first ajax call.
I have jquery ui dialog box. I want to do some ajax operation while dialog is open. I am using response of first ajax in to second ajax call. while I am doing this my dialog box is closed after first ajax responses successfully. so I want to open dialog until I complete both ajax successfully. Please help with this.. Thanks,
Problem calling .menu() on injected (dynamically created) HTML
Hi, I have dynamically created HTML like this: var str = '<ul id="menu1"> str += '<li><a href="#">Item1</a></li>'; str += '<li><a href="#">Item2</a></li>'; str += '</ul>'; $('#div1').html( str ); // Insert jQueryUI $('#menu1').menu(); The problem is, this doesn't work. If I make the <ul></ul> in static HTML, then it works. Can someone point me in the right direction? Thanks !!
Help on Accordian widget
Hi Everyone, I am using accordian widget to display the options in list wise. It is working fine but not fulfilled by requirement. My requirement is in the beginning of page load it's automatically focus on first list. When I was refresh the page (I was capturing list id) but it was going to first list by default so, how can we use that id to stay the current list. For example, we have 3 lists as below. First I am going to open first list then second list and then refresh the page, in this time I
Issue with jQuery UI Sortable
Hey there I'm having a issue I've made this script for a "box switch" and the issue seems to be that when you pick up the box and move it there is a dupilicate box following it and also sometimes the CSS will mess up and connect the boxes together when there should be spaces for more details if you don't understand just ask I have it all in a js fiddle 100% working JS Fiddle Test
how to pass product price,add to cart to jquery
Hi, I am having the following code.This code display image , short description ,title,add to cart button,and price of the product.But what my issue is the product description,price it shows are not for the clicked image.it shows the description,price about the last loaded image.add to cart button is not working.How do i pass the description,price for the currently clicked image.The problem is product description and price are in different div tags and the image is in another tag. $(function ()
Datepicker Output back to mySQL format?
Hi, probably a fairly simple answer to this as i'm certain lots of people have run into it, yet i can't find a solution by searching.... I have a mysql database. the default date format it uses is yyyy-mm-dd. My client is in England, and they are used to having mm-dd-yy. I have used the dateFormat property to successfully display the date the way i want when it's selected, and i've used strtotime in php to re-convert it back to the correct format when saving to the mysql database. One small problem
jquery ui - buttons
Oi, estou usando o jquery ui, o dialog do jquery ui, e preciso saber como usar os buttons do dialog, preciso marcar o button com uma class, alguem sabe me dizer como.... exemplo: ---- Hi, I'm using jquery ui, jquery ui dialog to, and need to know how to use the buttons of the dialog, I need to select a button with a class, someone can tell me how .... example: <script> $(function() { $( "#dialog-message" ).dialog({ height: 600, width: 720, resizable: false, modal: true, buttons: { BUTTON:
datepicker for dynamic table cell.[beforShowDay]
Hi All, Currently working in room reservation form . On that i need to disable days that are all already booked against that particular room. In my form , i have a button to create a room . It will create a table row having [checindate], [checkoutdate] columns. These two columns are datepickers.want to bind beforeshowday function for all dynamic datepickers. $("#tblReservationBody").delegate(".Indatepicker", "focusin", function () { $(this).datepicker({ dateFormat:
How to create a blog archive in jQuery UI
I want to create a blog archive made of jQuery but when i did it i have a problem. Here's the code: <div id="accordion"> <h3> 2013 </h3> <div id="accordion"> <h3> December </h3> <div> <a class="anchor" href="riverajakob11.github.io/index.html#my-first-post"><span class="octicon octicon-link">My first post</span></a> <br> <a class="anchor" href="riverajakob11.github.io/index.html#how-do-i-blog-posts"><span class="octicon octicon-link">How do i do blog
JQuery UI Draggable + Snappable False Positives
I am seeing the following unexpected behavior: Snappable elements are being returned as "snapped" when they should not be. Here are the scenarios: 1) The draggable element is in between snappable elements - Expected "snapped" elements = 0 - Actual "snapped" elements = 1 2) The draggable element is covering all or part of 1 snappable element - Expected "snapped" elements = 1 - Actual "snapped" elements = 2 See fiddle below for an example: http://jsfiddle.net/95qAk/33/
Pulling in JQuery and JQuery UI from Google CDN?
Total noob question here, but when I try to switch the JQuery and JQuery UI libraries from the references in the sample code under "Droppable" sample code, i.e. the following two lines: <script src="http://code.jquery.com/jquery-1.9.1.js"></script> <script src="http://code.jquery.com/ui/1.10.3/jquery-ui.js"></script> to move over to the Google CDN: <script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script> <script src="//ajax.googleapis.com/ajax/libs/jqueryui/1.10.3/jquery-ui.min.js"></script>
Enable <table> (and <tr>) to be sortable.
Hello everyone, and best whishes for the incoming new year. I'm a new jquery user, and i want to use "sortable". By default, the "sortable" function only works with lists (<ul> and <li>), but i want to use it in a table, to rearrange my rows. I thought it would work with any <tag> as it has the right "class" or "id" but it won't. (sorry for my english) Here is my actuel code...(with <ul> and <li> tags) (it calls a ajax file to save the change in a database, but i've moved this part of the code, 'cause
jQuery UI Tab via Ajax
The following JavaScript codes cased an Ajax error. What would be wrong with this codes? <!doctype html> <html lang="ja"> <head> <meta charset="utf-8"> <title>jQuery UI Tabs - Default functionality</title> <link rel="stylesheet" href="http://code.jquery.com/ui/1.10.3/themes/smoothness/jquery-ui.css"> <script src="http://code.jquery.com/jquery-1.9.1.js"></script> <script src="http://code.jquery.com/ui/1.10.3/jquery-ui.js"></script> <link rel="stylesheet" href="/resources/demos/style.css">
how to go to next tabs using keyboard
I am new to jquery ui. How to createKeyboard navigation using tabkey/right arrow key/left arrow key (like for moving to next tab) feature for jQury Tabs on keyboardleft/right> changeback/forwardcontent ofactivenested ajax tabs tab <div class="tabs"> <ul class="tabNavigation"> <li><a href="#first">tab-1</a></li> <li><a href="#second">tab-2</a></li> <li><a href="#third">tab-3</a></li> </ul> <div id="first"> First name: <input type="text" name="fname"><br><br> Last name: <input
TextBox Value on one tab passed to a label on another tab
I have been banging my head trying to figure out how to get this to work. I am creating a form with jQuery UI Tabs. I have 3 tabs: Basic Information, Payment Information, Confirmation. The first two tabs have textbox's for user to fill out, and the confirmation is just a blank label that should pull the value from the corresponding textbox on tab-1. Here is some of my code: I have tried multiple variations below in changing lblConfirmFirst and tbFirstName as well as the .val and .html <script> $("#btnContinue").click(function
Slider range with fixed maximum, text as value
Hi, I'm working on a jQuery Slider for my website. I'm using this slider http://jqueryui.com/slider/#rangemax. I want to replace the minimum and maximum by text values. So that if you scroll to the next value (text) it will redirect you to another page. My question is if this is possible, and if it is, how can I apply this to the code. I'd really appreciate your help. Thanks in advance!
Slide Show in Html 5
HI ALL I have requirement to create slide show using Jquery in html5.I used Jquery sliders which is not working can any one help me how can I do slide show using jquery Thanks Quality Communication Provides Quality Work MOHAMMAD SIDDIQALI.
Refresh containment for helper during the dragging
Hi! I have document as the containment for helper. During the dragging document may be increased, on the specific event. How I can refresh cached containment boundaries? Now I have to use private methods like this: ``` //somewhere inside my event handler $.ui.ddmanager.current.document = $(document); $.ui.ddmanager.current._setContainment(); ``` Thanks!
How to Create Slide Show using .clearQueue()
Hi Folks, * I am come acrossed .clearQueue() method which is part of jquery Effect Section. *And I found it's very different and through this I want to create the slide show .Can any one help me in how can I create the slide show on page loads using ..clearQueue() method. Thanks
movement problems with modal Dialog
A while back I asked a question regarding how to stop a fixed dialog from having its movement scaled by the vertical scroll position of a page. This post seems to have disappeared, anyhow. I've been working on another project so only recently come back to this issue which is still very much extant. I believe I posted a JING link at the time, but it seems very easy to replicate 1) create a document such that it is larger in height than the display area permits 2) stick a button to open a dialogue
Slider range
I am speaking about http://jqueryui.com/slider/#range How can i edit css of that slider?
jQuery Validation on jQuery Autocomplete
I am trying to validate jquery autocomplete to select only from the prepopulated list.I have done this in the autocomplete change event as below : $( "#supcode" ).autocomplete({ source:tags, //To select only from the autocomplete change: function (event, ui) { if (ui.item == null || ui.item == undefined) { $("#supcode").val(""); $("#supcode").attr("disabled",
Datepicker Positioning
Using 1.4.2 and ui 1.8. I have an text box datepicker. I want it to display above the text box, and cannot figure out how. I read the docs, searched this forum, read some of the code... This should be easy. In Chrome it appears above. On IE and Firefox it appears below. Any help appreciated. TIA
Active accordion problem..
I use jQuery accordion, and I want set accordions expanded or collapsed dinamically. I do this: <script type="text/javascript"> $(function() { $( "#_title_${sec_id}_id" ).accordion({ active: ${open}, collapsible: true, heightStyle: "content" }); }); </script> But if ${actived} is true accordions are collapsed, and if ${active} is false they are collapsed again. Is this a bug?? Or is there a solution?? Thank you very much
how to display images based on their ids in dialog box
Hi, i am having online shopping site which has lot of product images. if user click the quick view , the corresponding product image should be display in the dialog box. The following jquery display first image only if user click any one of the images. Each product image has unique id.How to use this id and display the corresponding image according to user click. $(function () { $("#dialog").dialog({ modal:true, autoOpen: false, resizable: false,
Next Page