Search Results

Search found 25257 results on 1011 pages for 'jquery css'.

Page 83/1011 | < Previous Page | 79 80 81 82 83 84 85 86 87 88 89 90  | Next Page >

• Display image at point using jQuery

  - by Chris

  I have an image with a click event handler that captures the location where you clicked. $("#image").click(function(e) { var x = e.pageX - $(this).offset().left; var y = e.pageY - $(this).offset().top; }); I want it so that when the image is clicked an image appears at that location on top of the image. How do I do this?

  Read the article

• jquery-plugin Masonry: I cannot make it work

  - by Patrick

  hi, I'm using Masonry library (http://desandro.com/resources/jquery-masonry/) to create columns from my content. I cannot make it work.. this is the url with the html code: http://donatellabernardi.ch/drupal/ And this is my javascript line: $('#content-area').masonry({ columnWidth: 50, itemSelector:'.views-row'}); The Masonry function is invoked, but it doesn't add any column... I've also tried: $('#content-area').masonry({ columnWidth: 50, itemSelector:'.node'}); $('#content-area').masonry({ columnWidth: 50 }); $('div.view-content').masonry({ columnWidth: 50 }); What am I doing wrong ? Thanks

  Read the article

• jquery bubblepopup inside jquery carousel

  - by sam

  Hi, I am trying to use the jquery bubble popup inside the jquery carousel. the problem everything works fine. but say if i have 10 items in the carousel, display 5 at a time, hiding the remaining 5 items(which could be opened by clicking the left or right navigation). so when we move the mouse over each carousel item that is visible on the screen, we can see the bubble popup. here, if i move the mouse over the empty area on the screen, i am still getting the bubble pop which shouldnt be visible because that particular carousel item is hidden.if i keep on moving over all the hidden items, i am able to see the bubble popup. is there anyway to hide the bubble pop when the carousel item is not visible on the screen.

  Read the article

• How to change the handler position by dragging/single click on the slider

  - by Geetha

  Hi All, I am using the following files to create a slider. Problem:Needs double click to change the handler position first click: it move the handler but the following code is not working. a second later it return back to the previous position. second click on the handler in new position, before it moves back the following code is working. Needs: I want change the media player current position with the handler current position value by dragging the handler or single click on the new position of the slider. Ex: initial position of the handler: l-------------------------------- document.mediaPlayer.currentPosition = 0 After dragging it some other position ----------------------l---------- document.mediaPlayer.currentPosition = 125 Code: var endTime = document.mediaPlayer.SelectionEnd; $("#slider-constraints").slider({ animate: true, max: endTime, range: $R(0, endTime), value: 1, enforceConstraints: false, start:function(event,index){document.mediaPlayer.currentPosition=index.value; $('#slider-constraints').slider("constraints", [0, index.value]); $('#slider-constraints').slider("value", index.value);} }); window.setInterval(function() { $('#slider-constraints').slider("value", document.mediaPlayer.currentPosition); }, 4000);

  Read the article

• using jQuery .live with .bind

  - by Aninemity

  okay, I understand the basics of jQuery, and I know that in some instances I've had to use .live('click',function(){...}); instead of .click(function(){...}); to get the method to fire correctly. the method I'm currently looking at is: $('#title').bind('keyup', function(){...}); This works great, except because it's in a bit of code that isn't called until another action is preformed, I'd need to use .live() as described above. Problem is, I don't know how to format this one to work using the .live() method instead of .bind() as shown above. Can someone please help? Thanks in advance!

  Read the article

• jQuery UI DatePicker - Change Date Format

  - by tarnfeld

  I am using the UI DatePicker from jQuery UI as the stand alone picker.. i have this code <div id="datepicker"></div> And the follow JS $('#datepicker').datepicker(); When i try to return the value with this code: var date = $('#datepicker').datepicker('getDate'); I am returned this... Tue Aug 25 2009 00:00:00 GMT+0100 (BST) Which is totally the wrong format... Is there a way i can return DD-MM-YYYY ??

  Read the article

• aggregate form elements into object ?

  - by Mahmoud

  hey all i am trying to aggregate form elements into object and then send it via ajax here is the code that i start using but i cant figure out how to do the rest $('.jcart').live('submit', function() { });

  Read the article

• aggregate form elements into object ? [Solved]

  - by Mahmoud

  hey all i am trying to aggregate form elements into object and then send it via ajax here is the code that i start using but i cant figure out how to do the rest $('.jcart').live('submit', function() { }); Update 1: html form http://pasite.org/code/572 Update 2: I have successfully submit the form using ajax but it still refreshes the page after submiting this what i did function adding(form){ $( "form.jcart" ).livequery('submit', function() {var b=$(this).find('input[name=<?php echo $jcart['item_id']?>]').val();var c=$(this).find('input[name=<?php echo $jcart['item_price']?>]').val();var d=$(this).find('input[name=<?php echo $jcart['item_name']?>]').val();var e=$(this).find('input[name=<?php echo $jcart['item_qty']?>]').val();var f=$(this).find('input[name=<?php echo $jcart['item_add']?>]').val();$.post('<?php echo $jcart['path'];?>jcart-relay.php',{"<?php echo $jcart['item_id']?>":b,"<?php echo $jcart['item_price']?>":c,"<?php echo $jcart['item_name']?>":d,"<?php echo $jcart['item_qty']?>":e,"<?php echo $jcart['item_add']?>":f} }); return false; }

  Read the article

