Hi Everyone, I am having a strange problem on my webpage. I am getting this Black shade whenever i type or focus my cursor on a select or text field. the strange thing is its only happen on a specific page and not to the entire system that i am making. Does anyone of you experience / have encounter something like this? and know the solution? You can view the screenshot here. [Click Here](https://ibb.co/hWq6Fb) [Click Here](https://ibb.co/jyUNow) Thanks!

Member Avatar
Member Avatar
+0 forum 3

I am at learning stage in web designing. I want to make web template for themeforeset.net after completion of my learning. Can I use jqury image slider in my templates that i will design for selling in themforest.net.If yes please send me related links..... shuvo

Member Avatar
Member Avatar
+0 forum 1

For as awesome and popular as jQuery is, why is jQuery UI so buggy and poorly maintained? *Frustrated*

Member Avatar
Member Avatar
+0 forum 8

Trying to remove the autocomplete in this https://jsfiddle.net/59rphg1h/9/ and replace it with the autocomplete in this https://jsfiddle.net/mhxwcj7u/1/ and retain the ability to print the way the fist fiddle prints (Airshow's excellent work). The reason is that the second fiddle has the ability to change the data (addins), and be be used multiple times on one page, which is what I need. Whereas the other doesn't (that I know of) which is not what I need. Tried several variations but can't seem to make it work. Thank you for your assistance.

Member Avatar
Member Avatar
+0 forum 1

I have multidimensional array that include department and category. Based on the selecting department and category, i need to search names. below is my code $shop = array( array( "emp_name" => "ramu", "department_name" => "cse", "Number" => 15 ), array( "emp_name" => "ramesh", "department_name" => "eee", "Number" => "56", ), array( "emp_name" => "ravi", "department_name" => "it", "Number" => 7 ) ); and my jquery and auto complete code is var resources = <?php echo json_encode($shop, JSON_FORCE_OBJECT);?>; jq( ".project" ).autocomplete({ minLength: 1, source: resources, focus: function( event, ui ) { jq(this).val( ui.item.label ); return false; }, select: function( event, ui …

Member Avatar
Member Avatar
+0 forum 1

HI guys, I'm redoing my old photography website and I'm still at the very beginning of the project. Somewhere I saw a jquery bounce functionality implemented and I thought I'd do it for my website as well, so I downloaded all I needed from the jquery ui website and got it work. The good news is that it seems to work OK in every browser except in IE - I have 11 installed. Now, the actual animation works, but what it does is every time the animation restarts (it runs all the time) the page jumps a bit to the …

Member Avatar
Member Avatar
+0 forum 9

I have a datepicker which is set up to select a whole week. I have two buttons which are supposed to move the selected dates forward and backward a week. The forward button works all the time, but the backward button only works if the month changes. If the month does not change nothing happens. The code is below. $(document).ready(function() { $(function() { var startDate; var endDate; var selectCurrentWeek = function() { window.setTimeout(function() { $('.week-picker').find('.ui-datepicker-current-day a').addClass('ui-state-active')}, 1); } $('.week-picker').datepicker({ showOtherMonths: true, selectOtherMonths: true, onSelect: function(dateText, inst) { var date = $(this).datepicker('getDate'); startDate = new Date(date.getFullYear(), date.getMonth(), date.getDate() - date.getDay()); endDate …

Member Avatar
Member Avatar
+0 forum 1

I have Placed a jquery drag and drop example in joomla article. It's working properly with firefox browser but not working in chrome browser. In chrome, actually drag and drop is working but problem is that buttons are not visible on dragging. Here's link to my example - http://joomla3.guru99.com/lesson-3.html Here's My fiddle - http://jsfiddle.net/dB3B6/ Here's the screenshot of my problem for chrome - http://screencast.com/t/eFqhUUoYY for firefox - http://screencast.com/t/vZPvto3x please Help. Regards.

Member Avatar
Member Avatar
+0 forum 2

I was wondering if there's a site out there that gives statistics towards the percentage of sites that use jQuery UI? (Note I'm not looking for the actual number of sites nor jQuery itself ... just jQuery UI). I rolled a custom version of jQuery UI that only uses about one-third of the widgets, and I'm trying to decide whether to locally host the smaller version, or hotlink to the full thing off of Google's CDN. Obviously it would make sense to use the CDN if there's a very good chance it's already been downloaded, but, if not, the file …

Member Avatar
Member Avatar
+0 forum 3

hi all, I have common jQuery function for drag and drop and two div tags. Both div tags have different ids but both containing elements of identical ids. I have a block and a placeholder for each so when i drag 'block1' olny placeholder of first table should be blink and but both are blinking. Here's link to my fiddle - http://jsfiddle.net/2pFqe/3/ In jsfiddle i have two divs of id, 'id1' and 'id2' both containing elements of same id. Now when i drag block1 both placeholders are blinking. I have tried .filter(:first), eq(0) but no solution Is there any way …

Member Avatar
Member Avatar
+0 forum 2

i have two exrcise jsfiddle.net/Er2Ef/10 jsfiddle.net/Er2Ef/11 and i have common js file for above two exrcise and i am going to run this exrcise on one html page that is seems like this fiddle jsfiddle.net/Er2Ef/9 so how can i run this two ercise in one page and my real problem is in this image screencast.com/t/Vimi7Zjb2lkc i dont want to blink and accept the value which are not related to element hope you will help me soon

Member Avatar
+1 forum 0

Hi, I'm having trouble figuring out how to prevent the default tab action when using jquery ui catcomplete. It works perfectly until I add the catcomplete widget code. I'm using the catcomplete widget code found on jquery ui.com: $.widget( "custom.catcomplete", $.ui.autocomplete, { _renderMenu: function( ul, items ) { var that = this, currentCategory = ""; $.each( items, function( index, item ) { if ( item.category != currentCategory ) { ul.append( "<li class='ui-autocomplete-category'>" + item.category + "</li>" ); currentCategory = item.category; } that._renderItemData( ul, item ); }); } }); and again I'm using the code on the jquery ui website to …

Member Avatar
Member Avatar
+0 forum 2

I have jQuery, jQuery Mobile and jQuery-UI included in my MVC4 project. I am having a problem where the jQuery-UI script only loads if the page is refreshed, otherwise the jQuery-UI will not load initially. I have tried moving the include script to the bottom of the page instead of including it in the top. This seemed to work 80% of the time with one side effect. When I posted some data to the server, I would get two posts instead of one.. ugh! I seem to be stuck and I can find anything on Google that will help alleviate …

Member Avatar
Member Avatar
+0 forum 1

In my application, users often need to go to `+1` or `-1` day from the current selected date. For this, I want to make this process more quick by adding two image buttons for +1 and -1 operation on the right side and the left side respectively. I have tried this: $('#date').datepicker('setDate', '-1'); But it always set the +1 date from the current date (that is today -1, not the -1 from the selected date). How can I achieve this..?? Any help would be appreciable. ## Tried Later: ## function AddDays(arg) { var d = $('#date').datepicker('getDate'); var d = new …

Member Avatar
Member Avatar
+0 forum 2

Hi, I'm have experience in Javascript but not in the UI design/CSS, so maybe what I need to do is very simple, but because of my knowledge is complicated for me. I need to create a 'component', that has 2 or 3 buttons together and they behave like radio buttons, meaning only one can be clicked on every time. I found that what I need is developed in JQueryUI in: http://jqueryui.com/button/#radio and in: http://twitter.github.com/bootstrap/components.html#buttonGroups This is exactly what I need, this can be customized(add iccons/texts..), beacuse my component needs also the behavior of when mouse over, on click, I need …

Member Avatar
Member Avatar
+0 forum 1

I am using the following code to select a date range using 2 inline datepickers. There are two date fields (**div**, with class **dateheader**). When a date is selected, that datepicker slides up. Basically when the date **div** is **clicked**, first it is checked whether the corresponding datepicker is already viewable (through the **fromclicked** and **toclicked** variables), if present, then slide it up, else slide it down, changing the corresponding **clicked** attribute accordingly, and before doing either, sliding the other datepicker up and setting its corresponding **clicked** attribute to 0. Now there is a text input at the bottom of …

Member Avatar
+0 forum 0

Hi, Daniweb I'm working on a website where i did a search system and then i listed the results founded. And now i want to move them with JQuery Sortable. But i'm having dificults can someone help me please? Here's the code: <?php require_once('Connections/futura.php'); ?> <?PHP $prod=$_GET['q2']; $query_prod="SELECT * FROM produtos WHERE nome LIKE '%".$prod."%'"; $produt=mysql_query($query_prod, $futura); $count=mysql_num_rows($produt); $prod_img="SELECT * FROM produtos WHERE nome LIKE '%". $prod ."%' ORDER BY referencia ASC"; $image=mysql_query($prod_img, $futura); ?> <!-----------------------------------------------------------------------------------------------------------------------> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <link href="styles/style.css" rel="stylesheet" /> <title>Pl├ísticos Futura - Pesquisa</title> …

Member Avatar
Member Avatar
+0 forum 13

Can anyone help me figure out why my dialog won't go away when clicking the x? When I click it with modal = true, the modal portion disappears, but the dialog remains. With it off, the dialog still remains. I have tried multiple things, but it won't go away. I have tried cancel buttons... nothing. I need a way to click something to get the dialog to appear, and a way for it to disappear if the user wants it to. <link type="text/css" href="css/cupertino/jquery-ui-1.8.18.custom.css" rel="Stylesheet" /> <script type="text/javascript" src="js/jquery-1.4.4.min.js"></script> <script type="text/javascript" src="js/jquery-ui-1.8.18.custom.min.js"></script> <script> $.fx.speeds._default = 1000; $(function() { $( "#dialog:ui-dialog" …

Member Avatar
Member Avatar
+0 forum 4

I am using tabbed navigation in my website.I have this code with me.I have used Jquery for fading effect.when I select any tab, I want that tab to be highlighted.but I can't do this. Please help.Thanks in advance. I couldn't attached "tab.css" so I am pasting it here. [CODE]*{ padding: 0; margin: 0; color: #FFF; } body { background-color:#303030; font-family: Trebuchet MS, Helvetica, Arial; font-size: 95%; } #tabnav { width:100%; } #navblock { width:450px; margin:25px auto; background-color:transparent; } div.hoverbk { position:relative; float:left; background:#ffffff; /*#505050;*/ } div.hoverbk a{ position:relative; display:block; z-index:2; width:150px; height:40px; line-height: 30px; text-align: center; padding-top:5px; font-size: 1.1em; text-decoration: …

Member Avatar
+0 forum 0

I have created one application in JavaScript. And i have created logic gates(e.g AND,OR,NOT) and I displayed these gates on on particular grid background but when I drag and drop these Gates on grid , the borders of gates and lines are not matched to the background grid. So how can I developed such types of application and if their is any library for drawing such application so please tell me thank you.

Member Avatar
Member Avatar
+0 forum 1

Hi all! I have a DIV (#content) and in that DIV I have about 4 or 5 <p>'s on the page. I'd like to give just one class of that <p> some jQuery to rotate 45 degrees. Could anyone point me in the right direction? I've searched everywhere I can think of for it. Thanks!

Member Avatar
Member Avatar
+0 forum 1

I want to reorder the rows by dragging them which is accomplished by the code below, but the void (placeholder) should be of a red color while the drag is taking place - this part is not happening : [CODE]<html> <head> <script type="text/javascript" src="jquery-1.3.2.min.js"></script> <script type="text/javascript" src="jquery.ui.sortable.min.js"></script> <script> $(function() { $( "#table tbody" ).sortable({placeholder:'red'}); $( "#table" ).disableSelection(); }); </script> <style> .red{ background-color : red;height: 1.5em; line-height: 1.2em; } </style> </head> <body> <table id="table"><tbody> <tr> <td> <label for="name1">Enter name</label> <input type="text" id="name1"/> </td> </tr> <tr> <td> <label for="name2">Enter name</label> <input type="text" id="name2"/> </td> </tr> <tr> <td> <label for="name3">Enter name</label> <input type="text" …

Member Avatar
+0 forum 0

The End.