Jquery Tab not executing the asp .net controls
Hi, I have created a aspx page , i have designed that page, In that page i have two drop down list controls , they are like state and district. If i select state then automatically the district drop down list must fill with the corresponding states. I have written the code for that and it is executing successfully. But when i integrate that page with Jquery tab. the drop down lists are not working. please help me to solve this problem.
Tabs isn't working as expect with SEF url
Code example: $('#invite-tabs').tabs(); $('#invite').click(function(){ $('#invite-dialog').dialog('open'); }); $('#invite-dialog').dialog({ autoOpen: false, modal: true, height: 400, width: 600 }); and html-code from example with static content. When tabs is load and activate the tab the dialog is shown and load an index page. If I comment out $('#invite-tabs').tabs(); when content in dialog is shown w/o index page. I mean what when page url is http://localhost/conference/index.php?option=com_conference&view=conference&id=1&Itemid=106in
unable to use Jquery Accordion in wordpress
HI i am new to jquery and wordpress . there is a requirement to show data using collapsable accordion. is it poosible to use this accrdioni n wordpress?. If it is then please guide me how can I do this . regards rbjaved
jQuery / jQueryuUI/ JS Defer testing
Updated from 1.8.1 to 1.9.2, tabs seem to be broken. Also updated jQuery from 1.8.2 to 1.8.3 Then deferred all of them by using the defer async properties. This is what I'm seeing on my test environment: Basically Product Information, Customer Reviews, and Image Gallery are all supposed to be tabs, and works fine at: http://www.amleo.com/knife-soil-leonards-own-stainless-steel/p/4750/ But on my test site, where I'm deferring my JS, and have updated both jQuery & jQueryUI, the tabs are not being constructed
does the following plugins play well with a jQuery UI theme?
I am planning to use following as of now: but I am not sure there will be issues of compatibility, when i start to use jQuery UI theme, (and also in future when HTML5 becomes more mainstream...), in near future, on my website.... 'jQuery form plugin': http://jquery.malsup.com/form/ 'jQuery plugin: Validation' : http://bassistance.de/jquery-plugins/jquery-plugin-validation/ 'jQuery CKEditor Plugin: http://www.fyneworks.com/jquery/ckeditor/#tab-Support I do not want to keep learning about various plugins
Autocomplete only value in array
hi all how can i prevent users to type other things in inputfield then value in array. For example <html lang="en"> <head> <meta charset="utf-8" /> <title>jQuery UI Autocomplete - Default functionality</title> <link rel="stylesheet" href="http://code.jquery.com/ui/1.9.2/themes/base/jquery-ui.css" /> <script src="http://code.jquery.com/jquery-1.8.3.js"></script> <script src="http://code.jquery.com/ui/1.9.2/jquery-ui.js"></script> <link rel="stylesheet" href="/resources/demos/style.css"
tab reload problem with 1.9
Hi there! Before 1.9 to reload a tab with new content i use: var selected = $("#tabs").tabs('option', 'selected'); $tabs.tabs("url",selected, NEW_URL).tabs("load", selected); and it works! But with the 1.9 version that not works anymore so i read the changelog and i try to change the href directly and then reload the tab: $("li#"+id).children("a").attr("href", NEW_URL); $("#tabs").tabs("load", sel);The href of the <a> element change but the tab did not reload. What is the correct way to reload a
what is the correct way to resize the slide handler? - any one show me in fiddle?
I made a scroller bar, and resized the handler, it very bad... how can i resize the handler with correct way any one have a look here and help me? my codes: $(function() { $('#sample').slider({orientation:'vertical'}); }); css: .ui-slider { position: relative; height: 300px; width: 20px; line-height: 20px; border-radius: 2em; background: #CCC; margin-left:50px; } .ui-slider-handle.ui-state-default { display: block; cursor: move; height:100px; margin-left:4px;
Sortable problem in Chrome and Opera
I have a sortable UL using images. Chrome and Opera are putting a height of 15px through 'element.style' of course the images are taller than that, and the result in Chrome and Opera is very bad. The stylesheet for these LIs (.burkeRankItem) specifies no height and IE and FF let the LIs alone and everything is fine. There is a table surrounding the UL - if that matters. Example here SOLUTION -> (found on stackoverflow if I remember correctly) added !important to height and added overflow:hidden
save data in db using input dilog box
i am use dilog box model form. i want to store data in db how we add this.
jquery carousal image loading
i trying to make Images appear in all sliders but so far what ever i tried its not worked for me.how to make the images appear in all the sliders this is my <img src="http://www.bmhs.org/sites/default/files/styles/article-large/public/news_article/add/image/Carousel.jpg" data-lazyload="" width="500" height="187" alt="1" title="AppleMagazine" class="cover lazy" style="background-color: black;" /> providing fiddle link below Link 1 Link 2
datetime picker
Here is a cool looking draft that seems to be based on the current datepicker. (source) http://jonathonhill.net/2009-03-27/jquery-datetime-picker/ The jqueryui date picker could become a datetime picker like the one above. And then the options could specify if you want just date, date and time, or just time. There is a strong need for one of these. The user experience with using select form fields on Month, Day, Year Hours:Minutes:Seconds is very poor because of the number of clicks required to fill
Maintaining the last selected jQuery UI tab before branching out
Hi,. In one of the pages of my application, I have 3 jQuery UI tabs (say a,b, and c) and a button (say Go) that branches out to the same page. When I click on Go, the control goes back to the first/default tab (i.e. a) after the page refreshes. Can someone tell me how I can maintain the tab that was last selected before branching out? I'm using the following code to implement the tabs. <link rel="stylesheet" type="text/css" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.1/themes/redmond/jquery-ui.css"
Fixing the jquery accordion layout
Is there any way to fix the formatting on this. http://shanewmiller.com/Specials/testing.html is the site.
Sub menu is hidden by the folder
I have a jQuery UI menu on my left sidebar and jQuery UI folder on the right. The problem is that the sub-menu is not showing in the area where the folder is. To see the problem, go to the link below, and move the mouse under the "Bay Street Condos" on the menu in the left; you'll notice that some of the sub-menu are not showing simply becase the folder hide them. http://www.gocondotoronto.com/?&id=xcondo I'm using Chrome.
UI Tabs absolute path needed?
Hello, I am currently working on a webshop and I am using JQuery UI tabs. In version 1.8.6 i was only writing "#tab-1" in the href attribute and it was working perfectly. After I updated to version 1.9.2 this is showing the startpage of my webshop. If I write the full path ( e.g. http://example.com/ProductDetail/aid_1234/TestArticle/#tab-1 ) it is working correctly. My Problem is, that the URL can be slightly different and I don't know this on the ProductDetail page. The question is: Is there a
bug in api documentation
Missing close bracket in code example http://api.jqueryui.com/dialog/#option-buttons ?
Can I "nest" a chart function within jQuery Slider and absorb the slider value into the chart?
Hi all, I would like to have the value of a jQuery slider determine the size of one of the pie slices in a chart. As the slider is moved, I'd like the chart to auto-refresh to reflect the value of the slider. Can someone help? Thank you, Chris
Autocompete issue
I have configured an autocomplete as follows: $("#userlookup").autocomplete({ delay: 500, source: function( request, response ) { request.listtype = distribution.LISTTYPE_BCC; request.group = distribution.GROUP_CECIDS; request.maxRows=10; lookupEmails(request,response); }, minLength: 2, select: add2Distribution }); function
view source is not displaying for this link: http://jqueryui.com/draggable/#visual-feedback
I have tried to view this link (http://jqueryui.com/draggable/#visual-feedback) in several browsers w/o any success. I students who have tried to access it was well w/o success. I do see view source in all the ones I just clicked on. Any help would be appreciated.
Drag a object to a droppable object after the object hover a sortable object
Hi, I am using 2 sortable objects and 1 droppable object. The 2 sortable are connected using "connectWith" property. The idea is that i will drag objects from the bottom sortable to the upper sortable or to the droppable object. The problem is that when i am dragging a object from the bottom sortable to the draggable object, the second sortable get it instead of the draggable object. This is happen only if my mouse is hover the second sortable in the way to the draggable. As you can see in the attached
Jquery ui tabs cover the whole page
I want the tabs to cover the whole page . I used the below html . Works in chrome but not in IE9, firefox ,chrome or safari . Can some one help me to figure out the issue? <div id="tabs" style="width: 100%; height: 100%;"> <ul> <li> <a href="#tabs-1">Nunc tincidunt</a> </li> <li> <a href="#tabs-2">Proin dolor</a> </li> <li> <a href="#tabs-3">Aenean lacinia</a> </li> </ul> <div id="tabs-1"> <p> Proin elit arcu, rutrum commodo, vehicula tempus, commodo a, risus. Curabitur nec arcu. Donec sollicitudin
how to drop element on overlapping element
I am using drag and drop functionality in my site so that i can able to place any div at any place. and i can able to drop image to any div , its working fine . the problem i am facing is whenever any div over lapping with other div while dragging and drop any image to the overlapped div then the image is droping into the down div not the above div , i am unable to find the droped div id , If any body faced such problem let me know the solution Thanks in advance Surya
JQuery Grid Data Binding with SQL Server
i am using jquery grid but column are not display. can you provide any help tutorial data binding with SQL Server in ASP.NET ? Please give me suggestion.
Side by side acordion not the same vertical height
I have two acordions side by side but don't have the same vertical height. I like them to be the same vertical height.. Below is the html. Can someone help me figure out the issue? <script> $(function() { $("#accordion").accordion(); $("#accordion1").accordion(); }); </script> <div id="accordion1" style="width : 50%; float:right"> <h3>Section 1</h3> <div> <p> Mauris mauris ante, blandit et, ultrices a, suscipit eget, quam. Integer ut neque. Vivamus nisi metus, molestie
Is there a easy or quick way to add dates to highlight in jquery datepicker?
Right now i add dates like example and it works fine but i have to edit the script every time. var highlight_days = new Array("10/01/2013", "21/01/2013", "12/01/2013"); beforeShowDay: function(highlight_days) {... Is there a easy and quick way to add new dates ?
jQuery-ui sortable and droppable list
I'm trying to achieve a folder like application. I asked this question a couple days ago on stackoverflow.com (here) This is in short what i want to do.(Think of it as grouping in photoshop) <li>Folder1</li> <li>Folder2</li> <li>Folder3</li> <li>Folder4</li> <li>Folder5</li> The list above should both be sortable and droppable. This means if you drag one folder into the other one this will happen: <li>Folder1</li> <li>Folder2</li> <li>Folder3 <ul> <li>Folder4</li> </ul> </li>
Autocomplete not working
OK it's about 10 hours of trying to get a basic Autocomplete woking and I'm feeling like about the biggest dope in the history of the internet right now. Page: http://AgilityEvents.net/administration/EventForm.php?action=add (You need to use the full URL) Datasource: http://AgilityEvents.net/webservices/clubInfo.php (Try ?term=RACE to see a sample result set) From what I 'see' using FF Web Developer Tools, nothing is happening when I enter characters in the targeted <input> ... in other words, it
Ken Burns effect with jQuery UI ?
Hello, Does jQuery UI include Ken Burns effect? Ken Burns effect allows a zoom in/out effect on a picture. Thanks, Chris
jQuery.sortable floated element issue..
I want to implement a thumbnail 'drag and drop'. However, it is not easy. Sample Site This is difficult to explain in words. Please take a look at the my sample page. The middle area is a grid type, and the right area is a list type. <ul style="list-type:none;width:500px;" id="middle" class="connectedArea"> <li style="float:left;width:180px;height: 120px">..</li>...</ul> <ul style="list-type:none;" id="right" class="connectedArea"> <li style="width:180px;height: 120px">..</li>…</ul> $('#middle,
Only show Active Items in autocomplete
I have a question. I have an Autocomplete the is shwing a list of Active people. Is there a way to only show Active people but if they type a name of an Inactive person the name will show in the input box but not in the dropdown list? This is my combo box function (function($) { $.widget("ui.combobox", { _create: function() { var input, self = this, select = this.element.hide(), selected = select.children(":selected"), value
Jquery UI Tab - Adding more tabs should add in same line
Using jQuery UI tab want to display tabs in one line instead of wrapping to next line. While adding new tab dynamically if new tab not fitting on the tab panel, size of existing tabs on the panel should automatically adjust to fit the new tab on same line. Like if open more tabs in Firefox or IE.
How to make Tooltip onClick
Hello, I am wondering if it would be possible to open a tooltip from jQuery UI on a onClick event and how one would implement that.
[Tabs component] How to remove a tab but not its div component
Hi all, and thanks for paying attention ! I have a tab component with few tabs leading to the same DIV : $('#ecocalculateur_tab_container').tabs('add', '#ecocalculateur_input_tab', ''); $('#ecocalculateur_tab_container').tabs('add', '#ecocalculateur_input_tab', ''); $('#ecocalculateur_tab_container').tabs('add', '#ecocalculateur_global_tab', '');So tab 1 and 2 share the same content. Then i need to remove the second tab : $("#ecocalculateur_tab_container").tabs('remove', 1);But doing this also delete
reload jquery windows
with javascript i used window.open to open a page, enter data into a form and at the end, before closing the window i used the follwing js command window.opener.document.forms[0].action="mainPage.php", window.opener.document.forms[0].submit(); to reload the opening page. now i want to do the same with jquery-ui dialog windows: i insert a tag object in it to open a page and then..how i can simulate the above js command? the problem is that the code for jquuery-ui windows are within the code of the
Can someone help me please...I have an issue with cloning an element and it's functionality.
I have a draggable module that has an edit/delete functionality attached to it that works great. But when I drag it and it gets cloned and I drop it in the droppable area the clone loses it's edit/delete functionality. The buttons are still there but they won't function. I really need to know what I'm doing wrong here. Here's my code for it... var xLabsConnect = { jQuery : $, settings : { columns : '.column', columnsNav : '.columnNav', widgetSelector: '.widget',
Particular case: Programmed Query string using form inside dialog
Place a part of my project. When I run this code and I click add on the window. Firebug responds with an error when I run the script in to submit. I would like to know why does not this `alert ("Se funziona questo mi hai aiutato");` http://api.jquery.com/submit/ There is a example at the end of the site and also works on my pc. Now I public my code or exercise where I use the form inside the window's dialog(Jquery). I want programmed and I have the solution but the script inside the function's javascript
Changing the width of the modal form
Hello, I am using the modal form example on the following link to create a form on my website.. http://jqueryui.com/dialog/#modal-form But the field that I have used in my form is an upload file field which requires more width than the regular modal form mentioned in the example. I wanted to know if there is a way I would be able to change the width of the form that pops up on the click of a button.
Jquery Ui - effect callback function
Hi, I'm trying to use jquery ui effects but i'm not able to show the page once it is load with an jquery ui here sample page: (clickable buttons are grafici and strumenti) http://ugom.comuf.com/ I suppose I need to make an callback function but i'm not able make it Regards Ugo <!DOCTYPE html> <html lang="it"> <head> <meta charset="utf-8" /> <!-- Html 5 e CSS3 --> <!-- Always force latest IE rendering engine (even in intranet) & Chrome Frame Remove this if you use the .htaccess
Sortable on ul - dragging an item does not make list scroll in IE9
I am seeing an issue with Sortable in IE9 that list does not scroll as an item is being dragged down. Is it a bug or am I missing something here? Here is the sample that I am working with - <style type="text/css"> .sortable { border: 1px solid black; height: 200px; width: 368px; list-style-type: none; margin: 0px ; overflow-y:scroll; padding:0px 0px 0px 0px; font-family: Verdana; } </style> <body> <ul id="sortable"
Next Page