JQuery Tab issue in IE 8,9,10,11
Hi Friends! I have a page which has a list of tabs that show tab panels elsewhere in the same page. I like to post a page to controller using <a href=""> tag at first time it works fine. But again i like to post another time not working.... i can't post that pages to controller using IE8,9,10 and 11. This is an example of my markup. " @{ ViewBag.Title = " Control Panel"; Layout = "~/Views/Shared/_Layout.cshtml"; } <script type="text/javascript"> $(document).ready(function () {
Want to show arrow with mCustomScrollbar
Hi, I want to arrow in right side and left side with mCustomScrollbar.
history.go(-1) not working in iOS9 Beta
history.go(-1) stopped working once upgraded to iOS9 beta
How trigger autocomplete event from another event
Hi all, I have autocomplete implemented like : var cbx_search_in_description= $("#cbx_search_in_description").is(':checked') ? 1 : '0' var cbx_search_in_past_events= $("#cbx_search_in_past_events").is(':checked') ? 1 : '0' $( "#autocomplete_events" ).autocomplete({ source: function( request, response ) { $.ajax({ url: ajax_object.backend_ajaxurl, dataType: "json", data: { action: 'autocomplete-events',
Strange Issue with jQuery DatePicker
Hello, I have an application that uses jQuery "jQuery JavaScript Library v1.10.2". We have some pages with fields that have datepicker added: //Some code $("#fecInclusionDate").datepicker($.datepicker.regional["ca"]); $("#fecInclusionDate" ).datepicker( "option", "dateFormat", 'dd/mm/yy' ); We notice that if user navgates to some forms that have this component enabled, but did not use component, then in next page, we have like a Datepicker shadow on the top left of screen: This occurs with multi-browse,
Accordion - open on hover intent
Hello, I am working on a veritcal Accordion with that instruction: http://jqueryui.com/accordion/#hoverintent Where I have to write which part of the source Code? Between <head> </head> in the Masterborder? and <Body> </Body> in Textfield? What I have to write on the Website, after using that Script?
Existing Jquery autocomplete code Posts Null Ref Jquery 1.9.1 Upgrade
$(function(){ var searchRequest = null; $("#asksomething").autocomplete({ minLength: 3, highlightItem: true, multiple: true, multipleSeparator: " ", source: function(request, response) { if (searchRequest !== null) { searchRequest.abort(); } searchRequest = $.ajax({ url: window.location.origin+'/cgi-bin/cgi-lib/autocomplete.pl', method: 'POST', dataType:
accordion open/close at runtime
Hi, i would like to close the first and open the second accordion tab, when the user click on the submit button of the form. I had try to make it with $_SESSION, but this does not works, or always one click to late. How can it be done? bfo
errors between ajax, and accordion when dealing with the DOM data interchange
Is there an error between ajax, and accordion with 11.1.4? situation: works fine: hard redresh (f5) displays incorrectly: soft refresh (ajax load page data)
issue regarding resizable resize event behavior
Hi all, I have some widget using jQuery draggable and resizable. I currently have collision detection algorithm done such that for example on the drag event in draggable. I can manually set the ui.position.top and ui.position.left to prevent the widget from moving further if blocked. However in the resize event of resizable if I manually set ui.size.width and ui.size.height when I detect collision. It still continue to resize. Am I missing something? or is there compatibility issues with draggable
I am trying to add a second set of draggable and droppable boxes
This is my code. It is the droppable code, with two more boxes added. What am I doing wong? Larene <!doctype html> <html lang="en"> <head> <meta charset="utf-8"> <title>jQuery UI Droppable - Default functionality</title> <link rel="stylesheet" href="//code.jquery.com/ui/1.11.4/themes/smoothness/jquery-ui.css"> <script src="//code.jquery.com/jquery-1.10.2.js"></script> <script src="//code.jquery.com/ui/1.11.4/jquery-ui.js"></script> <link rel="stylesheet" href="/resources/demos/style.css">
How do you style the accordions closed state?
Is there a way to style the closed state on the accordion similar to: . ui-accordion . ui-accordion-header-active { background-color : rgb ( 252 , 255 , 150 ); }
what is the best method to access the position values stored in the DB
Hi, I am using JQuery UI Draggable for moving the Divs around and storing the positions once all the operations are done. So once i logout and login again i need to show the dragged positions that were done initially. So how can i achieve this, could anyone suggest what would be the best approach for this ? Any help on this is more appreciated. Thanks, Ravi
jquery tab control and requriedfieldvalidator
using //code.jquery.com/ui/1.11.4/themes/smoothness/jquery-ui.css, I have created a tab control on the aspx page which works great! As soon as I put a requriedfieldvalidator, the tab control stops working (display in tabs). please help!
how to add onblur in autocompletes for text box fields.i am not getting this one please help me any one.
how to add onblur in autocompletes for text box fields i have to validate the textboxes in autocompletes when input is worng
To Reset link on Anchor Tag on Enter Key Press
I have a Login page. After successfull Login user redirectes to Main Page that is a ASCX Page. I have used div elements in it. <div title="Main" id="main"> <a href="/Home.aspx" id="home"> <div class="link-title"> Home </div> </a> </div> <div title="Contact" > <a href="/Contact.aspx" id="contact"> <div class="link-title"> Contact </div>
Issues with a double click in a draggable item. HELP PLEASE!!!!
this is the code i have and i need to also add a double click to add to shopping cart option but keep the draggable functionality. can anyone help me please im stuck. $(".product img").draggable({ containment: 'document', opacity: 0.6, revert: 'invalid', helper: 'clone', zIndex: 100 }); $("div.content.drop-here").droppable({ drop: function(e, ui) { var param = $(ui.draggable).attr('src'); if($.browser.msie && $.browser.version=='6.0') { param = $(ui.draggable).attr('style').match(/src=\"([^\"]+)\"/);
grey out weekends and bank holidays in datepicker
Hi How can I set the background colour for weekends and bank holidays to grey? Please advise
Open a specific tab THEN accordion through an external URL
I have a client who we have built a new website using WordPress and WP UI (plugin) to generate tabs which then use accordions inside each tab to better organize the data. We are able to link to the specific tabs through an anchor ID (ex: /page/#tabanchorID), but we also need to be able to open a specific tab THEN a specific accordion within that tab. See photo below - Example: We need to open the Anilox Rolls tab (#anilox_rolls) on the left and THEN "EFlo™" on the right. How do we pass this via
Extra border spacing in sortable table in Safari 7.1.7
I have a table with sortable rows (note that sortable() has been called on tbody as stated in the documentation). When I sort the rows, the border spacing gets bigger and bigger. This occurs when using "border-collapse: separate;" and setting a vertical spacing between the cells/rows, e.g. "border-spacing: 0 .3rem;". I've created a very simple fiddle to demonstrate this: http://jsfiddle.net/t6qzn5c8/ Repeatedly sort the rows and the space will keep growing. At the start: After repeated sorting: This
facing autocomplete tagit problem when search the countries
hi this is deepthi. now presently i am working on autocomplete tagit using ajax. when i am searching countries using autocompletes,it searching fine but the problem is after selecting one country no need to accept any characters and i don't want autocomplete after selecting one country. is it possible.please help me any one.
multiselect
jquery multiselect plugin not working properly for more than 3000 data entries. Widget floats down in the page.
Datepicker advertising on windows tab
I need help modifying some strange jQuery UI datepicker behavior. The datepicker is working perfectly as advertised inside my website, but has taken up advertising on my website windows tab. The name of my website has been replaced on the windows tab with "jQuery UI Datepicker - Default functionality". Appreciate your help getting my website name back on the windows tab. Dan
jquery ui datepicker not closing after selection IE11
Hi, This isn't working in IE11 in fact, after selecting a day the calendar closes itself in Chrome but not in IE11 so I tried the hide in onSelelect but no success. hide()Returns: jQuery (plugin only) Close a previously opened date picker. This method does not accept any arguments. Code examples: Invoke the hide method: 1 $( ".selector" ).datepicker( "hide" ); Is there any workaround ?
jQuery SelectMenu not showing the selected item when using scroll bar in IE>9
Hi I am using jQuery select menu to display dropdown list. The drop down list has around 100 items. so i used to max-height to display some items and used scroll bar to go to see other items. when i am using the scroll bar the selected item is not displaying in IE9 and above. it is working fine in chrome. you can use the following link in IE9 and above and find the observation. http://view.jqueryui.com/master/demos/selectmenu/default.html in the above link go to select a number dropdown and select
How to tell that a submenu has been selected rather than the top menu
I need to determine that the user has selected a sub-menu item rather than the top level item, and I'm having real trouble in determining that within the select event. I tried if ( ui.item.children('ul').length === 0) But the problem I have is that if the user clicks on the top level menu and then clicks on it again, it triggers the event, and subsequently using: ui.item.context.textContent contains all the sub-menu items.
Drop position on a Jquery Draggable and Droppable
Hello. I want to make a floor plan with a sidebar draggable elements into a container droppable. Then, from that container where i drop elements from sidebar, i want to make them draggable again to arrange where i want in the container. http://jsfiddle.net/96t0qwmg/2/ I`ve made an example here but it has some problems: 1) when i drag elements from sidebar, they not placed where i dropped in container. Need to position them exactly where i drag. 2) if i drag 2-3 links from sidebar to dropable, then
resizable accordion is broken in latest release
so I was working on a jquery accordion that I wanted to customize with some special behavior. The widget I am working on only has 1 tab and is collabsible, resizeable and draggable. I have applied the resizeable to a parent widget. since I don't want the parent widget to obscure more space than it needs if the accordion is collabsed I resize the parent widget when I collabse expand the accordion. I use 4 variables to this. (uncollapsed width/height and collapsed width/height). I get the active state
JQuery-UI draggable reset to original pos
Hi, How to reset the draggable elements. And also attached zip files. Without reset it is working fine. Below is code :- <!DOCTYPE html> <html lang="en"> <head> <title></title> </head> <body> <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.5.0/jquery.min.js"></script> <script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.9/jquery-ui.min.js"></script> <!-- <link href="http://code.jquery.com/ui/1.8.24/themes/blitzer/jquery-ui.css" rel="stylesheet" type="text/css" /> -->
Transition from JavaScript alerts to jAlert?
Hi! I'm working on a quiz-like game for a website. You enter letters into separate fields to spell a word. If the word is right, you get a "congratulations" dialogue; if it's not, the dialogue tells you how many letters you have right out of how many total letters there are. However, the standard JavaScript alert isn't ideal in this situation for two reasons: I need to insert a link to the next question if your answer is correct. A lot of browsers enable you to turn off dialogues after a certain
Cancel sortable
Hi! I have a problem with sortables cancel method. When the user moves one item in the sortable to a new place I save the position via ajax (called in "update"). If the user moves another item after his session is expired, I want to cancel his / her last move and move the item to its old place. But $( 'selector' ).sortable( 'cancel' ) reverts both moves. How can I cancel just the last move?
How to add more than one image in a single box using drag and drop?
Given: 5 - images, (draggable) 3 - square boxes (dropzone) 3 - rectangle (display the "id" of an image drop in a box(dropzone)) can anyone know this? I want to drag multiple image in a single box(dropzone)..And every drop images "id" display in rectangle, working sample here; http://jsfiddle.net/Lz2dazLf/7/ html: <table> <tr> <td> <div id="rang1" class="DropZone"></div> <input type="text" value="" id="rang1input" name="rang1value" /> </td> <td> <div id="rang2" class="DropZone"></div> <input type="text"
Closing/Removing a Tab from the viewport, dynamically
I have 4 tabs on my viewport. Each tab has multiple widgets with hyperlinks, upon clicking the hyperlinks it opens tabs. If I click the hyperlink of a widget1 it will open a new tab (TabTemp) ( lets say in this case Tab 5). I can use $('#id').tabs('remove', 5); for this particular Tab(TabTemp). If I click the hyperlink of a widget2 it will open a new tab (TabTemp2) ( lets say in this case Tab 6). I can use $('#id').tabs('remove', 6); for this particular Tab(TabTemp2). What can I do in the scenario
Need help to create function of drag div or text in jquery.
Hi all, I am using jquery for draging a div. still it working on div id base but i want use as function like mydrag('div1'){ // } please help me.. <html><head> <meta http-equiv="content-type" content="text/html; charset=UTF-8"> <title>Test File</title> <script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script> <script type="text/javascript" src="http://code.jquery.com/ui/1.8.18/jquery-ui.min.js"></script> <style type="text/css"> #canvas { width: 500px;
How to color each active tab a *different* color?
I've been struggling for days trying to get each tab itself (NOT the content panel) a different color when selected (but Tab0 I want to remain stock). Google has been no help, since every solution shows how to have each active tab THE SAME color as the others when selected; I need each tab to be a different color from all the others when selected. jQuery 1.11.2 and jQuery UI 1.11.4 and dotNet 3.5 ASPX in Chrome browser. Please someone help! HTML: <div id="tabs"> <ul> <li><a href="#tabs-0">Tab0</a></li>
How to retain the dragged positions that is stored in the DB for the next visit
Hi, Below is my code for creating the tables dynamically with rows and columns and the unique number (3rd field) and applying dragging for it. When the tables are dragged the positions are stored in the DB of individual ones. So once i exit from the application and revisit the next time i want all the tables to show the newly dragged positions. Any help / suggestions on this will be appreciated. <!doctype html> <html lang="en"> <head> <meta charset="utf-8"> <title>IP Dragging</title> <link
button set with text input
hello using jquery ui, I created 2 buttons (+ & -) and I use buttonset on the parent div, so far so good but between the buttons there is a text input , how do I set the same style to the text input so it merges nicely witht the buttons ? cant find any example anywhere <button id="minusDelay" title="slower"> </button> <label for="timerDelay">Delay(ms): </label><input id="timerDelay" style="width:40px"> <button id="plusDelay" title="faster"> </button> $("#buttonSet1").buttonset({items:"input[type=text]"});
selectmenu
selectmenu not tranfer the onchange from original select to change and not automaticaly add a scrolbar if needed. older versions of selectmenu do's that, its a simple way to simulate this functionality in version.1.11.
When using a dialog box, how do I target it for content swaping?
I'm starting with: function run_modal(catagory, item) { // alert(catagory +'*'+ item); //modal code for output $( "#modal" ).dialog({ //modal content in here title:"this is only a test",//title of modal box width: 300, height: 300, modal: false, ui-dialog-content:"text", }); } I intend to be able to use the ajax (think success innerhtml) feature to do a page request on the back end to hot-swap the forms, as it could take forever to load
Tabs with Static Header Pane?
I want to create a tabset with a static header pane that remains visible regardless of which tab is selected. Whenever I search on jQuery, Tabs and Headers I get flooded with stuff about the header area that contains the tabs... Something like this (sorry for the ascii art...) [tab a] [tab b] ================== | Always Shown ================== | Alternates depending | on whether A or B | has been clicked | (normal tab behavior) ==================
Next Page