drag the div along with arrows
Hi team, I have a divs dynamically created on my page and they are connected by the arrows, arrows can be bidirectional as well. I have created the arrows using the svg and now when i drag the div , arrows are not getting dragged. for dragging the div i have used the Jquery Ui draggable Could any one help me with any solution Thanks & regards Sai krishna
How do I get the information from a div after a have used Jquery-UI dialog
Here is the problem. I have a html table that I create dynamically and here I have a div within an td where I have some attribute with information. I associate an event handler to my div by using the id in this way. $('#' + track.id).click(function () { $("#dlgBooking").dialog({ width: 230 }); }); So when I click on the div the associate jQuery-UI dialog is displayed <div id="dlgBooking" title="Booking menu" style="display:none">
animation between the tab show and hide effects (jquery 2.0.2 & jqueryui 1.10.3)
I am trying to perform an animation after the hide effect has finished but before the show effect starts. I already tried the beforeActivate and activate events. But sadly enough the beforeActivate is triggered before the hide effect even started. And the activate is triggered after the show effect finished. So here I basicly have the basic start setup. But seeing I have no idea how to continue to implement an animation between those 2 effects. It's just a basic setup for the tabs to work with the
Accordion in content page disable the Accordion Menu?
Dear All, I am building a site for a client using Shape5 template. A couple of page with Accordion contents will disable the Accordion drop down menu (site link, there are accordion sub-menus under About Us, IPD, GERSMC ). I can not figure out a way to fix this. Please help! Thank you so much in advance. Tony
How to get value from loop after selecting autocomplete
My PHP Code In Model using Codeigniter $return_arr =array(); $new_row =array(); foreach($query->result_array() as $row) { $new_row['test_type_id'] = htmlentities(stripslashes($row['test_type_id'])); $new_row['test_type_name'] = htmlentities(stripslashes($row['test_type_name'])); $new_row['value'] = htmlentities(stripslashes($row['test_type_name'])); $this->db->select('*');
jQuery UI Draggable + CSS Transform Causes “Jumping”
I'm having an issue with regard to using Draggable with a CSS transformed parent. Basically, I need to use absolute positioning to spawn a Draggable div directly underneath the cursor. When absolute positioning is used with CSS transforms, the draggable element does a bit of jumping right as the dragging takes place. After the jump takes place, behavior proceeds as expected. The jump does not occur if no transformations are applied to the draggable or the parent div. Here's a fiddle that shows exactly
'Slide' Effect problem while using Bootstrap
I am having a major issue using the Slide effect on a div specified within the bootstrap framework. For my application a div is 'Drop' animated from the page, its contents altered, then it is 'Slide' animated back into view. The problem is the animated div keeps on sliding past central view, continuing until it falls out the other side. The code worked fine before I migrated to a bootstrap layout. An example I made from a bootstrap example is at http://jrb.freewebspace.com/ if you click the 'View
autocomplete results after parseJSON (umlauts)
Hi everyone I've been working with the autocomplete widget and it really is easy to handle. But I have a problem with the results shown after I use the following function: $(function() { var availableTags = $.parseJSON('<?php echo json_encode($location_drop); ?>'); $( "#location_tags" ).autocomplete({ source: availableTags }); }); The results in the php variable ($location_drop) appear, but the umlauts are shown in html character entities. I've already checked the output of "json_encode($location_drop)"
Tab Navigation Active JQuery
I have couple of tabs in my page like Features, Overview, Images etc. What i want to do is When there is no content in Features, I want to feature tab and content not to be shown in my page but only Overview and Images and the Overview should be the active one and content should be shown too. I manage to get the feature out but Overview does not become active. The only way it become active is when i click it. Also the contents for Overview is not shown and only can be seen when i click the Overview
How can I set a background on the whole JQuery-UI dialog
In a function I open and display a JQuery-UI dialog by using this code. I have this code in a function which open and display a JQuery-UI dialog $("#" + track.id).click(function () { $("#dlgBooking").dialog({ width: 230 }); }); //Here is the actual JQuery-UI dialog to display. ****************************************************** <div id="dlgBooking" title="Booking menu" style="display:none"> <ul class="nav">
insert input text inside a jquery tab
hi everyone, i'm a beginner on jquery ui i have tab bar and i want to add a search bar inside the tab like the jquery ui website there is someone who can help me ? thanks
Disabling jQuery tabs content
I am developing a php application using jQuery tabs. I need to create a form that has various tabs that are to be enabled depending on what security group you belong to. Disabling the tab is the easy part. My issue is that the content that would be in the tab is still passed to the browser. Anyone can view the source of the page and see that content that I didnt want them to see. How do you handle blocking the content on the disabled tab? I am open for ideas and cannot find any direction when searching
How to set datepicker from another field
Hello fellow jquery travelers. Im trying get datepicker to use a mindate from another field. How can I set up the mindate when a user selects a date from another field and then I get the xx/01/20xx as the mindate of the field Im trying to get datepicker to use.Example First date 08/13/2013 Second Date would have the datepicker mindate start at 08/01/2013 Thank You
remove blue highlight from jquery ui tabs
I'm using jQuery UI Tabs and want to remove the blue focus highlight when I click on a tab. I've tried input { focus: outline:none; } with no success. Any ideas?
YUI Compressor breaks JQuary-ui-1.10.3
Hello guys! At our project we're using jquery-ui-1.8.1.6 with jquery 1.6.2 When we tried to update jquery-ui to version 1.10.3 (and jquery up to 1.10.1) when we started our web application we got such an error Uncaught ReferenceError: Invalid left-hand side expression in postfix operation jquery-ui-1.10.3.min.js:2 i noticed that it happened after we'd built project and Minify Maven Plugin (which uses YUI Compressor) had minimized jquery-ui-1.10.3.min.js I've found similar issue here http://bugs.jqueryui.com/ticket/6060
jQuery dashboard
Hey guyz, I m new in this community, What I want to do is create a dashboard, 1.tabs(able to add,delete,sort) 2.the tabs should give option to add some divs which will be like sortable portlets in jquery ui(able to minimize,maximize,add,remove) But I m not getting how to do this. PS. can I use highcharts on this sortable portlets?
jQuery UI Dialog with TinyMCE blocks button click first time in Firefox
I have jQuery UI Dialog form, which has a TinyMCE editor. It is working well with Google Chrome and Internet Explorer8+. But in Firefox, when I edit/change the content in the TinyMCE editor and while clicking the submit button, the page gets focussed on the TinyMCE editor for the first time. And in the second time it gets submitted. And I am using jQuery validation plugin for the form validation ( in http://jqueryvalidation.org/). And the my code is as follows (This works perfect in IE8+ and Google
First tab does not display div when hovering
In my tabs, when the page is loaded, I hide all the divs for the tabs. When I hover over the first tab in the list, the div does not display. I have to hover over one of the other tabs first (which displays its div) and then hover back over the first one. Has anyone encountered this problem? Basically I'm trying to use the tabs as a menu instead of a standard tab control. When the page is loaded, all divs for the tabs should be hidden. It's not until the user hovers over a tab that the div should
Datepicker issues in IE8
how can I solve the alignment problem in IE8 ?
Load page into div. Animation timing not work
Hi, I jst did little webpages, with navigation that calls function for load custom pages in div function changePage(Id){ $("#content-page").fadeOut(200); $("#content-page").load("content_page.php", {id: Id}, function(){ $("#content-page").fadeIn(200)}); } <div id="aboutnavi" class="active" onclick="changePage(this.id);">About</div> <!-- CONTENT-PAGE --> <div id="content-page"></div> <!-- CONTENT-PAGE --> Problem is in timing of fade out - load content - fade in. In my case it going
Div expand and collapse onclick and hide picture
Hello all... What i have is a unique problem... i have multiple Div's that expand on close on one page with a empty space on the right side to the titles of the div. I wanted to put a picture to fill the empty space and have it hide onclick or expand all and return when everything is collapsed. Here is the Jfiddle http://jsfiddle.net/4SVXt/23/ thanks if anyone can tackle this.... Greatly appreciated i do have this in a table so i can background the table and some how trigger the bckgrd pic to
Resize using alsoresize to only resize them in one direction.
Hi, I have a problem. I am using a Resize on a div. However, I use images inside the div to act like borders. So, when a resize occurs they don't resize too. So, I added the alsoresize feature. The problem now is that when I resize the div I do the same with the borders. The problem is that I don't want to resize the borders. I just want to for example resize the top and bottom borders to be resized only width wise. The borders on the right and left side will only resize it's height. So, I want
Autocomplete menu disappears on hover
I have implemented autocomplete on this site: Please go to the Input: PLZ. If you type e.g. 8, than the autocomplete Show a menu. But when i will select an item, it disappears unfortunately. why ? http://www.oneoffer.ch/Reinigung Best Regards
jQuery UI, Tabs, and MVC Views
I've got an MVC 4 Web Application that has 5 Controllers (and Views built with Scaffolding). I need to convert my Navigation to use Tabs. I am able to generate Tabs, and default the first Tab to show the "Index View with an MvcGrid", however, if I want to use the Create View, Edit View, or Delete View. My Create, Edit, and Delete Views are NOT displaying in the Tab. They are displaying at the bottom of the Page. So, I'm not quite understanding the jQuery Tab and how to attach my returned
Div wont clone on draggable
On this code draggable and helper:clone function wont work together (without helper:clone code work fine but without cloning what I need) so how to fix that? Where I wrong? Is problem with #dropable accept argumnet? <script> $(function() { $( ".draggable" ).resizable(); $( ".draggable" ).draggable({ revert: 'invalid', helper: 'clone', // <---- snap: "#drop_here td", opacity: 0.7 }); $( "#drop_here td" ).droppable({ accept: '.draggable', drop: function( event, ui ) { $( this ) .find( "p" ) .html(
another datepicker's run mode
hi everyone, I was playing with datepicker and found it works in next modes (in terms of datepicker, ref. _attachDatepicker() function): * inline mode, when it sets listeners and waits for the click to open * connected mode, when it displays "statically" on the page Unfortunately, I need the third mode, very close to the "connected" one, but with some features from "inline". To understand what I mean, please, check the next picture: It's a mock. Some description: when user clicks on some button (on
How to maintain popup window after submit action form?
Hello, I have page which created by struts2 and in that page have link to open popup window which created using jquery UI dialog model form. i have created the another form in same jsp page and have action button to do connect the database.Now while return back, i need to maintain the same popup window in the page. How to maintain the same popup window ? Example : page A (parent jsp page) has form with action and buttons). Now i have created another form for popup window in same jsp page with another
How to get jquery autocomplete values to search?
The autocomplete part works, but clicking on the values in the drop down just puts them into the search box, and then I have to hit enter to perform the search. How do I get the values to search? <script> $(function () { var availableTags = ["SEO", "Responsive Design", "Google Local", "Twitter", "Social Media", "Web Design", "What is Google Authorship", "NFL", "Fantasy Football Rankings", "Kevin Sullivan", "Fantasy Football RB Rankings 2013", "Fantasy Football", "How to Buy Twitter Followers", "Advanced
Changing font family and size
New to jQuery but understand CSS. Need to change the font-family and font-size on the menu widget but on no other widgets, such as datepicker. What has to be overridden in the css? Is there documentation that describes this in general? Thanks John
close datepicker if done
Hi, I would like the datePicker to close only when the done button is clicked... i don't want it to be closed when i select a day... how do i do this?
Jquery Menu not collasping on mouseleave
Hi, i'm pretty new to Jquery and Javascript, and have recently started dwelling into jquery. Well the problem that i have, is that with .menu() function, i want the submenu to collapse when i exit the submenu, but instead it waits there till i click something. I have tried to checked the jquery code to find anything, and found the function, which is for closing submenu on click outside the menu. i tried different methods to achieve this, such as mouseleave() hover. But everything failed. Now im here,
SharePoint PeoplePicker getting hidden(without sharepoint ribbon) with datepicker in IE7
I am using jQuery UI 1.10.3, and jQuery 1.9.0 version. I have both jQuery datepicker and sharepoint people picker in a page. when i click the datepicker icon, the sharepoint 2010 people picker gets hidden. Try without sharepoint 2010 ribbon. This is happening only in IE7, It works fine in IE8. About people picker rendering: Not able to find how datepicker affects div in people picker. In People picker, the div which is showing the value gets hidden. The div is contained in a table. The div will
How do I determine what tab is referred to in the ui.tab object that is passed to the beforeLoad method?
I am still having a very difficult time trying to use the documentation to learn this library. I now know that I need to be looking at the 10.x ui lib doc. In there it says I can use the ui.tab of the ui that is passed in, but when I look to see what properties are in the Object it just gives me a general discussion of a jQuery object. I am a Java programmer, not a js programmer and I am trying to use these functions without getting too deep into js. Any thoughts or ideas are appreciated.
weird behavior with JQuery dialog box with modal=true and IE10 compatibility mode
Hello, I'm noticing some weird behavior with the JQuery dialog box that might be a bug. If I set modal to true and I open my dialog box in IE 10 with compatibility mode on, it seems to do a whole bunch of processing that slows everything down. If I try to drag my dialog box by the title bar, it takes several seconds to respond (that is, to actually move). Similarly when I click the buttons--it takes several seconds to respond. Also, the page itself seems to hang temporarily as I cannot close it immediately
Draggable auto-scroll ruins containment
If I drag a draggable element close to the edge of a window (or jsfiddle pane), the element starts rapidly jumping ahead of the cursor, easily escaping the containment rect. This jsFiddle demonstrates the issue. Just scroll down in the result pane by at least the height of the box (that's not precisely tested), then drag it up. It actually works correctly if you don't have enough room above to scroll, and if you don't let go of the mouse, you can usually drag it back onto the main div. At that point,
Problem with tabs, not finding tab id's?. Inserting it's own divs.
I have a tab set thus: div id="TabDiv"> <ul> <li><a href="#tab-1">{TAB Option='0'}</a></li> <li><a href="#tab-2">{TAB Option='1'}</a></li> <li><a href="#tab-3">{TAB Option='2'}</a></li> <li><a href="#tab-4">{TAB Option='3'}</a></li> <li><a href="#tab-5">{TAB Option='4'}</a></li> <li><a href="#tab-6">{TAB Option='5'}</a></li> <li><a href="#tab-7">{TAB Option='6'}</a></li> <li><a href="#tab-8">{TAB Option='7'}</a></li> <li><a
How to combine ' resizable(){ resize: function() .. ' with ' handles: "se" '
Hi nerds, I'm using jquery-ui resizable() to trigger a function on a textarea-resize event ..... <script src="http://code.jquery.com/ui/1.10.3/jquery-ui.js"></script> <link rel="stylesheet" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.9/themes/base/jquery-ui.css"type="text/css" media="all"> <link rel="stylesheet" href="http://code.jquery.com/ui/1.10.3/themes/smoothness/jquery-ui.css" /> <style type="text/css"> .ui-resizable-se {bottom: 17px; } </style> <script type="text/javascript">
How to create Dynamic portlet with close option
How to achieve a dynamic portlet with close option in jquery?
Doctype crashes JQuery
Hi guys and nerdy girls, I use latest JQuery UI. When my html file has no doctype set, it works fine in Chrome. However, in Firefox nothing works telling me a Doctype is needed to execute Javascript. When adding the HTML5 doctype to the html file, nothing works any longer in any browser. (I did not yet test IE). Please see my file without doctype (use chrome, FF doesnt work): http://parallel-pictures.com/index.html The file with Doctype is: http://parallel-pictures.com/index_doctype.html What do
[Tabs] Fade effects which compatible with latest versions?
Can we apply contents fade in/out effects on Tabs? It was possible with the following code, but that doesn't seem to work with jQuery 1.10.1 and jQuery UI 1.10.3. And I found no documentation about applying fade effects. $('#tabs').tabs({ fx : { opacity: 'toggle', duration: 'fast' } });
Next Page