Search Results

Search found 23477 results on 940 pages for 'jquery ui sortable'.

Page 215/940 | < Previous Page | 211 212 213 214 215 216 217 218 219 220 221 222  | Next Page >

• jQuery detect current thumb and scroll jCarousel accordingly

  - by steve

  Another thanks to SLaks for helping me get the code this far. I'm not quite sure if my last step is even possible with the way I have things set up. A live version of the gallery can be seen here: http://www.studioimbrue.com/index2.php Currently, everything works appropriately. The image and its thumbnail are currently tied together, but the jCarousel itself is still independent. I've added nextThumb.closest('.thumbscontainer').jcarousel('next'); so that when you click the large image, the carousel scrolls to the next row, but that doesn't actually follow any logic. What I'm attempting to do is for jQuery to detect how far down the thumbnail is and when to appropriately scroll the carousel. Is this even possible?

  Read the article

• Create/Edit/Save data in a jQuery pop-up for ASP.NET-MVC and Linq2Sql

  - by RememberME

  I have a MVC page which allows creation and editing of a subcontract. When the user has to select a company for the subcontract, I would like for them to have the option to create a new company. I've made a jQuery pop-up with the company fields, but I don't know how to then save this information to the company table. I would also like to be able to use the same pop-up to allow the user to edit the information for an existing company, but need direction in how to send the information to the pop-up.

  Read the article

• jQuery SlideDown Flickering in Firefox

  - by Sithlord

  Hi, once more a jQuery, Firefox flickering issue. (no flickering in IE6/7/8, Safari) I uploaded an example page here: http://sithlord.bplaced.net/testing/jquery_flickering/flickering.html There are two div containers. The inner div is the one I'm hiding. The outer one is the wraping container with the style elements. I found the flicker only occur with the selectbox. Without the SelectBox there is no flickering. But thats not all: (I cant post a second hyperlink: its the same link as above; only change "flickering.html" to not_flickering.html) In this case I selected a lower "option" - as you can see, the flicker disappears in this case. The same is happending, when there are less options in total. (less then about 20) The only workaround I found is deleting the selectbox :) Any ideas, why this is happening and how to fix it? Thanks!

  Read the article

• jquery IE Fadein and Fadeout Opacity

  - by Tom

  Hi Guys, I am getting this weird problem in IE with a CSS Overlay I am applying for a lightbox. Basically, I use fadein and fadeout for jquery - the problem is that everything works fine EXCEPT in IE. In IE - I get no fadein - rather it just goes straight to opacity background. On fadeout - it removes the "opacity" for < 1 sec second and renders the page a "solid color" before removing the overlay. Anyone know how to fix this bug ? Its really annoying - I am using all the correct filters etc its just the fadein and fadeout in IE ? Thx

  Read the article

• How to set timezone in jquery countdown timer

  - by Kalpana

  I want to set GMT+5:30 as my timezone in jquery countdown. Start Time for countdown is 'Thu May 20 16:00:00 IST 2010' End Time is 'Thu May 20 17:00:00 IST 2010' as value. +330 is my timezone given in minutes. But my countdown starts from 00:35:00. I would have expected the countdown to start from 01:00:00 Not sure why this is discrepancy is there. <script type="text/javascript"> $(function () { var endTime = '#{myBean.getCountDownDate()}'; $('#defaultCountdown').countdown({ until: endTime, format: 'HMS', timezone: +330, compact: true, description: '#{myBean.getCountDownDate()}'}); }); </script>

  Read the article

• Implementing fallback from Google AJAX Libraries API to local jQuery

  - by Maxim Z.

  After looking up the advantages and disadvantages of using Google's AJAX Libraries API instead of using jQuery locally, I saw that someone wrote in an answer (here on Stack Overflow, of course) that it's possible to get around the downtime that Google's API sometimes experiences by somehow falling back to a local copy of the library you use. I want to use Google's AJAX Libraries API on my site, but I'm concerned about this possible downtime and I'm curious how such a fallback procedure can be implemented. Has anybody ever tried doing this? Can you point me towards some code that accomplishes such a feat? Thanks in advance.

  Read the article

