Droppable - hoverClass Problem
Hi! See the fiddle! When I drag the Container 4 to a droppable div (.container) the hoverClass works as excepted. However when I drag the Container 3 (with the Container 4 inside) the hoverClass doesn't work, but if I drop in red zone, the drop is accepted. So what must I do activate the hoverClass when I have a drag with drag and drop? Thanks in advance!
Does QUnit support catching active timeouts?
Hello When a test starts a timeout with setTimeout but this isn't execute before the test is finished this timeout can affect the next test. Such problems are hard to debug. Does QUnit supports in some finding such problems? I implemented an ad-hoc solution but IMHO this should be part of the QUnit framework the same way as checking for namespace pollution is. Raimar
How to add/change a class to the buttons tooltip and in a link
I want to change the existing class for the button and tooltip in the following link. How can I do that? $("<a>") .attr("tabIndex", -1) .attr("title", "Show All Items") .tooltip( //change class here) .appendTo(this.wrapper) .button({ //change class here }) .removeClass("ui-corner-all") .addClass("custom-combobox-toggle") .mousedown(function () {
Delayed Dialog Call...
Hi all, I have a javascript that invokes a DIALOG with a image and a BIO description. Originally, I had this script trigger by a CLICK, but my client said they would rather have it invoked by a HOVER. They like the HOVER effect, but now they are complaining that they would like a DELAY before the HOVER trigger takes place. Right now you can drag the cursor over one on the links and the DIALOG is triggered. Is there a way to make sure that the cursor has rested on the LINK for at least 1.5 seconds,
jquery.quicksand an pagination
Hello to everybody. Is it possible to add pagination like this (1,2,3,4,5, prev next) to quicksand?
jQuery Dialog Assistance
I have an AJAX call in which if the form processing result is SUCCESSFUL, I I want to show in the SAME kind of modal dialog a Title bar that says "SUCCESS!!!", a body with the following text "Thank you for choosing the Teal Center. Your appointment request has been sent and you will receive an email confirmation. This is only a *request* for an appointment. You will receive a second notification to inform you whether or not your request can be accommodated." and only show a CLOSE "X" and Close
Twitter feed not working and rel=nofollow JQuery Error
Hello all, I have a Joomla 3.2 webpage with the home page having a slider and twitter feed. I ran into a jQuery error and my twitter feed and my slider stopped showing. For the slider there was an error showing which said i have to "enable JS in body", I did that and it worked. After a couple of days the twitter feed was back too. The slider and twitter feed now work fine ONLY on the home page. The other pages of the websites say "rel=nofollow" next to the copyright information and also have the
bgswitcher - adding css
i recently used bgswitcher.js plugging for a website . it was really cool , but i have a problem , the background is being added in the plugin . here's the problem , how do i specify "background-attachment:fixed" for the background images being dynamically updated .
Target select tag and run script on change not working
Hey there people I am this piece of HTML code in my view <div class="form__item-container editor-wrapper listbox multi-selector label-inline column-two"> <div class="editor-label"><label for="JobTypeIds">Job type</label></div><div class="editor-field listbox"><select id="JobTypeIds" multiple="multiple" name="JobTypeIds" style="display: none;"> <option value="6509063">Perm</option> <option value="8249162">Temp Shift</option> <option value="8249163">Temp Regular</option> <option
autocomplete
hey guys...im trying to find how I'm able to add a hide suggestions text and function to the end of my autocomplete menu to allow user to hide autocomplete suggestions I have seen it done...any tutorials, code available please? thank you
New to jQuery - need a little help with a news page
Hi, I'm a Flash developer who is now giving jQuery a go (as Flash days seem to be over). I'm trying to create a news page with this plugin: http://malsup.com/jquery/cycle/lite/ I've got all the slides working okay which I'm using for the news item headers or titles. When the header is clicked I would like the news item details displayed e.g. full text with an image. I've managed to created an event for the click (of the header) but I'm not sure how to link the news header/title etc. to the news item
Need to animate canvas fill color dynamically
Hi all, I need to animate cylinder canvas when I enter 10% in the text box it has fill like pouring milk in glass (Animation). I have achieved creating cylinder in canvas and fill color but animation is part is not working. Here is the code for animate () function animate() { requestAnimationFrame(draw); draw(); } Here is my Code is avilable in JSfiddle http://jsfiddle.net/F9PxZ/ Thanks in advance
Browserify deamdify jquery mobile
Has anyone was able to 1)Debowerify 2)Deamdify Jquery mobile ? here is what I did 1)bower install jquery-mobile It comes as AMD module in requirejs 2)npm install browserify debowerify deamdify 3)test.js require('jquery-mobile') 4)$ browserify -t debowerify -t deamdify test.js here is what I get Error: Parsing file project/app/bower_components/jquery-mobile/js/jquery.mobile.js: Line 1: Unexpected token = at Deps.parseDeps (/usr/local/lib/node_modules/browserify/node_modules/module-deps/index.js:339:28)
How do I add a css attribute to a control that I create dynamically?
Why does the following code not work? var radioDiv = document.createElement("div") radioDiv.css("maxWidth", (currentwidth + "px")); Thanks. Gid
Datepicker - Newbie Question
Hello there! I am brand new to jQuery. I am trying out the "test" example...and I can't get it to work. I'm so frustrated because it seems so simple! So it's the Datepicker example. Here is my page: http://www.redapplechallenge.com/FirstjQueryPage_finished.html I have all of the jQuery files loaded on my web host. Here is the code below: =============== <!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">
Spot the error!
Hi all, Been working on this piece of code for about 4 hours now, can't get it to work! I genuinely don't know why - I've been looking at it and have no idea what's wrong. Have been stubbornly trying not to ask for help, but now I give up. Can anyone see the problem in this code: $(function () { $('.multi').click(function(){ $(this).closest('.full-width') .after('<div class="row full-width"> <div class="triangle"> </div> <div class="gridfix"> <div class="medium-12 columns section center"> <h1> What
Stuck on the basic JS, but can't find the issue.
Hi guys, Could you please see this codepen: http://codepen.io/anon/pen/xEmfv It's quite simple what I want to achieve, but I can't get it to work. The main idea is, when class="attribute" is empty then hide/remove parent with class="attr". Simple right? But I'm stuck for few hours now. Sorry for novice question, but I need solution ASAP. Thanks guys,
TypeError: $(...).jmenu is not a function
I had jmenu and selectBoxIt plugins working in release.vbhtml until i added the following $(document).ready(function ... and added in <script src="@Url.Content("~/Scripts/jquery-2.0.3.js")" type="text/javascript"></script> Now when I run release.vbhtml it complains jmenu and selectBoxIt are not functions in the firefox browser console. The jmenu code is being picked up in Layout.vbhtml (Master layout page) Could you provide any suggestions on getting these working again
Why setTimeout() is not working with empty function
This one is waiting for 3 secs. setTimeout(function(){alert("Hello")}, 3000); But if i try like this it is not at all waiting: setTimeout(function(){}, 3000); alert("Hello"); My question is Why setTimeout() is not working with empty function?
Bugzilla (Trac) of jQuery doesn't work?
Hi, do you know information, that bugzilla (Trac) is out of work? When i tried to create a new ticket, I obtain this error: AttributeError: Cannot find an implementation of the "IRejectHandler" interface named "CaptchaSystem". Please update the option spam-filter.reject_handler in trac.ini. I asked it also twice on IRC chat, and nobody reply. So I try to ask there- or do you have better place when I can ask? ¯\_(ツ)_/¯
Multiple fields with Bootstrap editable and jquery
Hi, I'm having toruble paassing two different fields with Bootstrap editable and jquery. My script is as follows: <script type="text/javascript"> jQuery(document).ready(function() { $.fn.editable.defaults.mode = 'popup'; $('.xedit').editable(); $(document).on('click','.editable-submit',function(){ var x = $(this).closest('td').children('span').attr('id'); var y = $('.input-sm').val(); $.ajax({ url: "add_homepreds.php?id="+x+"&home="+y,
How to change autocomplete combobox styles completely
How can I remove the existing styles for the autocomplete combos from http://jqueryui.com/autocomplete/#combobox and include mine. Please note that I don`t want to modify any of the existing UI classes and styles,. I want to create my own styles and apply them.
Click on (some Cells) generated dynamically by php mySQL not working
Dear All I Click on some cells generated dynamically by php mySQL not working $('#containerworkdiv').on( "click", "[id^='pp']", function() { var thisid=this.id; var dima=thisid.split('pp'); var actualid = dima[1] ; var url = 'printproductionfill.php' var data = { id: actualid } $('#printproductionworkarea').text("Lading.........."); $('#printproductionworkarea').load(url, data); }); This script works fine for id's = pp8 onwords There is no response
Set script tag contents
I'd like to set a script tag content dinamically. The primefaces generate the code below: <script id="tabView:formEstrutura:lotacoesPesquisadas_s" type="text/javascript">$(function(){PrimeFaces.cw("DataTable","widget_tabView_formEstrutura_lotacoesPesquisadas",{id:"tabView:formEstrutura:lotacoesPesquisadas", widgetVar:"widget_tabView_formEstrutura_lotacoesPesquisadas", selectionMode:"single",scrollable:true,liveScroll:false,scrollStep:0, scrollLimit:0,scrollHeight:"107"});}); </script>
I'm a newbie with jQuery. Please help with Tabs
I have a page set up using jQuery UI tabs. Here's my issue. On tab #4, I'd like to link to an outside page, how do I do that? Now, it simply opens the page within my current page, making it VERY ugly all the way around. Second question, I have some scripting that needs to be loaded just before the /body tag. When I load it, none of my tabs work. Any ideas on how to fix this? Thanks in advance!
Width of scroll bar in menu
Hi, I have a jQuery UI menu that has a large number of items in it and I'd like to make the scroll bar wider. I can't find the css that controls the scroll bar width for the menu. Does anyone know how to control the width of the scroll bar? Thanks
Map div where div don't have certain class
Hi all,is it possible to map div that doesn't have certain class.i'm using isotope filter and range slider.what i would like to achieve is to map isotope item children data attribute which isotope item doesn't have isotope-hidden class.thanks in advance.
[Explain Please] dynamic form
Thank you for the attention. Can you please explain how this code works? especially the e.preventDefault(); what this code doing with .click(function(e){ ... ? <script> $(document).ready(function(){ var next = 1; $(".add-more").click(function(e){ e.preventDefault(); var addto = "#field" + next; var addRemove = "#field" + (next); next = next + 1; var newIn = '<input autocomplete="off" class="input form-control" id="field' + next + '" name="field' + next + '" type="text">'; var newInput = $(newIn);
Code not working! :(
Hi, I've only just started using JQuery, so it all seems pretty complicated still! I'm building a website, mainly one long scrolling page. I have a header of 100% by 100%, that is in a fixed position over the top of everything else. As you start to scroll, I want it to disappear, to reveal the content underneath. The bit of code that does work is this: (window).scroll(function() { if ($(this).scrollTop()>1) { $('#pippaheader').fadeOut(); } else { $('#pippaheader').fadeIn();
Can't set a condition based on an attribute I can't select in IE but can in Chrome?
[UPDATE. CODE WORKS WHEN USED ON IE AND ON SHARPOINT AT WORK. THE ISSUE IS SEEN WHEN USING JSFIDDLE IT SEEMS] I am trying to create an array based on an attributes (style) value. but I can't seem to select this attribute to build my conditional statement in IE ( 32 or 64 bit) but I can use it successfully in Chrome. Unfortunately we can only use IE at work so I was wondering how I should write this for IE. It took me a while to realize this because I was initially building in IE and only accidentally
jqery text shortenin doesnot work with downloaded .js but onlin works..plz help
can u guys help me out with this code to work offline: <script type="text/javascript" src="http://code.jquery.com/jquery-latest.js"></script> Works!!! But... <script type="text/javascript" src="javascript/Js_shorten_plugin.js"></script> this doesnot work it works when i put the http but hte same file does not work when i use it offline
Help please to image form
Hello friends. I need help please: for Tooltip Style facebool with jQuery.Validate. My jsFiddle: http://jsfiddle.net/yu7hK/18/ The objective is to: Effect tooltip as the registration form Facebook https://www.facebook.com/ . How to display image: "!" when click in submit Error like Facebook when it leaves the "Focus"? Any help? please
Click add("+") on one table should move that item to the next table with a minus("-")
I want to create a pop-up with 2 tables where the tables display some data with one column. When I click on add icon("+") in the first table it should be removed from the 1st anddisplayed in the second table with a minus("-") mark. Is there any jquery widget I can use for this?
autocomplete
hey guys im trying to develop a autocomplete search input field but I want to add a search category inside the input field where they can select other search options to define their choice search options I wish to put into the input field on the right <ul id='search_options'> <li class='title'><strong>Category Selection:</strong></li> <li class='app'>All Categories</label></li> <li class='app'>Electrical</label></li> </ul> autocomplete code $(document).ready(function() { function search_autocomplete(selector,
php and jquery sessions
hey guys just a quick question...I know it is possible to pass php $_SESSIONS to json...BUT im wondering is there a way of me changing a value of a php $_SESSION by json or jquery somehow please? thank you
ajax load into ajax loaded page
we have a page with radio button and div with id=vijegiload (1.php) if click on radio we have ajax load a dropdown list and div with id=vijegiload2 from (2.php) with echo code that load in id=vijegiload in 1.php now we have a dropdownlist and id=vijegiload2 that added in 1.php now how we can load another thing in id=vijegiload2 with ajax post $(document).on('change','[id^=vijegi]',function(){ //radio button id=vijegi if(usr.length >= 1) { $("#vijegiload").html('<img src="loader.gif" align="absmiddle">loading');
General Question about Jquery mobile
Hi every one, Can any one tell me how to creat jquery mobile...
Difference jquery
Hi i am new in jquery. i know js,css and HTML here i want to know how many type are there in jquery. do i want to use same every where? jquery-1.11.0.min.js jquery-1.3.2.js what is the different these two? any more is there? Thank you
Confusing behaviour of .data()
You can read a data-* attribute with .data(): $('body').attr('data-id', 1234); $('body').data('id'); //1234 But when you set it again, it always stores the old value! $('body').attr('data-id', 5678); $('body').data('id') // still 1234 I found out that I used .data() wrong and you are not supposed to do that - but still, the fact that .data() accepts attributes, but only the first time is super confusing and even caused some dumb bug in our code. If you aren't supposed to mix .attr() and .data(),
how can i change the cursor from right to the left in jquery menu
i'm having problem in jquery and i'am using menu object , i took it from here http://jqueryui.com/menu/ but the problem that when i want to change sub menu direction from the left to the right so i can make it in Arabic , the direction change very well! by (dir='rtl') but the menu cursor still in the right?!! and here is image for my problem thank you guys , and i hope you can help me
Next Page