Search Results

Search found 23364 results on 935 pages for 'jquery ui droppable'.

Page 120/935 | < Previous Page | 116 117 118 119 120 121 122 123 124 125 126 127  | Next Page >

  • Can I set a Custom Icon for a jQueryUI Button

    - by Boycs
    Is it possible to create a jQueryUI Button with a custom icon, ie: an icon that is not part of the sprite icons that are provided with jQueryUI??? I am using the ButtonSet functionality for a group of 3 checkboxes but need a more stylised icon than what is provided out of the box...

    Read the article

  • When to use Vanilla Javascript vs. jQuery?

    - by jondavidjohn
    I have noticed while monitoring/attempting to answer common jQuery questions, that there are certain practices using javascript, instead of jQuery, that actually enable you to write less and do ... well the same amount. And may also yield performance benefits. A specific example $(this) vs this Inside a click event referencing the clicked objects id jQuery $(this).attr("id"); Javascript this.id; Are there any other common practices like this? Where certain Javascript operations could be accomplished easier, without bringing jQuery into the mix. Or is this a rare case? (of a jQuery "shortcut" actually requiring more code) EDIT : While I appreciate the answers regarding jQuery vs. plain javascript performance, I am actually looking for much more quantitative answers. While using jQuery, instances where one would actually be better off (readability/compactness) to use plain javascript instead of using $(). In addition to the example I gave in my original question.

    Read the article

  • jQuer image hover animate

    - by Ryan Max
    Hello. I have the following jQuery script that makes an orange transparent hover effect cover the image when it's rolled over. How do I make it so this script will animate in and out (with a fade?) $(document).ready(function() { $('#gallery a').bind('mouseover', function(){ $(this).parent('li').css({position:'relative'}); var img = $(this).children('img'); $('<div />').text(' ').css({ 'height': img.height(), 'width': img.width(), 'background-color': 'orange', 'position': 'absolute', 'top': 0, 'left': 0, 'opacity': 0.5 }).bind('mouseout', function(){ $(this).remove(); }).insertAfter(this); }); });

    Read the article

  • Override jQuery style value

    - by MrAwesome
    Hi To resolve a jQuery slideDown/Up problem, I had to change one line in the jQuery file. I changed line 5738 from this.elem.style.display = "block"; to this.elem.style.display = "inline-block"; The block attribute messed up my lists when using slideDown/Up/Toggle. slideDown changes my list from display:inline to display:block during execution, and then back to display: inline again. It would be much better if it was inline (or inline-block) all the way. Is there a way to override the value stated above from my html page, or do I have to stick with my modified jQuery file? It would be nice if I could override the style attribute only when I perform $('.gallery_container li:gt(4)').slideToggle(); Here's the code: http://90.230.237.71/gandhi.html

    Read the article

  • Preventing cross-site scripting in ASP.NET MVC - using jQuery or standard HtmlHelpers

    - by user313353
    I am building an ASP.NET MVC application that is AJAX-driven. For some reason I need to add some DOM elements on the fly when clicking a submit button. This is accomplished with jQuery.append(). One element inserted is a textarea, whose the data must be parse before submitting to ensure that no cross-site scripting can be done. We know that the Html.Encode() works great but must be declared outside a script tag. All I have done with jQuery is embedded within a script tag. 1) Is there a way to take advantage of the Html.Encode() within a script tag? 2) How can I accomplish this with jQuery? At worst I can use HttpUtility.HtmlEncode(), which is called on the server-side. Thanks for your help. Roland

    Read the article

  • jQuery & IE on Refresh/Reload

    - by Bry4n
    Basically I create a page with a jQuery scroller on it. However in IE7 specifically, on refresh all the li's on the page are shown full out then they hide and the scroller begins. Anyone know how I can fire the jquery first, or prevent this from happening. Heres the code <script language="JavaScript" src="/site/js/jquery-1.3.2.js"></script> <script language="JavaScript" src="/site/js/jcarousellite_1.0.1c4.js"></script> <script type="text/javascript"> $(document).ready(function() { $(".air_ticker").jCarouselLite({vertical: true,visible: 1,auto:10000,speed:1800}); }); </script>

    Read the article

  • load search results into a div jquery and rails

    - by odpogn
    In my rails app I have a search bar where users can search other users. Currently when a User submits the search from, they're redirected to a "results" page. I want to load those results in a div on the same page.. I was able to do this with my websites navigation links, but I'm pretty new to jQuery and rails and can't figure this one out... my jQuery corresponding to my navigation links: $(function() { $('#links a').live('click', function() { $('#pages').load(this.href).fadeIn('slow'); return false; }); }); my attempt to do the same with my search function... $(function() { $('#search').submit(function() { $('#pages').load(this.href).fadeIn('slow'); }); }); any help would be much appreciated~ along with some useful jQuery tutorials for a newbie!!

    Read the article

  • Jquery / CSS – addClass to first:p of multiple div with specified class

    - by j-man86
    Hello, I'm using (trying to use) jQuery to add a class to the first paragraph of every div with class of ".djBio" My problem is that it's only adding the class to the first div.djBio, not all divs with that class. Here's the code. I am also using the fancy letter jquery plugin to add the drop cap to the first paragraph (which also is only applying to the first div.djBio, not all) jQuery(function( $ ){ $('.servicesContent p:first, .about-usContent p:first, .djBio p:first').fancyletter().addClass('firstP'); }); Thanks so much for your help!

    Read the article

  • jQuery: selecting by class after class change by .addClass() or .attr()

    - by Sosh
    I have some jQuery code something like this: $(document).ready(function() { $("img.off").click(function() { alert('on'); $(this).attr('class', 'on'); }); $("img.on").click(function() { alert('off'); $(this).attr('class', 'off'); }); }); The selector works fine for images that have the class name defined in the original HTML document, however after manipulating the class name with jQuery, the img item will not respond to selectors using it's new class. In other words, running the above code, if you click an 'off' img, it will trigger the first function, and change the class to 'on'. However, clicking this image again does not trigger the second function (as I would have expected), but rather triggers the first again. It's as if the selector is reading the old DOM rather than the updated version. What am I doing wrong here? Firefox 3.6.3 - jQuery 1.4.2

    Read the article

  • How to use jQuery to make a call to c# file to get return value

    - by aspdotnetuser
    Hi, I want to use jQuery to make a call to a c# web service called CheckUserName.ashx which checks whether that username is valid and returns an error message as a string. How can I use to jQuery to do this? Would the code be something like the following? jQuery.ajax({ type: "GET", url: "/services/VerifyUsername.ashx", data: "ErrorMessage", success: function (msg) { alert("success"); }, error: function (msg, text) { alert(text); } }); }); Any help will be appreciated! Thanks,

    Read the article

  • jQuery & PHP: Running action in background

    - by Azzyh
    Hi, so I want to do something like when you press on LogOut, you get a waiting message like "please wait.." while its running ucp.php?mode=logout in the background, and after it has loaded that it should refresh the site. How should this be done?? I am new to jquery, but so far i gave my link a ID, called #logout, made a <div id="message"></div> and then in jquery i did: jQuery(document).ready(function(){ $('#tryout').click(function () { logOut(); }); function logOut() { var postFile = 'ucp.php?mode=logout'; $.post(postFile, function(data){ $("#message").fadeIn('slow'); }); } Now is this right? And the line with #message, where it fades in, i don't really think its right because where's should i write the "Please wait" and the refresh part? Please help me

    Read the article

  • Can run Javascript but not jQuery?

    - by blazonix
    I'm running into a strange problem - I tried running a basic function in JS and jQuery, and while the former worked, the latter didn't. JS - okay alert('Works'); jQuery - not okay $(document).ready({ alert('Works'); }); Here's some facts: My references to the jQuery library are correct (And pretty sure my Internet connection is steady :) I'm using a CDN - CloudFlare to be exact, but I've switched development mode on and Rocket Loader off - so all the code I've uploaded to the server is WYSIWYG (CloudFlare adds some stuff in the tags if you leave Rocket Loader on. I tried running the alert code in the head section, and elsewhere in the body tags, to no avail. What could have possibly gone wrong? EDIT 1: The page is here - http://casestudieslounge.com/chat/BIM/WebContent/chat.php

    Read the article

  • Jquery select first letter?

    - by Batfan
    I am simply attempting to get jquery to identify the first letter of a paragraph. How would I do this? For example, I have a page with a number of paragrahs on a page. I would like only the paragraphs starting with a specified letter to be given the class "current" and all others to be hidden. I pretty much know how to add the class and hide the others but, I cant get jquery to recognize the first letter. Secondly, is it possible to pull this 'first letter' variable from the url string? For example, Page 1 - There is a list of letters. The user clicks 'B' and the url is http://domain.com/page2.html?letter=b And page2 picks up that variable (b) and applies it to the Jquery, showing only those paragraphs

    Read the article

  • Android 2.3 devrait changer d'UI, Gingerbread répondrait ainsi aux critiques des partenaires de Goog

    Android 2.3 devrait complètement changer d'UI « Gingerbread » répondrait ainsi aux critiques des partenaires de Google sur son interface utilisateur L'interface utilisateur d'Android est-elle « moche » ? Tout est question de goûts et de couleurs, bien sûr, mais il semblerait que des critiques commencent à faire réfléchir Google. Ces critiques émanent principalement des partenaires de Google, les constructeurs de smartphones (HTC et Motorola en tête). Comme Android est un OS open-source, les fabriquants sont libres de le modifier, et donc de changer l'UI, ce qu'ils ne se privent pas faire. Face à celle de l'iPhone, nombreux sont ceux à se lancer dans la créati...

    Read the article

  • Using jQuery in WordPress plugin admin page?

    - by Volmar
    I have a strange problem that probably have a really simple explanation that i've just havn't found. I'm making a WordPress plugin and i want to use jQuery in my settings-page for the plugin. My JS functions look like this: jQuery(document).ready(function() { alert('load test'); //ADMIN FUNCTION $('#mrc_imp_img').click(function(){ alert("test"); }); //FRONT END FUNCTION $("ul.mrc li").hover(function() { $(this).find('p').fadeIn(); } , function() { $(this).find('p').fadeOut(); }); }); The "load test"-alert is being loaded when the document is ready so jquery is properly loaded. The front end function is being used on pages and that's working fine to. the problem is the admin function, it's not working at all. is there a speial way i have to write a .click()-function to get it to work on my settings-page for the wordpress plugin?

    Read the article

  • Visual Studio 2012 Coded UI technology matrix updated!

    - by krislankford
    The Visual Studio 2012 support matrix for Automated UI Testing (Coded UI) has been released by Microsoft and the full post can be found here. Thank you Shubhra! There are a couple of items on the list that you should definitely keep your eye on. The first item is the support for Silverlight 4  and 5. This should make the Silverlight community happy. I would also note the Planned items (blue dot) which are cross browser support and Flash/Java. Happy Coding!

    Read the article

  • jquery datatable.min.js sorting issue?

    - by Karthik
    In my project, i am using the jquery pagination of jquery.dataTables.min.js. In that when i use ascending or descending in query, it will not displayed properly. The problem is result can be shown in form of : Sl. No. 1 10 11 12 13 | | | 19 2 3 4 5 like this, But i need the result Sl. No. 1 2 3 4 5 | | 9 10 11 12 13 This is because of jquery only. I want to know how can i clear this? But in someplace it is displayed properly and in someplace is not displayed properly.

    Read the article

  • How to repopulate DataTables when having lots of data?

    - by chobo2
    Hi I am using datatables jquery plugin. I now have to clear the entire datatable and populate it with new data on the fly(all done through ajax). So what I was thinking to do is when I need to do this. Destroy the datatable remove the data html call up the partial view that renders the table Rebind the datatable with jquery. However it seems that datatable has no destroy method. So I know you can set the datatable to do something with ajax but I am not sure how. My datatable just uses the dom way when the page is loaded. I don't want to use the "fnAddData" as I am not sure how to format this 2d array they want and I don't think this is the best option. I think the best option is some how render the partial view back and use there ajax plugin. But I am not sure where that is or how to use it(I know it exists but that's about it). Thanks

    Read the article

  • [solved] What's wrong with this jQuery example?

    - by Sven Larson
    The following jQuery example should put some text into the div, but it doesn't. I tried Firefox, Google Chrome and Internet Explorer. <html> <head> <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js" language="javascript"></script> <script language="javascript"> $(window).load(function() { $('adiv').html('<p>hello world</p>'); alert('done'); }); </script> </head> <body> <div id="adiv"> </div> </body> </html> Sorry, this might be stupid, but I'm stuck.

    Read the article

  • is there an easy way to convert jquery code to javascript?

    - by davidsleeps
    hopefully the question doesn't sound stupid, but there are lots of examples out there of achieving certain things in javascript/dom using jQuery. Using jQuery is not always an option (or even a want) which can make understanding the examples of javascript solutions written in jQuery hard. Is there an easy way to convert jQuery code to regular javascript? I guess without having to access or understand the jQuery source code... edit (future readers): pretend there is a logical reason why jQuery isn't available! edit (almost 3 years since I asked this): there is no logical reason why jQuery isn't available :P

    Read the article

  • jquery - setting a limit of items, that can be dragged into a list

    - by maschek
    Hi, i have this two lists, from which i can move items from one to another with jquery ui and connect lists, with ajax. If an item is pulled over, a message is generated in a php file and then it appears on screen. Now i want that for example the right list should be allowed to contain ten items at max. It would be great if it would be possible with jquery, that if there is already ten items in the list and you go and drag the eleventh, if then the item would somehow vanish, maybe with a little effekt. I think maybe reading out db in the php-file if theres already ten items, and so on. But i have currently no idea, if and in case if in which way, jquery would support this kind of behaviour. Can you give me some advise? Greetings, maschek

    Read the article

  • Display alternate content when Flash is not installed with jquery.swfobject

    - by Deca
    How can I display alternate HTML with the jquery.swfobject plugin for browsers without Flash? I'm unable to find any documentation or examples showing how to do this. Here is a snippet of my code: <script type="text/javascript" language="Javascript" src="jquery.1.4.2.js"></script> <script type="text/javascript" language="Javascript" src="jquery.swfobject.1-0-9.min.js"></script> <script type="text/javascript"> $(document).ready(function(){ $("#contentflash").flash({ swf: "myswf.swf", width: "100%", height: "100%", params: { wmode: "opaque" } }); }); </script> </head> <body> <div id="contentflash"></div>

    Read the article

  • Jquery check if element exists then add class to different element

    - by Buddy
    I don't know much about jquery at all, so bear with my ignorance, but I'm pretty sure I can accomplish this with jquery. I need jquery to check if an element exists, and if so, add a class to a different element. For example, if class "minimal-price-link" exists, then add a class to "regular-price" or what I really am wanting to do is make the regular-price strikethrough. Here's the code: <div class="price-box"> <span class="regular-price" id="product-price-2"> <span class="price">$240.00</span> </span> <a href="http://stemulation.com/order/sfs30.html" class="minimal-price-link"> <span class="label">Your Price:</span> <span class="price" id="product-minimal-price-2">$110.00</span> </a> </div>

    Read the article

  • Jquery Ajax not receiving php response correctly

    - by Theo
    I'm sending a JSON response from php to jquery: foreach ( $obj as $o ) { $a[ $o->key] = utf8_encode($o->id); } die(json_encode($a)); my html/jquery code is: $.ajax({ type:'POST', url: "imoveis/carrega_bairros", data: ({cidade:10}), dataType:"json", success: function(ret) { alert(ret) if(ret.success) { // ... } else alert("error"); } }); The json response is perfect (i get it on the console), but jquery is receiving a NULL ret object and it alerts "error". What's the problem???

    Read the article

  • How to convert jquery collection to xml string for an ajax request

    - by Jim
    I created a jquery collection that stores xml as follows: var rh_request = $('') .attr('user_id', user_id) .attr('company_id', company_id) .attr('action', 'x'); I want to post it to my server via an ajax request as follows: $.ajax({ type: "POST", url: mywebsiteURL, processData: false, dataType: "xml", data: rh_request.html(), success: mycallbackfunction }); My problem is that the "data" parameter of the ajax call needs a string version of the xml and it seems neither Jquery's .html() or .text() function yields this. I have older code that used straight javascript to form the outgoing xml and calling the DOM .xml() function yielded a string that worked. How is this done with a jquery collection???

    Read the article

< Previous Page | 116 117 118 119 120 121 122 123 124 125 126 127  | Next Page >