Search Results

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

Page 241/940 | < Previous Page | 237 238 239 240 241 242 243 244 245 246 247 248  | Next Page >

  • Getting the dynamic value of a checkbox in repeating region loop with Jquery

    - by John
    How do I get the values of a check box that is in a repeating region with its values dynamically generated from a recordset from the database.I want to retrieve the value when it is checked and after I click on a link.The problem is that it is retrieving only the first value of the recordset which is 1.This is the code: //jQuery $(document).ready(function(){ $("#clickbtn").click(function(){ $("input[type=checkbox][checked]").each(function(){ var value=$("#checkid").attr('value'); $("#textfield").attr('value',value); }); return false; }); }); //html <td width="22"><form id="form1" name="form1" method="post" action=""> <input type="checkbox" name="checkid" id="checkid" value="<?php echo $row_people['NameID']; ?>" /> </form></td> I would appreciate the help.

    Read the article

  • Jquery Templeate, droping last item off in the each

    - by Lawrence
    Currently I am using jquery templating with some json data, I have a couple images that I am getting and I would like to drop the last image that I am getting from my json data. Right now I have this coded ( this only a snippet of the spot I am having the problem at): <div class="altViews"> <ul class="clearfix"> {{each(i,addImage) AdditionalImages}} <li class="altImage"> <img src="http://images.url.com/images/products/${addImage}" alt="${Name}" id="${addImage}"/> </li> {{/each}} </ul> </div> SO the main help I need is to be able to drop the last li, I just dont know how to use my index to do that.

    Read the article

  • jQuery selector - style values

    - by kender
    I got a series of divs like this: <div class="message" style="padding-left: 0px;">...</div> <div class="message" style="padding-left: 20px;">...</div> <div class="message" style="padding-left: 20px;">...</div> <div class="message" style="padding-left: 40px;">...</div> <div class="message" style="padding-left: 20px;">...</div> And I would like to make a selector that would get me the divs with padding greater then 20px. Would it be possible with just using jquery? Or I should modify my html tree and add some attribute that would distinguish those elemenents with high padding value?

    Read the article

  • How to put buttons in a html page in a jQuery dialog

    - by Robert
    eHello everyone,the following is my code to display a jquery dialog window with a closing button "OK": <script type="text/javascript"> $(function(){$("#dialog").dialog({autoOpen:false,bgiframe:true,buttons: { "OK": function() { $(this).dialog("close"); } }, width:500, height: 350, modal: true, show: 'slide', hide:'slide', title:"Similar Trends Detected in 2nd DataSet"}); $("#userid").focus(); }); function showForm(matches){ $("#dialog").html(matches).dialog("open");} Currently it runs by supplying a string variable "matches",then the content of the variable gets displayed on the dialog frame. Now me and my teammate want to extend this dialog a little,we want to attach a button to every line inside the html content("matches" variable),please note that we don't want buttons in the dialog(like another "OK" button),but we want buttons "inside" the frame (the actual html content). So I would like some help here,how could I modify my "matches" variable,to have buttons also shown inside the dialog. Thanks.

    Read the article

  • jQuery: Fade not working

    - by Rosarch
    For some reason, jQuery's fade effect isn't working. Could it be because of the code? This function does everything it is supposed to, aside from the fading. It gets called at the correct time. function moveToTerm(original_course, helper, term) { var cloned_course = original_course.clone(true); original_course.addClass('already-scheduled'); helper.fadeOut(function() { cloned_course.appendTo(term).attr('style', '').fadeIn("slow"); }); } UPDATE: It fails in both FF 3.5.9 and IE 8.

    Read the article

  • jquery.position() isn't working correctly.

    - by devzero
    I'm working on a menu system where I want a ul to show as a dropdown when the users does a mouseOver on li in another ul. I thought I'd use position to set the position of the dropdown (so it actually looks like a menu). What I want is the dropdown's top left corner to start at the same place as the bottom left corner of the wrapping listitem. Unfortunately the positioning fails in several different ways: In Firefox it seems like the dropdown's are offset with approximately -100 25 pixels the first item in the list has a different offset on the left side compared to the other items The offset in IE is not the same as in FF Doing the positioning repeatedly in explorer results in different positions each time. I've created a test page where you can see the effects: http://test.evju.biz/test/test_position.html

    Read the article

  • how to delete element created with jquery ?!

    - by mehdi
    hi , i have write this block of code in jquery to create three element after some events $('body').append( tmp= $('<div id="tmp"></div>') ); $('<div id="close" />').appendTo("#tmp"); $('<div id="box-results" />').appendTo('#tmp'); this three elements are created normally and added to my DOM but i want to remove them with some function like this : $("#close").click(function(e){ e.preventDefault(); $("#tmp").remove(); //$("#overlay").remove(); }); and after i click close div noting happen ! what's wrong with my code ?

    Read the article

  • jquery dialog: confirm the click on a submit button

    - by Omu
    I'm trying to do a confirm dialog using jquery, but the form doesn't get submitted at all, this is what I got: <script type="text/javascript"> $(function() { $("#dialog-confirm").dialog({ resizable: false, height: 140, modal: true, autoOpen: false, buttons: { 'Delete all items': function() { $(this).dialog('close'); return true; }, Cancel: function() { $(this).dialog('close'); return false; } } }); }); function ask() { $("#dialog-confirm").dialog('open'); } </script> <form ... > <input type="submit" value="delete" onclick="ask();return false;" /> </form>

    Read the article

  • How to find the submit button in a specific form in jQuery

    - by leifg
    I try to get jQuery object of a submit button in a specific form (there are several forms on the same page). I managed to get the form element itself. It looks something like this: var curForm = curElement.parents("form"); The current Element has the context HTMLInputElement. The several techniques I tried to get the according submit element of the form: var curSubmit = curForm.find("input[type='submit']"); var curSubmit = $(curForm).find("input[type='submit']"); var curSubmit = curForm.find(":submit"); var curSubmit = $(curForm).find(":submit"); var curSubmit = $(curSubmit, "input[type='submit']"); the result is always the same (and very strange). The result that I get is the same element as "curElement". So how can I get the right submit button?

    Read the article

  • Carousel stopped working

    - by DenMed
    I can't get why, but suddenly my Bootstrap Carousel stopped working. I want it starts onload. Error from Chrome Console: Uncaught TypeError: Object [object Object] has no method 'carousel' :3000/assets/application.js?body=1:18 (anonymous function) :3000/assets/application.js?body=1:18 jQuery.Callbacks.fire jquery-1.7.2.js:1076 jQuery.Callbacks.self.fireWith jquery-1.7.2.js:1194 jQuery.extend.ready jquery-1.7.2.js:436 DOMContentLoaded jquery-1.7.2.js:950 In my application.js: $('.carousel').carousel({ interval: 2000 }) In my layout: <%= javascript_include_tag 'jquery-1.7.2', 'jquery.validate.min','application' %> Where is problem ?

    Read the article

  • Jquery- Hide div

    - by Pankaj
    I have a div inside form something like <form> <div> showing some information here </div> <div id="idshow" style="display:none"> information here </div> </form> i am population information inside div(idshow) on some button click event. what i want whenever i ill click outside div(idshow), it should be hide. just like i click on menu then menu is display and when i click outside menu it goes hide. I need everything using jquery

    Read the article

  • JQuery + Rails + Select Menu

    - by blackpond
    I want to have a select menu to change a field on a Customer dynamically, I've never used Jquery with a select menu, and I'm having problems. The code: <% form_for @customer , :url = { :action = "update" }, :html ={:class = "ajax_form"} do |f| % Pricing: <%= select :customer, :pricing, Customer::PRICING, {}, :onchange = "$('this').closest('form').submit();" % Application.js: $(document).ready(function(){ $(".ajax_link").live("click",function(event){ //take div class = ajax_link and call this funciton when clicked. event.preventDefault(); // cancels http request $.post($(this).attr("href"), null, null, "script"); return false; }); ajaxFormSubmitHooks(); }); function ajaxFormSubmitHooks(){ $(".ajax_form").submit(function(event){ event.preventDefault(); // cancels http request $.post($(this).attr("action"), $(this).serializeArray(), null, "script"); return false; }); }

    Read the article

  • Jquery - how to create a sophisticated sidebar that smoothly scrolls down with you

    - by Gal
    I probably couldn't depict it better in the title (and if it has a term let me know), but just to quell the obscurity, I was referring to something like this. After you wait for the page to load, see how when you scroll down, the social media left bar stays fixed, but then when you scroll just enough that it meets your upper side, it sticks to it as you scroll further. I wanted to implement something corny and pretentious like that, so does anybody know a tutorial or a method to get that done in jquery? (I can probably do it myself, if I'm not mistaken, just need some sense of direction from savvy jqueryists). Is there a way to know when and how much a user scrolls? Can it be done with id's like the # url appendix to jump to a specific element? Just some ideas...

    Read the article

  • How do you send an array as part of an (jquery) ajax request

    - by Ankur
    I tried to send an array as part of an ajax request like this: var query = []; // in between I add some values to 'query' $.ajax({ url: "MyServlet", data: query, dataType: "json", success: function(noOfResults) { alert(noOfResults); } }); } I wanted to see what I get back in the servlet, so I used this line: System.out.println(request.getParameterMap().toString()); Which returned {} suggesting an empty map. Firebug tells me I am getting a 400 bad request error If I send a queryString like attribute=value as the 'data' then everything works fine, so it has to do with not being able to send an array as is. What do I have to do to get that data into the servlet for further processing. I don't want to pull it out and turn it into a queryString in the JS if I can avoid it. EDIT: I used the .serializeArray() (jQuery) function before sending the data. I don't get the 400 but nothing useful is being sent through.

    Read the article

  • How can i get the selected option name or id of a select element using jQuery

    - by bill
    Hi All, i have a "questionairre" that is made up of a series of select boxes. i need to use two properties in the options. For each selected option i need the value (which i know how to get and is working fine) but i also need to store an additional value which represents the id of the specific option in a DB. One solution would be to put the two values in the "value" property and parse it out.. but if there is some other property i can use that might be easier and clearer.. can i add a custom property?? like databaseId that could be accessed with jQuery? thanks for ANY suggestions.

    Read the article

  • JQuery setting the selected attribute on a select list

    - by Rupert
    I have the following html <select id="dropdown"> <option>A</option> <option>B</option> <option>C</option> </select> I have the string "B" so I want to set the selected attrribute on it so it will be: <select id="dropdown"> <option>A</option> <option selected="selected">B</option> <option>C</option> </select> How would I do this in JQuery?

    Read the article

  • how to get change event on created fields in jquery

    - by frosty
    I have some jquery code the creates an quantity text box. Like so <input type="text" value="1000" class="qty" name="[0].Quantity"> I wish to add some validation to this text box but can hit the method. I believe i need to utlise Live(). But can't quite figure out how this is implemented. This is where i'm at $(document).ready(function () { $(".qty").change(checkValue); }); function checkValue() { alert("on change"); }

    Read the article

  • How to achieve jQuery scrolling/overlay effect (video in description)

    - by waffl
    I have two columns. The left column contains text of dynamic lengths. The right column is of fixed height and will contain a set of images selected at random per page load. I am trying to create an effect where while the user scrolls, the Image 2 scrolls above Image 1. When it reaches the top, the Image 1 begins to scroll up until it disappears, then Image 3 comes in and repeats the process. As this is rather confusing, I made a short video describing the desired effect. Video - MP4 I have begun trying to get it working in this jsbin but am at a loss for when the user scrolls back down and also when more images are required. I am thinking my current path is not the right direction. I'm thinking that employing something like jQuery waypoints is more the direction I should be pursuing?

    Read the article

  • Select <a> which is the second <a> on a page that contains some href text?

    - by Alex
    Hello there, I'm working with a page that has several links that contain the same href text, and I need to select the second anchor element on the page that contains said href text. Here's a simplified version of the link structure of the page: <a href="same/link/to/stuff/">same link</a> <a href="same/link/to/stuff/">same link</a> How do I fashion my selector so that it only selects the second anchor in the above example? Thanks!!

    Read the article

  • jquery for loop on click image swap

    - by user2939914
    I've created a for loop of images. I would like each image to swap with another image on click individually. Here's the jQuery I've written so far: for ( var i = 1; i < 50; i++) { $('article').append('<div class="ps-block" id="' + i + '"><img src="img/bw/' + i + 'bw.png"></div>'); } $('img').click(function() { var imgid = $(this).attr('id'); $(this).attr("src", "img/color/" + imgid + ".png"); }); I also attempted to use this code inside the for loop after the append, but i ends up returning 50 every time you click since the loop has already ran: $('img[src="img/bw/' + i + 'bw.png"]').click(function() { $(this).attr("src", "img/color/" + this.id + ".png"); }); Thanks!

    Read the article

  • Can't call page method from JQuery?

    - by user356787
    I have a page called AddNews.aspx and in codebehind a web method called AddNews(Parameters).. AddNews.aspx page is inherited from a master page.. So i used contentplaceholder. I have a button..It's id is btnSave. Here is jquery code: $(function() { $("[id$='_btnSave']").click(function() { $.ajax({ type: "POST", contentType: "application/json; charset=utf-8", data: $.toJSON(veriler), url: "AddNews.aspx/AddNews", dataType: "json", success: function(result) { $("#result").html('News added'); }, error: function() { alert('Problem'); } }); }); }); </script> Button click trigger now.. But it doesnt call Web Page Method.. What's the problem?

    Read the article

  • Bind event to a div appearing

    - by AndyC
    Can I create an event so I can execute some javascript whenever an element with a specific ID becomes visible or appears on the page? The element comes from a remote resource (so isn't in MY html code but appears on page load) and I'd like some code to run when it appears (and only if it appears, it may not appear every load). Thanks!

    Read the article

  • javascript / jQuery variable problem (possibly caching issue)

    - by waitinforatrain
    Standard AJAX query with jQuery: var globalTitle = ""; var pages = ["a", "b", "c"]; for (var i = 0; i < pages.length; i++) { createpage(pages[i]); } function createpage(title) { globalTitle=title; console.log (globalTitle); //All looks good here $.ajax({ url: "createpage.php?id=" + title, context: document.body, success: success }); } The success() function uses globaltitle which is why I had to declare it global. In the success() function though console.log (globalTitle); constantly gives me "a". It's like the variable is assigned but is then cached every time success() is called. Happens in FF 4 and Chrome 8. Any thoughts?

    Read the article

  • multiple jquery galleries

    - by user1644650
    I'm trying to separate two jQuery galleries, so they don't interlink on my html page: http://mashanova.com/myFAQ/faqGallery.html# here is the html: here is javascript: $(document).ready(function(){ $('.gallery_thumbnails a').click(function(e){ e.preventDefault(); $('.gallery_thumbnails a').removeClass('selected'); $('.gallery_thumbnails a').children().css('opacity','1'); $(this).addClass('selected'); $(this).children().css('opacity','.4'); var photo_fullsize = $(this).attr('href'); var photo_preveiw = photo_fullsize.replace('fullsize','preview'); $('.gallery_preview').html('<a href="'+photo_fullsize+'" style="background-image:url('+photo_preveiw+');"></a>'); }); });

    Read the article

  • How do I "step over" jQuery code while debugging?

    - by Scott Rippey
    While stepping through a script that uses jQuery, I just want to test the code I wrote. I don't want to step into the jQuery file -- I'm not debugging jQuery, just my own file. Are there any ways to tell a debugger to not step into the jQuery file? I use Visual Studio + Internet Explorer, as well as Firefox + Firebug for stepping through code ... and both seem to love to step through dozens of jQuery statements. For example, say I have a script like this: $("div").each(function() { $(this).hide(); }); I would like to press "step into" and not see the implementation of ".each()" etc... In C#, this is possible by using the [DebuggerStepThrough()] attribute on a class. But that doesn't help with JavaScript.

    Read the article

< Previous Page | 237 238 239 240 241 242 243 244 245 246 247 248  | Next Page >