• jQuery.ajax success callback function not executed

  - by Frank Michael Kraft

  I have a JavaScript Ajax call (jQuery.ajax), that does not execute the success callback function. $.ajax({ url: target, contentType: 'application/json; charset=utf-8', type: 'POST', // type: 'GET', dataType: 'jsonp', error: function (xhr, status) { alert(status); }, success: function (result) { alert("Callback done!"); // grid.dataBind(result.results); // grid.dataBind(result); } }); I see in firebug, that the request is posted and the correct result in terms of the json is returned as expected. What is wrong?

  Read the article

• debug jquery selector

  - by Fabian

  Hi, I am looking for a way to debug what a jquery selector returns/selected. I tried to use toString() but that only returns [object Object]. What I am actually trying to do is to attach a callback to radio buttons. And on click on one of the buttons I want to submit the enclosing form. Therefore I try to do something like this: $(".rating").stars({ cancelShow: false, callback: function(ui, type, value, event) { $(this).closest('form').ajaxSubmit(); } }); But unfortunately just nothing happens. Thanks a lot, Fabian

  Read the article

• accessing the next tr from an input in the row above using jquery

  - by Jan Hoefnagels

  Dear jquery experts, Is there any way to access a tr from an input of a tr above without adding row specific id's or classes? <table> <tr><td>just another row</td> <tr><td><input name="inputToSerachFrom" type="text" /></td><tr> <tr><td>I want to acces this row without adding id's or classes</td><tr> <tr><td>just another row</td> </table> var rowINeed = $("input[name=inputToSerachFrom]").closest("tr").parent().noIdea(); Jan

  Read the article

• jQuery - ajax page load - php scope

  - by Develman

  I am using jquery.tabs() and want to load the pages of the tabs with ajax. I am using MVC pattern with PHP and used a frontcontroller / pagecontroller pattern. The templating is done by PHP, e.g.: <?php if($this->userLoggedIn == TRUE): ?> <span>Herzlich Willkommen <?php echo $this->userName; ?>! [<a href="logout">Ausloggen</a>] </span> <?php endif; ?> The variables ($this-userName) are injected by the pagecontroller class. The problem is, that when I load a page via ajax, the variables are not known. Following PHP error is coming up: Fatal error: Using $this when not in object context.... Any idea, how to use / load the variables and using it in the template files.

  Read the article

• jQuery preventDefault stops rest of code working

  - by Tim

  I have this code where I am using jQuery to navigate to the next page, because I want some effects to take place before that happens. The problem is, that everything after the prevent.Default(); doesn't seem to work! $("a").click(function(event){ event.preventDefault(); $(".content-center").animate({height: "0px"}, 500); navigate($(this).attr('href')); }); I need things to happen in that order, so that the animation happens and once it's complete - load the next page... Does anyone have any ideas? Many thanks in advance? Tim Updated code (moves to new page but no animation occurs) --- $("a").click(function(event){ event.preventDefault(); var driver = $(this).attr('href'); $(".content-center").animate({ height: "0px" }, 500, function(){ navigate(driver); }); }); see: http://bit.ly/aOeYgE Many thanks for your help!!

  Read the article

• jQuery Toggle with multiple unique DIVs?

  - by tony noriega

  I am using jQuery toggle with a link and a div. I will eventually have approx. 50 divs i want to toggle, and instead of creating a new function for each one, is there a way i can create a class and have it read unique ID's for each div? (if that makes sense) For instance, i will have A1, A2, A3, B1, B2, B3..e.tc.. $(document).ready(function() { $('#slickbox').hide(); $('a#slick-toggleA1').click(function() { $('#A1').toggle(300); return false; }); });

  Read the article

• Jquery submit form error

  - by Gandalf StormCrow

  I have a form which I want to submit upon button click which is outside the form, here is my HTML : <form id="checkin" name="checkin" id="checkin" action#" method="post"> <input type="text" tabindex="100" class="identifier" name="identifier" id="identifier"> <input type="submit" tabindex="101" value="Submito" class="elsubmito" name="submit"> </form> Here is my jQuery : $("button").live('click', function(){ $("#checkin").submit(); }); $("#checkin").live('submit', function(){ }); When I click submit button inside the form its submitting ok, but its not submitting when I click on the button which is outside the form tags, why? how can I fix this ?

  Read the article

• jEditable - how do I get the edited textfield variable?

  - by Forkrul Assail

  I have a table that I use jEditable with. Saving to the server works, but the callback for refreshing my table element (that I just edited and saved to the server) does not work. /* Apply the jEditable handlers to the table */ $('#example tbody td').editable( '<%= url_for :controller => 'impact_matrix', :action => 'post', :scenario => params[:id] %>', { "callback": function( sValue, y ) { ^ goes missing var aPos = oTable.fnGetPosition( this ); oTable.fnUpdate( sValue, aPos[0], aPos[1] ); }, "submitdata": function ( value, settings ) { temp = value return { "row_id": this.parentNode.getAttribute('id') }; }, sValue (that I point to in the code) - seems to be blank. I do get values for aPos[0] and aPos[1], but not sValue. Could someone please explain to me 'what triggers the callback function?' Or, if I could just see where to get the 'newly edited text' and then just run fnUpdate() on that, I'd be fine. Thanks in advance for your help.

  Read the article

• how to properly use jquery .stop() ?

  - by GaVrA

  Hello! On this page: http://www.arvag.net/old/smsbox.de/ when you hover over "Informationen" and "Über uns" you get sub menu shown. When you move mouse away it hides. Normally i have problem with jquery making queue for every single hover i make, and then i just keeps on animating all those hovers. I tried to implement stop() but just cant get it to work properly. This is the code i am using: <script type="text/javascript"> //<![CDATA[ $(function(){ $('#nav_menu > .center > ul > li').hover(function() { $(this).children('ul').slideToggle('slow'); },function(){ $(this).stop(true,true).children('ul').slideToggle('slow'); }).click(function(){ return false; }); }); //]]> </script> Thanks!

  Read the article

• How to open a html page as a popup with in the page (no new window opens) using Jquery

  - by Vara Prasad

  I am having the link button and when i clicked on the link button the popup will be open (with in the page itself like a modalpopup. now i have to get the popup feel using jquery and inside the div text should come from database. How is it possible for getting the message from the backend. means open a div in a modal popup feel using jquery or opens the html page in a popup in the same window using jquery Thanks and Regards Vara Prasad.M

  Read the article

• Retrieving part of a string using jQuery / JavaScript

  - by ILMV

  I know how I would achieve this using PHP, but with jQuery / JavaScript I'm not sure how to, here's the string I'm dealing with (It's the name attribute from a input element): Field[0][some_random_text] I want to retrieve the value some_random_text and slap it in a variable, I guess I would usually use regex to accomplish this task but not sure how this is done in JavaScript. Here are some characteristics of this name attribute. It will always be in this format string[string][string] Each of the strings can be any length How would I get the some_random_text string? I'd like to stick to the standard set of functions if possible.

  Read the article

• ASP.NET Repeater Causing JQuery Image Slider

  - by Bry4n

  I have a jquery Image slider in a content page that worked fine. Once I converted it into a asp repeater the first image of the repeater would display twice, then run normally. Any idea on why the repeater is causing this? I think I discovered that the first image link <ItemTemplate> <a href='<%#Eval("Url")%>'> <img src='<%#Eval("Image")%>' alt="Spring Break 2011" rel='<h3><%#Eval("Title")%></h3><%#Eval("Caption")%>'/></a> </ItemTemplate> I have to place class="show" in the first item only. Does anyone know how to implement this during the first time it goes through. Hmm

  Read the article

• Jquery get input value inside list which is inside a div

  - by McNabbToSkins

  I have something like the following <div id="container"> <ul id="name_list"> <li class="name"> <input type="hidden" class="name_val" value="5" /> </li> </ul> </div> I am trying to get the value of the input. So far I have the following Jquery statment. $("#container li.name input.name_val").val(); this does not work anyone know a better way?

  Read the article

• passing a variable to a ajax request Jquery

  - by user304735

  Hello, I am trying to pass a variable to an ajax request via jquery. I have a triggered event that defines the variable. I want to do this so that I can have one ajax request handle multiple urls. I have alerted the url and it come back fine, but when I plug it into the URL slot of a $.ajax request my targeted content does not load. Here is my code. $(document).ready(function(){ $('a').live('click', function(){ var link = $(this).attr("href"); $.ajax({ url: link, success: function(html){ $('#load').html(html) } }); }); }); this has been a real headache and I feel I am just misusing something. Please help.

  Read the article

• jquery issue, disable on mouseenter queue

  - by jason

  When you mouseenter .li_group class it does a slide down effect on 1 single <li> tag, everything goes smoothly, but during the delay if you take your mouse off and on .li_group it "queues" the effect and slides the li down, delay, slides it down again etc etc... I have tried every way i can think of, even stop(); but it still does it... the reason i use mouseenter instead of hover, is because it works better for ul / li list $(".li_group").live('mouseenter',function(){ var id = "#ec1"; $(id).slideDown(); }).live('mouseleave',function(){ if (jQuery.support.cssFloat==true || getInternetExplorerVersion() > 7) { //ie < 8 endless up/down on close var id = "#ec1"; $(id).delay(5000).slideUp('fast'); } });

  Read the article

• using document.createDocumentFragment() child dom elements that contain jQuery.data

  - by taber

  I want to use document.createDocumentFragment() to create an optimized collection of HTML elements that contain ".data" coming from jQuery (v 1.4.2), but I'm kind of stuck on how to get the data to surface from the HTML elements. Here's my code: var genres_html = document.createDocumentFragment(); $(xmlData).find('genres').each(function(i, node) { var genre = document.createElement('a'); $(genre).addClass('button') .attr('href', 'javascript:void(0)') .html( $(node).find('genreName:first').text() ) .data('genreData', { id: $(node).find('genreID:first').text() }); genres_html.appendChild( genre.cloneNode(true) ); }); $('#list').html(genres_html); // error: $('#list a:first').data('genreData') is null alert($('#list a:first').data('genreData').id); What am I doing wrong here? I suspect it's probably something with .cloneNode() not carrying over the data when the element is appended to the documentFragment. Sometimes there are tons of rows so I want to keep things pretty optimized, speed-wise. Thanks!

  Read the article

• Seeking to zoom in on an image, slowly, on page load, using Jquery

  - by Heath Waller

  Hello, I am looking to give the impression of zooming in from a large image to a detailed area of that image, over time, when the page loads - using javascript (jquery, preferably). I have been given the following flash site as a reference (action happens just after title fades in): http://www.delicatessennyc.com/ Not sure if this is even possible. I know I could switch out the large image for a smaller one - but my boss is hellbent of achieving this flash-type action using javascript. Please note, I've searched the plugins and I've not found anything like what I'm looking for. And I'm so new to this type of coding that cobbling it together from scratch seems daunting. Thank you all so much.

  Read the article

• Animating the <li> removal in jQuery

  - by Marco

  Hi guys, i'm adding and removing <li> elements with jQuery, that are shown horizontally with the following style: #my_ul { list-style: none; } #my_ul li { float: left; margin: 0px 15px; } For example, if i add four <li> to an <ul> and then i decide to remove the second one, after it has been removed the other two <li> elements on the right immediately move to the left. What i'd like to do is to animate this behaviour, with the remaining <li> elements that softly moves to the left. Any tips? Thanks

  Read the article

• jQuery event to trigger action when a div is made visible

  - by frankadelic

  I'm using jQuery in my site and I would like to trigger certain actions when a certain div is made visible. Is it possible to attach some sort of "isvisible" event handler to arbitrary divs and have certain code run when they the div is made visible? I would like something like the following pseudocode: $(function() { $('#contentDiv').isvisible(function() { alert("do something"); }); }); The alert("do something") code should not fire until the contentDiv is actually made visible. Thanks.

  Read the article

< Previous Page | 211 212 213 214 215 216 217 218 219 220 221 222  | Next Page >