• jQuery: position() on created element

  - by Parched Squid

  The following code creates a div at the bottom of the page: var popup = $('<div id="popup" />') .appendTo('body'); The following code causes it to position correctly once there. $('#popup') .position({ my: 'left top', at: 'left bottom', of: $('#someDiv') }); But this code causes it to appear in the DOM but not be positioned anywhere (it is not visible, but it is in the DOM). var popup = $('<div id="popup" />') .appendTo('body') .position({ my: 'left top', at: 'left bottom', of: $('#someDiv') }); Is there a trick to being able to use jQuery position() on an item you are creating? Cheers, Craig

  Read the article

• Rejoin branching using jQuery formwizard?

  - by Vinay

  jQuery formwizard (http://thecodemine.org/) allows you to branch a form wizard based on inputs. I am trying to figure out if it possible to rejoin the branches (and not just for the last step.) e.g. Based on the inputs to Step 1, I'd like to present the user with a different step 2. However, after step 2, the remaining steps (step 3, 4, 5, etc.) should all be the same. How can this be done? Thanks!

  Read the article

• JQuery UI (1.8) Select Event not working on Autocomplete

  - by Cyril Gupta

  I am trying to use JQuery UI autocomplete (1.8) for an app. It is set up like this: $('#txtigtags').autocomplete({ serviceUrl: '/tags/searchtags' + $('#txtigtags').val(), minChars: 2, delimiter: ' ', select: function () { alert(''); }, deferRequestBy: 500 }); According to the documentation the select event should fire whenever an entry is selected in the drop-menu and I should get the alert. But the select event is not firing at all. Neither is focus. What am I doing wrong?

  Read the article

• jQuery - Outputting jquery results to a hidden form field

  - by Cecil

  Hey All, I was wondering how i could output the results from my jQuery to a hidden form field so i can then shove it into the database. Im using the Calendar function found here - http://www.kelvinluck.com/assets/jquery/datePicker/v2/demo/index.html Apparently the following code gets the array, but im not sure how to forward it to the hidden field. $('.date-picker').dpGetSelected() From what i can tell i want the dpGetSelected to run with when the following is triggered dpClosed Its all a bit confusing to me. Any help would be great. Cheers,

  Read the article

• jQuery child of clicked element

  - by Tom

  Hi, I've got a list of links which have a click event attached to them, I need to get the ID from the child A link. So in the example below if I clicked the first list element I'd need google retuned. I've tried '$this a' but can't quite work out the syntax. jQuery: $("ul li").click(function(event){ $("input").val($(this).html()); } ); html: <ul> <li><a href="http://www.google.com" id="google">Google</a> </ul>

  Read the article

• jquery: .attr() fails for child element

  - by user984003

  I'm going crazy staring at this. I need to change the attribute of an element, something which I have done many times before. But it fails. Now I can't even get jquery to show me the attribute that it has. Does it have to do with what is returned by find()? var c = new_photo_div.find('[class = photo]')[0]; alert(c); alert(new_photo_div.attr('class')); alert(c.attr('class')); The first alert correctly identifies the element: Object HTMLImageElement The second alert correctly gives me the class of new_photo_div. The third alert fails. No alert. I think it should say: photo

  Read the article

• Fade to background color, jquery?

  - by tarnfeld

  I tried doing this, but it doesnt work :( Any ideas? $(this).animate({ backgroundColor : "red" }, 50);

  Read the article

• jQuery + Simple Dialog

  - by Panther24

  Hi, I have a jQuery Model windows which contains a form. On creating of the page, I'm able to see the fields although in my dialog, i have set autoOpen to false. All the forms are in a div. a sample of my dialog looks like this: $("#dialog-form").dialog({ autoOpen: false, height: 460, width: 750, modal: true, buttons: { 'Create Map': function() { document.registerFrm.submit(); }, Cancel: function() { $(this).dialog('close'); } }, close: function() { allFields.val('').removeClass('ui-state-error'); } }); Any way to resolve, I don't want the form fields to be visible on load/creation of the page.

  Read the article

• In JQuery, does the advanced CSS 3 selection style work in all browsers?

  - by SLC

  I'm watching a tutorial learning JQuery for the first time, and it seems you can select items using pretty much CSS, like: $('ul li:nth-child(3)').addClass('biscuits'); Is that kind of selector going to work on all browsers, or just ones that support CSS 3 ?

  Read the article

• jquery animation - when do they finish?

  - by Naor

  I have two jquery animations one by other: books.animate({ left: left1 }, { duration: this.slideDuration, easing: this.easing, complete: complete }); laptops.animate({ left: left2 }, { duration: this.slideDuration, easing: this.easing, complete: complete }); I want the animations to run simultanusly so I use {queue: false}: books.animate({ left: left1 }, { duration: this.slideDuration, easing: this.easing, queue: false, complete: complete }); laptops.animate({ left: left2 }, { duration: this.slideDuration, easing: this.easing, queue: false, complete: complete }); But now the completed callback called twice! How can I know exactly when does the both animations are done?

  Read the article

• how can i resize font of div by resizing the div using jQuery?

  - by chirag

  Hello every one can any one help me out please? by using this code my font size is go beyound the size of parent div here $(divid).resizable({ maxHeight: parseInt(200), maxWidth: parseInt(180), resize: function(event, ui) { var width1 = parseInt(ui.element.css('width')); var height1 = parseInt(ui.element.css('height')); ui.element.css({'font-size': width1+'px'}); ui.element.css({'line-height': height1+'px'}); } }); where 'divid' is parent div where child div is present to fire resizing event of font, but i don't want font size go beyond the parent div, text is also not hidden.. can you please help me out???

  Read the article

• Disabling click or mousedown event on jQuery UI Slider

  - by Sparda

  I am trying to disable the click or mousedown event on the Slider tract. I want the slider to only move by dragging the handle. I tried adding preventDefault() and return false to the slider but no use. Its still triggering the jump. Example: http://jsbin.com/iguruh/1/edit I know this is similar to this jQuery UI Slider - Disable click on slider track but the solutions provided there are not working because i have the range option set to false. Appreciate any help.

  Read the article

• jQuery UI: how to run evaluation

  - by mikkelbreum

  I want to add 'Year' or Years' to the end of a string depending on the string. Like this: $("#selector").val(conditional_value_here); Using jQuery UI I have a slider that manipulates a value: $("#slider").slider({ value: 1, min: 1, max: 25, step: 1, slide: function(event, ui) { $("#amount").val(ui.value + ' Year' + function(){return (ui.value == 1) ? '' : 's';} ); } }); // and again I want to do the same for the initialization of the value: $("#amount_3").val($("#slider_3").slider("value") + ' Jahr' + function(){return ($("#slider_3").slider("value") == 1) ? '' : 's';}); This does not work. What is the correct way to to this?

  Read the article

• jQuery - Drag of elements in areas - then not draggable any more

  - by Tim

  Hello! I have three div areas. Creating an element, which is draggable() with jQuery UI, I can drag it all over the screen. Dropping it in a special area, then I can not drag it any more. I created a full working demo: http://jsbin.com/enusu4/2/ There you can create a draggable element which is placed into the left green area. Dragging it to the middle or right green area, I can not drag the element. I increment the zIndex of the elements, but it does not work. Does anyone can help me, what's wrong? Best Regards.

  Read the article

• Jquery menu help please

  - by Trai Tran

  I am having trouble with this menu, when I hover to the subcategories they keep slideup. I want the subcategories to remain when I hover it and when I move my mouse outside it will slideup, same go to the main categories. Please help. I had been working on this for 1 hour but no solution. $(document).ready(function(){ $('ul#level1').slideUp(); $('a#tab').hover(function(){ var content_show = $(this).attr('title'); $('.'+ content_show).stop().slideDown(); },function(){ var content_show = $(this).attr('title'); $('.'+ content_show).stop().slideUp(); }); }); <li><a href="#" id="tab" class="active" title="one">Sport</a> <ul id="level1" class="one"> <li><a href="#">View All</a></li> <li><a href="#" >Shoes</a></li> <li><a href="#" >T-Shirt</a></li> <li><a href="#" >Tools</a></li> <li><a href="#" >Hats</a></li> <li><a href="#">Pants</a></li> </ul> </li> <li><a href="#" id="tab" class="tab" title="two">Foods</a> <ul id="level1" class="two"> <li><a href="#">Link Here</a></li> <li><a href="#">Link Here</a></li> <li><a href="#">Link Here</a></li> <li><a href="#">Link Here</a></li> <li><a href="#">Link Here</a></li> </ul> </li>

  Read the article

• jquery each to loop and animate

  - by medk

  I have some span tags: <span w="560"></span> <span w="340"></span> <span w="120"></span> With jQuery, I want to select EACH span, get the value inside its w attribute and animate it to that value + "px". I have a simple code that didn't work: $(document).ready(function(){ $('span').animate({width: $(this).attr('w') + 'px'}, 2000); }); Any Suggestions? Thanks.

  Read the article

• jquery plugin pattern using jquery.data

  - by web_dev

  I have seen this piece of code in jquery plugin patterns and the notes section mention that we could attach the plugin to the DOM element using the jQuery.data function. What I don't understand is how do I make use of this piece of code. Can somebody provide examples of how to use this functionality and explain its significance? $.fn[pluginName] = function (options) { return $Extend(this).each(function () { if (!$.data(this, 'plugin_' + pluginName)) { $.data(this, 'plugin_' + pluginName, new Plugin( this, options )); } }); };

  Read the article

< Previous Page | 79 80 81 82 83 84 85 86 87 88 89 90  | Next Page >