Search Results

Search found 19279 results on 772 pages for 'jquery validate'.

Page 203/772 | < Previous Page | 199 200 201 202 203 204 205 206 207 208 209 210  | Next Page >

• How to actually use ZeroClipboard in jQuery?

  - by Martti Laine

  Hello I just can't get this thing. How is ZeroClipboard supposed to work? Why does it need to move the flash-element over the copied text? I've read this thing: http://code.google.com/p/zeroclipboard/wiki/Instructions Can someone provide me a short snippet, which makes it possible to copy a text in variable to users clipboard, when user clicks a link. Is this even possible? I don't care, if it doesn't work on all browsers (IE6 for example). I'm using jQuery. Martti Laine

  Read the article

• window.focus() not working in firefox

  - by Nisanth

  Hi all i am developing a chat application ... i have multiple chat windows ... i want to know which windw contain new message ... i have the following code .. function getCount() { $.ajax({ type: "POST", url: baseUrl + '/Chat/count', data: "chat_id=" + document.ajax.chat_id.value, success: function(msg){ if(msg == 'new1') { self.focus(); } } }); } This code is work fine with IE but not in firefox...please give me a solution... the above code is in the same html

  Read the article

• JQuery iterating through textboxes and changing its color

  - by bill-nielsen

  I'm trying to iterate through all the empty textboxes in a table and change its background colour. I'm using the following JQuery code: $("#btn2").click(function() { var emptyTextBoxes = $('input:text').filter(function() { return this.value == ""; }); emptyTextBoxes.each(function() { this.css('background-color', '#ffff00'); // $('#Col3Txtbx').css('background-color', '#ffff00'); }); }); This does not seem to refer to the textbox which seems strange to me. When I uncomment out the particular textbox, it does reset the background colour. Can someone explain to me what 'This' is referring to?

  Read the article

• Rails with JQuery DIV manipulation

  - by MrThomas

  Say I have a loop of objects (style.cover.pic) in a DIV .style_image <% @styles.each do |style| % <div class="style_image"> <%=link_to (image_tag style.cover.pic.url(:small)), style %></div> With the use of JQuery On a click event I want to load (this.href) in to the div .style_image which was click not all of the .style_image DIV's. this is what I have done so fare: $(function() { $(".style_image a").live('click', function(event) { $(".style_image a").load(this.href + " #show_style"); $.get(this.href, null, null, "script"); return false; }); }); Can this be done? and yes how??? Regards Dan

  Read the article

• Supplying a callback to Jeditable

  - by pjmorse

  Summary: When I try supplying a onsubmit or onreset callback to Jeditable, I get Object [function] has no method 'apply' errors. How I got here: I've been working on a rails plugin to supply Jeditable and jWYSIWYG for in-place WYSIWYG editing. Development is driven by a Rails project I'm working on which asks for specific functions. One of the options I added was the ability to trigger Jeditable's edit mode using a button instead of clicking on the editable text itself, following the pattern suggested in this answer. The next step, though, is to hide the button while in edit mode, and reveal it again when leaving edit mode. The hide is easy enough; I just added a line to the triggering function which sends .toggle() to the button. Reveal is trickier. I figure I need to .toggle() again on submit or cancel, and helpfully, Jeditable offers onsubmit and onreset callbacks. However, when I try using those callbacks, I get this Object [something] has no method 'apply' errors. What I'm trying: Because this is in the context of a Rails helper, the actual mechanics are a little more involved than this, but the upshot is that I'm trying to follow this pattern, handing Jeditable this in the args: "onsubmit":"showTrigger", and then including this script: function showTrigger(settings, original) { $(".edit_trigger[id='element_id']").toggle(); } However, on submitting changes or canceling an edit, I get the error Object showTrigger has no method 'apply' ...as described above. I also tried sending in a function directly as the "onsubmit" argument (i.e. "onsubmit": "function(settings, original){$(\".edit_trigger[id='element_id']\").toggle();}" and then I just get Object function(settings, original){$(\".edit_trigger[id='element_id']\").toggle();} has no method 'apply' instead. There must be something wrong with how I'm handing in this callback. Any ideas? ETA: This answer suggests to me that somehow I'm providing a string to Jeditable when it expects a function instead. However, because I'm working within the context of a Rails helper, I'm not at all sure how to fix that - the "showTrigger" bit is set as a Ruby variable in the helper, and although window.showTrigger() is defined when the window is loaded, I don't know how to designate that function within a Ruby variable such that it will be recognized as a function at page load time.

  Read the article

• Insert Comment Reply Form Into Page Using Jquery

  - by Joe

  I have been making a threaded comment system as a way to learn php and javascript/jquery properly. Ive done bits and bobs in the past but ive made a new years resolution to learn it properly. Im having trouble inserting a reply form into the comment tree below the comment being replied to. I know this is probably pretty basic but how do you insert html into a page when someone clicks a link. This code wasn't working for me: $(document).ready(function(){ $(function() { $('a#reply').click(function() { $(this).append("the html blah"); }); }); }); Anyone see where im going wrong?

  Read the article

• Jquery click behaviour

  - by VP

  I'm developing a menu. This menu, will change the background image when you click on a link, as almost all menus does. if i click in one link from the menu, this link backgroun will change the color. My jquery script is: $(function() { $('#menu ul li').click(function() { $('#menu ul li').removeClass("current_page_item"); $(this).addClass("current_page_item"); //return false; }); }); today, with the "return false" commented, when i click on the link under "#menu ul li" it changes the background open the new page and the background is reseted. For sure, if i uncomment the return false, the background works fine but then i cannot open any link. So its looks like after that i open a new page, it reset the classes. How can i make it persistent?

  Read the article

• Help with jQuery issue

  - by Espen Arnoy

  I have a simple page with a list if "items". I am allowing users to vote on these items, but I only want to allow the user to vote one per. item. Therefore i have made a jQuery script that adds a class to the items the user has voted on: if(! $(this).find(".item span").hasClass("voted")) { $(".item").hover(function() { $(this).find(".ratingbar").hide(); $(this).find(".votebar").show(); }, function() { $(this).find(".votebar").hide(); $(this).find(".ratingbar").show(); }); }; This is the script that prevents the user from voting again on the same item. $(".votebutton").click(function() { $("div#"+offerid).find(".item").addClass("voted"); } My problem is that this doesn´t work. When hovering an item, the hover function still runs even though the second script successfully added the class "voted" to the html. Why can this be?

  Read the article

• CKEditor Modal Issues.

  - by RavenHursT

  So I'm using CKeditor inside of a jQueryUI dialog. The issue I'm having is when you click on a button like the "link" button, the modal that pops up, won't let me type anything into it's inputs. I can change the values of the pull downs, I can drag the modal around the screen, and I can click on the buttons. But when I attempt to type into the text inputs, nothing happens. Has anyone else come across this? If so, did they find a solution? Thanks! Maybe this has something to do with it? http://dev.jqueryui.com/ticket/4309 But I'm using 1.7.2...

  Read the article

• stop propagarion from draggable div to selectable table

  - by Zeus

  If I have a table which has selectable cells $("#selectTable").selectable({ filter: ">*>tr>td"}); and one of the cells contains a draggable div $(".dragMe").draggable({}); HTML like so: <table id="selectTable"> <tr> <td> 1 </td> <td> 2 </td> <td> 3 </td> <td> <div class="dragMe">drag me</div> </td> </tr> </table> How do I stop the cell containing the div from being selectable? I presume the div will intercept the click event before the table cell, but my attempts at using event.stopPropagation on the draggable element have led me nowhere so far... Any suggestions or tips for using draggable inside a selectable parent would be most appreciated! EDIT: It seems that adding the div element to the cancel option for the selectable almost works - $("#selectTable").selectable({ filter: ">*>tr>td", cancel: ':input,option,div'}); this prevents the div from being selected when you click on it, but not when you drag+select it along with surrounding elements. Edit I've solved this now, the solution to this question can be found here

  Read the article

• collapse jquery treeview plugin when focusing on another element

  - by Andy Simpson

  Hello all, Is there a way to have the jquery treeview plugin automatically collapse when a user focuses on another element. More detail about what I am trying to do: I have a form where a user has to select an item from a large selection. To make this easier I have set up a small list of 5 commonly selected items each with associated radio select buttons. However if the item wanted is not in this common list the user has to use the treeview to search through different categories to find the item. Is there a way to collapse the treeview when the user clicks on one of the radio buttons from the common item list? Thanks for your help in advance, Andy

  Read the article

• Twitter client with JQuery not working in Firefox

  - by lpdahito

  Hey guys, I've got a little script that fetches my latest tweets... I use JQuery's getJSON method to fetch my tweets. The script works well with Chrome and Safari but when it comes to Firefox, nothing appears! here's the code: $.getJSON('http://api.twitter.com/1/statuses/user_timeline.json?screen_name=lpdahito&count=3&callback=?', function(data) { $('#tweets').html('<p>' + data[0].text + '</p><p>' + data[1].text + '</p><p>' + data[2].text + '</p>'); }); Thanks for helping! LP

  Read the article

• Binding Dropdownlist using jquery

  - by Geetha

  Hi All, I am try to bind the dropdowmlist using jquery. But is showing some error. Code: $.ajax({ type: "POST", contentType: "application/json; charset=utf-8", data: "{product: '" + product + "'}", url: "Search.aspx/FetchCategory", dataType: "json", success: function(data) { $.each(data.d, function() { $("#ddlCategory").append($("<option></option>").val(this['ID']).html(this['Category'])); }); } }); values in the data: [{"Category":"All","ID":"%"},"Category":"Action,"ID":"4"},"Category":"Race,"ID":"5"},"Category":"Sports,"ID":"6"}] Error: $("#ddlCategory").append($("").val(this['ID']).html(this['Category'])); Microsoft JScript runtime error: Object doesn't support this property or method Geetha

  Read the article

• JQuery and form attributes change in IE

  - by bounce

  Hi, I want to change form attributes with JQuery. In other browsers it works fine, but not in IE(6,7,8). Code: action = '/controller/action/id/'; target = 'upload_iframe'; enctype = 'multipart/form-data'; $('#form1').attr("action",action); $('#form1').attr("target",target); $('#form1').attr("enctype",enctype); So what's the problem ? Your help would be appreciated.

  Read the article

• jQuery $.post with PasteBin API

  - by John K

  Ok, I'm trying to use jQuery $.post with the PasteBin API to create a PasteBin page and grab the URL (which the API says it returns). Here is my code so far: $('#send_code').click(function(){ $.post('http://pastebin.com/api_public.php', { paste_name: $('#paste_name').val(), paste_code: $('#paste_code').val() }, function(data){ alert(data); }); } The above script creates the page just fine (I can find them on PasteBin). However, all that is returned is an empty string. I've tried using this same API with php and cURL, and I'm able to retrieve the URL just fine. Can anyone see if I'm doing something wrong? Thanks!

  Read the article

• A strange problem using jquery in IE6.

  - by Tony

  I am using jquery load method to update divs , it works great until I test my code under IE6. The problem is : under IE6 , when I click a button to trigger a load method , the page is remaining unchanged until I move my cursor, that means if I click my mouse and keep my hand away from the mouse , the page is unchanged , if I move the mouse , the page is updated. This problem is only occurred under IE6 . IE7 , IE8, Firefox all have no problem. Have you guys ever encountered this kind of problem ?

  Read the article

• Global variables in jQuery

  - by Thorpe Obazee

  I have been working on this script: <script type="text/javascript" src="/js/jquery.js"></script> <script type="text/javascript"> $(function(){ compentecy = $('#competency_id'); $('#add_competency').bind('click', function(e){ e.preventDefault(); $.post('/script.php', {competency_id: compentecy.val(), syllabus_id: 2}, function(){ // competency = $('#competency_id'); competency.children('option[value=' + compentecy.val() + ']').remove(); }); }); }); </script> in the $.post callback function, it seems that I can't access global variables. I tried $.competency but it didn't work. I always get a "competency is undefined" error. I had to reinitialize the variable once again inside the callback. Is there a way to NOT reinitialize the variable inside the callback?

  Read the article

• Jquery Text Variable

  - by Batfan

  I am trying to get jquery to pick up variable that I am defining and I'm having issues doing it. $.ajax({ url: "sitemap.php", cache: false, success: function(html){ $("#results").append(html); var $seriestitle = $("#define-title").text(); $('#results a:contains("$seriestitle")').addClass('current-series'); $('a:not(".current-series")').hide(); } }); This is the code I am using. You can view the page at the following URL: http://benjammindesigns.com/XML/details/1231.html There is a span on the page, with the ID 'define-title', that contains text. I am trying to pull the text from that span and use it as my variable. Any info is greatly appreciated.

  Read the article

• Jquery Autocomplete Unable to Empty Input on Internet Explorer

  - by Matias

  Hi, I´ve got a Jquery autocomplete input like the following: $("#cities").autocomplete(regionIDs, { minChars: 2, width: 310, autoFill: true, matchContains: "word", formatItem: function(row) { return row.city + ", " + "<span>" + row.country + "</span>"; }, formatMatch: function(row) { return row.city; }, formatResult: function(row) { return row.city + ", " + row.country; } }); A listener for the input $("#cities").result(function(event, data, formatted) { selectedCity = (data.regionID); }); And the input: <input type="text" class="textbox" id="cities" name="q" autocomplete="off"> The trouble is when I reload the page, Internet explorer displays last user Input in the text box. However, the variable has no value. I have tried with .reset() but no success. Any ideas why ?

  Read the article

• How to have lightbox on page load??

  - by kayteen

  Hi, Is there a way to have lightbox on page load?? Say like when the page is loading i need to show the lightbox... and when the page load is complete it should disappear?? Pls help me in this...!!

  Read the article

• Read a variable from a variable cookie jquerycookie.

  - by Ozaki

  TLDR How could I tell "page.html" which one of 3 or so cookies to look at when the cookie is set on the previous page? Currently: When a link is clicked save text of link to cookie When "page.html" is loaded get the value of the cookie Loads the getjson call as per value of the cookie. E.g: <a href="page.html">link1</a> -c1 <a href="page.html">link2</a> -c2 <a href="page.html">link3</a> -c3 See previous discussion here Now that is all good and well apart from the fact if I were to say open them in multiple tabs. It changes the cookie and correctly loads the right data. But if I were to refresh one of these tabs it will load the most recently open data rather than what it should be. So if I were to save a cookie as c1 with a value of link1 c2 with a value of link2 c3 with a value of link3 How could I tell "page.html" which cookie it should be looking at, therefore not breaking the back/forward/refresh buttons on the browser when multiple tabs are open?

  Read the article

• JQuery XML option node

  - by JD

  hi, I am having an issue with parsing XML with JQuery when there is a node with an option node <preferences><dashboard> <report id="si_pg_vw" order="0"> <header> <data> <option type="reportname" value="Page View"/> </data> </header> </report> the following code in firebug returns no children $reportElement.find("data")[0] however if I change option to any other value ("option2", "test" etc) then the line above returns one child which is correct. Am I mising something or is there a bug? Thanks John

  Read the article

• Unbinding inline onClick not working in jQuery?

  - by Polaris878

  Okay so, I'm wondering how to unbind an inline onclick event in jQuery. You'd think .unbind() would work, however it doesn't. To test this for yourself, play around with the following HTML and JavaScript: function UnbindTest() { $("#unbindTest").unbind('click'); } function BindTest() { $("#unbindTest").bind('click', function() { alert("bound!"); }); } <button type="button" onclick="javascript:UnbindTest();">Unbind Test</button> <button type="button" onclick="javascript:BindTest();">Bind Test</button> <button type="button" onclick="javascript:alert('unbind me!');" id="unbindTest">Unbind Button</button> As you can see, unbinding does not unbind the inline onclick event... however it does unbind the click event added with bind(). So, I'm wondering if there is a way to unbind inline onclick events short of doing the following: $("#unbindTest").get(0).onclick = ""; Thanks

  Read the article

• How to access ASP.NET drop down box from jquery

  - by Sayem Ahmed

  Well, I have a really small problem. How can I access an ASP.NET Drop down list from jquery? I tried to use "CssClass" property of the drop down list to assign a CSS class and then accessing that list using that class, but later I found out that the class changes when an element is selected, so my initial class replaced by a new class. I also cannot use the "ClientID" property because the part of code that access that list is not inside the page, but in a separate javascript file. So how can I access it ?

  Read the article

• Lightweight jQuery ColorPicker bound to input and with popup selector

  - by Scott B

  I've found two jQuery colorpickers that I'm considering using in my app. I have a simple input field that I'm asking users to supply a hex color to. I'd like to use jPicker's "Binded" example, however, the overall size of the jPicker is a bit more than I'd like to add to my app. So that sent me searching and I found a very nifty little compact picker called "Farbtastic", which does exactly what I want with one major exception: It appears to be an inline only solution (meaning, I can't call it in the same manner as jPicker's binded example. Can someone tell me how I might convert Farbtastic to mimic jPicker's binded example? More specifically, I'm looking to place a colorpicker widget (the small color frame icon as in the jPicker example) next to my input field so that it displays the currently selected color, and when clicked, it opens up the color palette widget.

  Read the article

< Previous Page | 199 200 201 202 203 204 205 206 207 208 209 210  | Next Page >