Tooltip - different options for different elements
Hello, is possible to have different tooltip options for different elements? For exaple .quick-tooltip class will have delay 0 but default tooltip has this option set to 250? It is ajax application so $(".quick-tooltip").tooltip() will not work. I know I can create tooltips live with $(document).on() function but I am wondering if there is simpler way to achieve this behavior. Thanks
jquery validator show message based on validator outcome
I want to show error message based on outcome of validate. Like in my case, I am validating feed url. There couls be case where url is not reachable, or feed is valid. I want to show message accordingly. jQuery.validator.addMethod("feed", function(value, element) { var retVal = true; //Ajax call here which returns var retMsg = ajax() if(retMsg == "one") { //Show error as "not valid url" } else if(retMsg == "2") { //Show error as "not reachable url" } return retVal; }, << CUSTOMIZE MESSAGE HERE BASED
Drag n drop, clone, rotate on one object
Hello I have a problem. I am new in jquery. I neet do following things. I have 10 square puzzles (unlimited quantity) wich i have put on a grid and then on mouse click rotate right 90 angle (unlimited times) I found in the net this: http://www.placona.co.uk/166/javascript/a-more-elaborated-jquery-drag-drop-cloning/ and this http://jqueryui.com/draggable/#snap-to (I base on this script - last square) and this http://code.google.com/p/jqueryrotate/wiki/Examples (Example 5) But i have no idea
upgrading jquery ui 1.8.5 to 1.10
i am using autocomplete in one of my project. I want to upgrade from ui 1.8.5 to 1.10.1 . i simple include the new new libraries of jquery and jquery ui and autocomplete is not showing the result menu, it just displays the text "2 results are available" and i can navigate among the result but menu for selection is not displayed. here is the code for autocomplete. function initLoc() { $(".location").each(function (index) { $(this) .bind("keydown", function (event) {
Bug 6198 (Datepicker Dropdowns in ie) still happening
We have upgraded to jquery 1.9.1 and jqueryui 1.10.1. The bug described here: http://bugs.jqueryui.com/ticket/6198 is still happening for us even though it was supposedly fixed in 1.8.15. How can we stop this bug from happening? The bug requires that you click the month and year dropdowns twice - basically doubleclick - in ie or the dropdown will "flash" and close.
Jquerymobile uncaught type error
All, Bit of a problem with the following error message using jquery 1.6.4 and jquerymobile version 1.2.0: Uncaught TypeError: Cannot call method 'format' of null The above error does not occur when navigating to a specific page on first load. It only seems to happen once I navigate from my main menu to another page then back to my main menu and then on to a different page. Any ideas? I have added in: <div data-role="page" id="makeclaim" data-url="@Url.Action("MakeClaim", "AllowanceClaims")"> Just
The time of reaction rate is for 5 second or longer on opening or closing popups
The time of reaction rate is for 5 second or longer on opening or closing popups
A question about display of persistent toolbars in changing screen orientation
Using the defualt browser of android mobile opens the example of 'jquery.mobile-1.2.0\demos\docs\toolbars/footer-persist-a.html' and changing screen orientation from vertical to horizontal then from horizontal to vertical,The results are as follows：
I am trying to populate dropdownlist based on the selection of another dropdown list.
Hi sir, I am trying to populate dropdownlist based on the selection of another dropdown list. But it is not showing the mapping values. Please check it where i am doing the mistake and this is my code. <script type="text/javascript"> $(document).ready(function () { $('#drpCategory').change(function () { var drpCategory = $(this).val(); //$.getJSON('<%= ResolveUrl("~/Recommendation/GetCategoryId/")%>' + $("#drpCategory > option:selected").attr("value"), function (data) { $.getJSON('<%= ResolveUrl("~/Recommendation/GetCategoryId/")%>'
dialogue.('close') and $('dialogue1').remove not working
Hi Friends, In my situation I have to create dialogue when somebody clicks on the link as these links are dynamic.When I try the dialogue.('close') then it closes for the first time and then doesn't close the dialogue and when we see html we can see multiple dialogue are there but display:none but one with display: Block. I tried with $('#Dialogue1').remove it runs fine on Chrome but error out on IE 9. Object not supported error. $('a#Dialogue1').live('click', function (e) {
code not working without alert in JQuery and asp.net mvc
Hello All, I am working on JQuery but am getting problem while running the code . If I add alert in code then only below code works but I don't want this. I want to work this code without alert. Please help me for the same Below is my code: /* Add a select menu for each TH element in the table footer */ $("#dvddl div").each(function (i) { alert("test"); this.innerHTML = fnCreateSelect(oTable.fnGetColumnData(i)); $('select', this).change(function
how to use jquery that display the record from the database?
Great day! Kindly help me sir/madam.. heres my code: $('form').validate({ rules: { order_numbr:{ required: true, ordrNum:true }, jQuery.validator.addMethod("ordrNum",function(value,element){ var isExist=false; $.ajax({ type : "POST", async: false, data : "action=checkOrdrNum&id=0&orderno=" + value, url : ajaxurl, dataType:"json", success: function (data) {
Telerik RadGrid cant able to get the id on client side
hi, i need to get the RadGrid id on client side,but i cant able to get the selected row value i am using this code for get the id but its not working,returns the null value function GetSelectedNames() { alert('hello'); var grid = $('#<%# RadGrid1.ClientID %>'); alert(grid); var MasterTable = grid.get_masterTableView(); var selectedRows = MasterTable.get_selectedItems(); for (var i = 0; i < selectedRows.length; i++) { var row =
Linking to external link (can't scale content)
Failr new to Jquery mobile and I'm building an app which is compiled on phonegap. One of my links is loading an external page. It shows up fine within the app but I can't scale the content on the mobile device. Any suggestions how I can view/scale the page or does it have to open in an external browser? ...if so, how do I open the phone's default browser? Thanks!
How can i Make this Math function work
I am trying to create this math function that I seen online but I am getting it wrong. When i try to submit it does nothing. it is supposed to be ... rate + rate/((1+rate)^months)-1) * principal In my code below I have interest as rate,years as months and amount as principal . My code is $('#loan_payment').click(function () { $("#years") * 12; var mat = parseInt($('#interest').val(), 10) + parseInt($('#interest').val(), 10) / (Math.pow("#years"(1 + "#interest") - 1)) * $('#amount');
jquery tabs and search form in one tab
I am a middle school geography teacher learning web programming. For my school, I am creating a single-page multi-tab portal with four jquery tabs. I'd like the fourth tab to contain a form and also search & display MySQL query results. My problem is, on the fourth tab, once I enter the search term and hit the "Search" button, the results are not loading in the fourth tab. They are loading on a separate page: http://localhost/notes_search.php How could I get the results to appear in the fourth
Tooltip help
I'm new to jQuery and I'm trying to create a tooltip. I made a very simplified version of what I've done so far below that you can run. I get the tooltip to fade in when the mouse is over the span and when the mouse leaves the span the tooltip fades out. Now if the user wants to, say, copy the contents of the tooltip or click on a link inside the tooltip then the tooltip has to fade back in as the mouse leaves the span and goes over the tooltip. Therefore the tooltip can't fade out too fast because
What is the Name of the Plugin to Change the Document Style Online
Can you please take a look at following image and let me know what is the name of this adds-on which let user change the page background color or style on line? Can you please let me know where can I find jquery plugin like this? Thanks
convert jquery object to javascripb string variable
Is there a means to convert a jquery variable to a javascript variable? for example: i have a jquery variable that I am attempting to assign to a javascript variable so I can use standard javascript methods on. var b = $(b1).text(); b = b.replace(.....) this is not permitted. The text object in jQuery is not the same as a string variable in javascript. Thanks in advance
Change
Hi everyone I'm trying to combine two codes. 1.) Code for append parameter to every href: $(function() { $("a").attr('href', function(i, h) { return h + (h.indexOf('?') != -1 ? "&ajax=1" : "?ajax=1"); }); }); Source (http://stackoverflow.com/questions/2667551/add-parameter-to-links-on-page-using-jquery) 2) Code to make selection within a iframe $("iframe").contents().find("textarea").keydown(...) Source (http://stackoverflow.com/questions/2893280/jquery-select-iframe-children)
Why do we wrap plugin source code with function($)??
The document on jQuery official site documentation metion nothing about it but yet everyone wrap it like that. (function($) { //plugin code })(jQuery); I make my own plugin without wrapping it, it still works. So what is this about?
Slider do not Restart on The Last Image!
I have a problema my animation stops on the last slide and do not restart, what i have to do make it continuous? You can see it live in www.lojapontointimo.com.br I'm using this cody: $(function() { $('#s1').cycle({ delay: 6000, fx: 'scrollLeft', timeoutFn: calculateTimeout }); }); // timeouts per slide (in seconds) var timeouts = [2,4,2]; function calculateTimeout(currElement, nextElement, opts, isForward) { var index = opts.currSlide; return timeouts[index] *
Dialog has wrong position in form
Hi, I have a problem with dialog which is using inside a form. I want to make my dialog inside a div (which is parent for the form) attached to the left top border. Dialog must be looked not like a modal form Example of html: $(function () { $.fx.speeds._default = 1000; $("#dialog").dialog({ modal: false, draggable: false, autoOpen: false, resizable: false, width: 300, height: 200, position: {
Themeroller - Download Theme button doesn't work
I'm doing custom theme. When I click on the Download Theme button nothing happens. I don't see any error messages. Am I doing something wrong? My theme is: http://jqueryui.com/themeroller/#!zThemeParams=5d00000100fc05000000000000003d8888d844329a8dfe02723de3e570162cf18d27450c454aa2f2e374d1d127fabb9ebc66c3ee5a70fb154870371702db6720bcd83f0ecbb2131337f10a086e219c538a2003e4a05b37f637b91dbf9e5ea1a30eee0f7354635c67587b16e39b844855d43f178d3256e5c08e1739f2e7f44d5677fb1c0b74e5addbb01d04c4cd2f9c08a17993d9a0c6f776a3be16c4998202c49ba6fc48ba1dff02a4d3effa4387d8db60c4d34408895c6dee3e7bbb9d431c111102f3f085b74a794946ca20e65f2fcb155a8a4c905815b170210695f186094f50279e13ffd30f51530f99453a7dd71fc23ea3f414fd71144eff4e10d46ef9933a8af3b63d3a2d07ebf83031bc33fb83d8d9ff662591338e3367b47a29ca5abd21a8bed9fcff5f3990cc13efb069298fcfdfe672286a48da7ea8cf902da3a63cd8e52ade6f5a39eb1bf941692f2b8381785b7a3b5d21c24559f338f92fb6eb4dd181da73e8fef31a0739d9681ad3d04aafb72cbacd98724ff620995302caeec3f18518f5b423a38bada8a58516aa2c09ca7b9204a92ffabaa157a6acc29311626ac39720aa217e94d1d932e75657604c88fc2e510bb7ec6ad16835d7a6b56a52973d13a5b18e2ea0ab4d4c4e5dad52d7638abaffd2a54520
How to make an animated menu like this?
How to make an animated menu like this? http://www.blueacorn.com/ *Some tutorial example? *What tools would I have to use, since the creation of images ...?
Help Pleas Help
i use jQuery in Joomla Cms (in a custom module) but events like "on click ..." does not work this works $('.mydiv').css('padding','100px'); this does NOT work $('.mydiv').on('click',function(){$('.mydiv').css('padding','100px');}); wat do you guse the probable reason is ? tx
Weird ListViews anchor text for C-Grade phones.
Hi, jQuery Mobile V1.3.0 jQuery V1.8.3 Last week, I have finalized the development of a mobile website and the site works fine on A-grade phones, and maybe B-grade phones which I have not tested yet. For C-grade phones I noticed something about the Listviews. => It seems that the anchor title for some ListViews are always suffixed with the character "2". It is probably related to the fact that the original Listview items are internally rerendered with extra widgets/js/css to give it a mobile-look.
Parse XML to ordered list
I'm using the following code to parse my XML document into an unordered list. When the code complete's, I get "undefined" in both my hyperlink and text field. Below is an example of my XML and my HTML. <?xml version="1.0" encoding="UTF-8"?> <rss xmlns:content="http://purl.org/rss/1.0/modules/content/" xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#" xmlns:dc="http://purl.org/dc/elements/1.1/" xmlns:taxo="http://purl.org/rss/1.0/modules/taxonomy/" version="2.0"> <channel> <title>News
Selector for elements, containing/starts with custom data attribute
Hi I have a couple of elements like <p data-lang-bg="Bulgarian" data-lang-en="English" >Text</p> <p data-lang-bg="Other bulgarian text" data-lang-en="Other english text" >Text 2</p> I have a difficulties writing a jQuery selector, that will select all elements, who have data attributes starting with data-lang . Is it possible to write such a jQuery selector
adding somthing in a div while looping ajax things
Hi, I have to loop ajax requests and to add a dot into a div each time. For example : for (var i=0; i < 100; i++) { jQuery ('#mydiv').append ('.'); jQuery.ajax ({ async: false, ... }); ); With firefox, everything works well but with others browsers (safari, rockmelt, etc.) my dots are displayed only at the end of the loop... Could someone help me ? Thanks.
button interval after some time
i have buttons (0 or more) that loaded, i want after XXX seconds, to change which of them is disabled , and change to enabled. this buttons loaded at run time from server side code (asp.net). 10X for the help.
How can I use jQuery clone() on form objects and integrate json response as variables?
I tried asking this over at stackexchange but didn't get any responses. I'm hoping someone here can point me in the right directions, so here goes: Ok, my objective is: To clone an entire DIV and it's contents, INCLUDING all the javascript inside of it AND integrate the json response as variables. If I understand right, jQuery .clone() should be able to accomplish this, although I'm having trouble finding working examples of it. However, what complicates my clone further, is that I want to clone
Beginner - Problem updating div with jquery mobile
Hi, I have some real time data I want to show on ever page in my site. I use the following code to update it every 5 seconds. <script type="text/javascript"> var auto_refresh = setInterval( function () { $('#qdata').load('/qdata.php'); $('#qdata').trigger('create'); }, 5000); </script> qdata.php just spits out a html table. The sidebar includes a div with id="qdata". The code works almost all the time, except when I navigate to a page in a sub folder. If I visit that page directly, it works, but
drag & drop on smartphone, tablets
Is it possible to have drag and drop on smartphones and tablets just like we have them on laptops. How to make this happen on mobile devices. Thanks
Comments for jQuery Mobile App
Hi, there ! Thank you in advanced for the support you can give me. I'm developing a tourism web app with jQuery Mobile and I need that people using the app can make comments with their opinion about the hotels, restaurants, services, etc. I'm new to jQuery Mobile and don't know how to do this. Do I need a database? Can I find a plugin that already does this? I've been searching the Internet and can't find anything. I hope someone can help me and give me directions on how to achieve this. Thank you
Using "and" while querying on attributes?
Hi, I want to search for checkboxes that are checked AND have a certain data-* attribute The HTML <input id="SomeId" type="checkbox" name="MyGridName1" data-companyId="45456" /> //--This finds the checked boxes but finds all of them... $("#SomeId input[type=checkbox]:checked").length 5 //--I want to combine the query to search for both attribute values...but couldn't get it to work $("#SomeId input[type=checkbox]:checked input[data-companyId='45456']").length 0 //--I ended up doing this but thought
Weird jquery tab problem
I am getting a very strange behavior using the latest versions of jquery and jquery ui - they are inserting the index page of the website into the tab area. Never seen anything like this. I have used earlier versions of both in the same kind of website without problem. Found nothing about this via google.
How to write a plugin for event delegation?
I see similar question already, but not finding any standard approach. Is there any standard approach by which we can make all plugin calls to support future elements? $(".selector").pluginName();Here, future $(".selector") is not captured. Any help is highly appreciated. TIA
Changing the order of images in html
Yo! Would you be able to tell me the best way to get the following images to change the order in which they are positioned in html? <div class="main"> <a class="product" href="#"><img class="hider" alt="" title="" src="img2.jpg"></a> <a class="product" href="#"><img class="hider" alt="" title="" src="img3.jpg"></a> <a class="product" href="#"><img class="displayer" alt="" title="" src="img1.jpg"></a> </div> I want to get img1.jpg with the class displayer to be before the images with class hider so
jquery cycle shuffle problem.
I am a big time newby! I have used several simple jquery itmes successfully, but I am now having a problem using the jquery cycle plugin. I have been successful using the cycle plugin for the fade option with the following code: <script type="text/javascript" src="http://modelsnmoore.com/js/init.js"></script> <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js" type="text/javascript"></script> <script type="text/javascript" src="http://modelsnmoore.com/js/jquery.cycle.all.2.72.js"></script>
Next Page