Keyup Changing the url of the browser
How would i make it so basically everytime you keyup it would post that data in the url without refreshing so when a user clicks on a link they searched for and go back it will have whatever they typed last in the search bar?
Get the id of the current selector element
Hello, I need to get the attribute id of the current element which comes from a selector. As I found out with the help of this forum I need to use $(this).attr("id"). Unfortunately this just returns "undefinied" for me. Does anybody have an idea why this doesn't work? This is my complete code: $(".element").editInPlace({ url: ('/elements/' + $(this).attr("id")) });
Profiling jquery app
Hello, Does anyone knows how I can easy profile my jquery app using plugin or other piece of code similar to this one: http://ejohn.org/blog/deep-profiling-jquery-apps/ ? This plugin from John Resig cannot be downloaded (403 error). All other profilers that I found, are out of date. Thanks.
Upgrading from a3 to a4, forms are not submitting via AJAX
I've been pulling my hair out about this one. My forms submitted with AJAX with version a3, but all of a sudden well... it's not. My login form specifically is submitting without AJAX, here's the code as rendered in raw html: <form action="http://whatever.local/process_login" data-transition="fade" method="post"> <input type="hidden" name="no_back" value="1" /> <div data-role="fieldcontain" style="text-align: center;"> <input id="name" type="text" name="user" placeholder="User ID or
SCRIPT ERROR - PLEASE HELP!!!
IE Reporting null values from the line below, please advise! function parseXml(xml) { //$("div.totalprice").text($(xml).find('PriceTotal TotalPrice').text()); jQuery ("div.totalprice").html(xml); SubmitPlus('PRICE'); }; function SubmitPlus(pType) { var lSailingFld = document.getElementById(pType + '_PLUS'); var lImgFld = document.getElementById(pType + '_PLUSIMAGE'); if (lSailingFld.style.display == 'none') { 'THIS LINE IS CAUSING THE PROBLEM
jquery not updating images
so, I'm using jquery on my blog and the problem I'm having is, for the first cycle of images it sort of meshes two of them together and keeps repeating them till it makes it's way through all the images then they display correctly. See example, the image that should be displayed is the scott pilgrim image but, instead it's meshed a facebook outage and me ranting about crappy service from a local restaurant. It will keep this same image till it cycles through all the posts then the correct images
addClass to some elements of a list
Hello, I need to add a class of some elements of a list (#list). I have the index of these elements in a list (#indexlist), and using this I want to add a class of each appropiate element. I did this: $("#indexlist li").each(function(){ var element = $("#list li").get("#indexlist li"); element.addClass("newclass"); }); Of course it doesn't work. What I did wrong?
Get and set URL parameters?
Hi, I need to know a way to get/set URL parameters with jQuery. Here is the flow between pages im having: page1) index.html page2) page2.html?img01name=house.jpg page3) page3.html?img02name=door.jpg what i want to have is: page1) index.html page2) page2.html?img01name=house.jpg page3) page3.html?img01name=house.jpg?img02name=door.jpg each page offers a choice to user and must add the choice in url. Actually im using forms with submit buttons to do it but i dont know how to keep parameters from previous
Prevent tab text highlight / disable tab text selection
Hi, Here's a sample form: <form action="#" method="post"> Name:<br /> <input type="text" name="name" value="your name" /><br /> E-mail:<br /> <input type="text" name="mail" value="your email" /><br /> <input type="submit" value="Send"> </form> When you tab to a text input, the value gets highlighted. How can it be disabled? Any help is appreciated! Mike
Problem Only in Chrome and Safari
Hello, I'm using the following code. It works fine on FF, IE, and Opera, but it fails in Safari and Chrome. Safari does nothing when the drop down is clicked, and the drop down is always one click behind in Chrome. Here's the JavaScript. $(document).ready(function(){ $('select#byCounty').click( function() { // Empty out the div if you already have gotten a listing $('div#CourtListings').empty();
Nightly build list scrolling much smoother
Just tried the latest nightly build and was impressed by the improvement in scrolling speed of list views. Bugs like no down state on buttons and maybe others mean can't use it but if there was any chance of releasing the improved scrolling as a separate element that would be great thanks
what the heck am i doing wrong?
i can't get the following code to work. it works fine if i use the commented out line: $("#quote p").load("dbtester.asp?payor=CHECK+TESTER"); so i guess i must be formatting something wrong? thanks in advance <html> <head> <title>AJAX with jQuery Example</title> <script src="scripts/jquery-1.5.js"></script> <style type="text/css"> #wrapper { width: 240px; height: 80px; margin: auto; padding: 10px; margin-top: 10px; border: 1px solid black; text-align: center; }
How can you insert a variable into a string?
Hi, I am trying to change the css values of a html element the width, height, left and top values. I want them to be variable. So depending on which element is selected. It would change these values. For example: Here is the concept which will be explained in a function: function reposition(element){ get elements top and left value then get the width value then get height value. top minus height = new top position for div. wrap div around element now. } The div will be a handler for that element
Multiple $.get from id.ready
the jquery section: $('tr[id^="emp_"]').ready(function() { var emp_ID = this.id; var ID = emp_ID.replace("emp_", ""); var url = '/inc/DEV_schedule.asp?ID='+ID+'&S_Date='+4/1/2011+'&E_Date='+4/30/2011+''; var loadID = emp_ID.replace("emp_", "load var sched_ID = emp_ID.replace("emp_", "sched_"); alert(ID); /* $.get('/inc/DEV_schedule.asp?ID='+ID+'&S_Date='+4/1/2011+'&E_Date='+4/30/2011+'', function(data) { $('tr#'+emp_ID).html(data); }); */ }); The html section: <div class="employees"> <tr id="emp_69">
Pull from hidden div or http request?
i have a page which loads content into a div from a hidden div. There are about 8 hidden divs all loaded with content loaded. Then when the user clicks a link the visible div is loaded with the content from one of them. Is this the best way? or should i be loading the content from another script via $.get()? i use the same thing on my PM system which loads 10 hidden divs. So should i really be using $.get() for this aswell?
change event not firing on select
In IE only, the change event on a select does not seem to fire if the change is made by typing on the keyboard instead of clicking with the mouse. However, when the focus leaves the field, the event fires. Is there any workaround for this? Thanks!
Hide <div> with jQuery
Hi, I want to hide a div box when the user go with his mouse over a button. I have no experience with jQuery, so maybe you know a already written script for that. Thanks! David Lampe (Using Wordpress)
Is there any way to have the split button list icon on the left?
Currently in the demo, the gear icon is on the right. Is there any way to have it on the left? Similar to the minus icon showing up on the left when you "Edit" a contact on the iPhone.
using .animate() - question regarding fluent animation
I have been reading the .animate() function and it is pretty much what I need, but the only problem is that, for example, the following code animates the div (which is what I want) but when the animation starts it starts slowly, then goes faster and then ends slowly again. I need it to be a fluent movement, always at the same speed (for example moving a div 50px to the left in 500 ms). I read something about using "easing: linear" in the options, but it didn't work. I also read on the API examples
JQuery Datepicker - Key events - goals?
I'm trying to ensure my forms are as keyboard-accessible as possible without touching a mouse and I've noticed the datepicker doesn't suit that goal, so I'd like to get an idea of what the JQuery dev team's goals are exactly for the datepicker, and whether I should be focused on writing my modifications to it as a hack for me or a patch for JQuery UI. It's also possible someone will reply saying "That already exists, just pass this option" etc. The 2 issues I see with JQuery UI and how I'd fix them:
Return to default value
Hi: I have this simple code for change combos based on selection. $("#manufacturer_id").change(function(){ $.ajax({ url: 'index.php?route=catalog/product/getConsignaManufacturer&token=<?php echo $token; ?>&manufacturer_id=' + $('#manufacturer_id').val(), type: 'GET', dataType: 'json', success: function(data) { $.each(data, function(){ $("#consigna_id").empty().removeAttr("disabled").append('<option value="'+this.consigna_id+'">'
Resizable select box, size attribute value updated on resize event
I'd like to make a select box that is resizable (using the 'resizable' script) and also modifies the native HTML select's "size" attribute. When a select's size attribute has a value of "1" (or no value at all) it displays a button on the right of the box (the down arrow); clicking that button causes the option list to overlay the page. If the size attribute have a value of greater than 1, the select does not show the button; instead it behaves as a multi-select box (without allowing multiple selection)
listview("refresh") not working from 2nd item in the list.
I've "continent.html" with two list items: <ul data-role="listview"> <li><img src="A.png" class="ui-li-icon"> <a href="countries.html?c=a">Asia</a></li> <li><img src="E.png" class="ui-li-icon"> <a href="countries.html?c=e">Europe</a></li> </ul> "countries.html" consumes JSON and populates the list: <div data-role="page"> <script> $.getJSON("http://api.somewhere.com/countires", function(data) { $('#catList').empty(); $('#catList').listview(); $.each(data.DATA, function(index, item) {
Expand and Hide a section
Hello, I created a Expand/Hide toggle for my About Me section. I used the following codes below. How do I make it to default the About Me section to Hide first instead of Expand? Attached is an example. Attached is all the codes for the page. <div class="app-box" id="about-me"> <div class="app-box-menu toggle"> <a class="app-box-menu-icon" href="javascript: void(0)" onclick="joms.apps.toggle('#about-me');"></a> </div>
Layout Containers?
Hello All, I've recently come in from Silverlight-land, and I'm investigating HTML5 (I'm formerly a script/html developer). One of the issues of html/css that really bugged me was positioning and alignment, and I'm wondering what has been done (if anything) in this area. I really like the look of jQueryUI. It's obvious the designers behind this framework (dare I call it that?) know what they are doing. I've grown accustomed to using layout containers in Silverlight and WPF. I also see that
remove() not chaining
I've discovered, that remove() function can't be chained, as it runs before other functions in chain.Is it done on purpose? I believe that calling remove() as a callback, is much more clumsy, than chaining it. Am I wrong?
Change global options doesn't work, loadingMessage
Hey, I'm doing this: $( document ).bind( "mobileinit", function () { $( function () { $.extend( $.mobile, { loadingMessage: "cargando", backBtnText: "Atras" } ); // $.mobile.loadingMessage = "cargando"; // $.mobile.backBtnText = "Atras"; } ); Doesn't work, still the "loading" text appears, why? is this a bug? I'm using jquery mobile alpha2. Thanks.
form to subscript a newsletter then send email for confirmation issue
I try to create form to subscript a newsletter using plugins and the $.post() function ,but the URL outside the server http://rissc.jo/mailings/subscribe.php to send me an email if it receives the data but it doesn't work, here is the code <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1" /> <title>jQuery validation plug-in - main demo</title> <link rel="stylesheet" type="text/css" media="screen" href="css/screen.css" /> <script
problem with jquery-1.5.2.min.js and JSF rich:modalPanel
Hello, I'm developing an application using Jboss Seam ( JSF, richfaces ...) i have a page that i integrate Jquery to add drag and drop flexibility...I'm facing a problem with rich:modalPanel; when i add jQuery to my xhtml ( <a4j:loadScript src="/scripts/jquery-1.5.2. min.js" /> ) ; i can't render the rich:modalPanel (popup) ; it seems that it is a conflit between Jquery and loading rich:modalPanel...can someone have an idea to this problem ?
Problem with datepicker
Hello, I have a problem with the jquery datepicker. I'am using it in an asp .net page. It works alright, but when i try to set the value of the coupled textbox (datepicker.text = "12-12-2012") the textbox stays empty. Any ideas? Best regards, rvlune
Supersized jquery plugin
Hello Everyone. I am not sure if you have seen the supersized plugin but its a great piece of development by a guy called Sam Dunn via build internet. Its got great full screen features for galleries. I have been trying to develop this a little further for myself and for my specific requirements. I am not sure if anyone knows how to create a cue for the images to slide into view with this plugin or not because at he min the slides just slide across right next to each other. Does anyone know how to
content slides out and new comes in when menu link pressed. help.
Hallo there. Im a bit new to all this jQuery, but i really want to learn more about it, and get to know it. so i got this friend of mine who have made a design for me. the ideer with the design is that there is a large backgroundimage on 3040 px wide. and there is 3 pages. The function i want is the following. when a menu link is pressed the content box floats out of the window to the right, and the window rolls over to the content assigned with the link. how would i make this in the best ways? ive
i want to get height of page, when page maximize or minimize.
i want to get height of page, when page maximize or minimize.
JQuery code is not working on web pages.
Hi All, I am new to JQuery. I have created an web based application on ASP.net in VS2010. In this, there is a master page Site.Master and that master page is applied to all pages in that application. In default.aspx, I have written code using Jquery is: $(document).ready(function () { $("#accordion").accordion(); }); This code does not work on default.aspx. When I moved this code to Site.Master is start working. Can someone please resolve my this problem? We can not write all code
Is this effect with jQuery? If so How do I do it?
Is this effect with jQuery? If so How do I do it? When you run the mouse pointer over the menu items a transparent image pops up and slides in from the right. How can I do this? Where can I get the code for it? Here is the site: http://www.valentino.com Peter
Mouse Over Right Side Menu with image slide on the left
Hi all, I need to know if there is an existing plugin which has menu items on the right and change the image according to mouse over event on the right side. Here is a basic demonstration : Thank you,
Problem with select element on site
Hi, I am testing a form with this mark up: <div data-role="fieldcontain"> <label for="select-choice-1" class="select">Choose shipping method:</label> <select name="select-choice-1" id="select-choice-1"> <option value="standard">Standard: 7 day</option> <option value="rush">Rush: 3 days</option> <option value="express">Express: next day</option> <option value="overnight">Overnight</option> </select> </div> When I select one of the options, the entire site
rounded corners ?
Hi, I am new to jQuery (loving it so far!) and I'm not sure if this post is an 'idea' or a 'question'. But here goes. I'm a fan of rounded corners as they make a big (if subtle) difference to presentation quality. Is it possible to use jQuery UI to display rounded corners on various things, such as input boxes, tabs, divs, etc.? Nothing too amazing, just simlpe rounded corners like those on the navigation bars of this web page. For example is there a 'rounded: yes' or 'corners: rounded'
redirect from code behind
Hi! I have a code similar to the code in the example below: http://www.aspxcode.net/free-asp-net-sample-source-code.aspx?Topics=How%20to%20use%20Response.Redirect I want to get this to work in jQuery Mobile. When I put the headers in the code it stops redirecting: <link rel="stylesheet" href="http://code.jquery.com/mobile/1.0a4.1/jquery.mobile-1.0a4.1.min.css" /> <script type="text/javascript" src="http://code.jquery.com/jquery-1.5.min.js"></script> <script type="text/javascript" src="http://code.jquery.com/mobile/1.0a4.1/jquery.mobile-1.0a4.1.min.js"></script>
Warn if form was not changed
Hi, I want to warn the user, if he modified a form, but leaves (e.g. clicks on a link) without saving. On the net I found this: http://misterdai.wordpress.com/2010/06/04/jquery-form-changed-warning/ Is this the way to go, or is there a better way? Thomas
Next Page