copy <body> to <div>
I have pages A.html and B.html. On the A.html page, I have <div id="foo"></div> From B.html, I want to copy the contents of the BODY element into the foo DIV. What does jQuery code look like?
Autocomplete start
This may not be possible but is there a way to get autocomplete to start after a space is entered in the textbox? I have an address field and a user can type 100 Main St. I want the autocomplete to start after 100 is entered. It could be any number so the space would have to be the delimiter. Thanks!
Cannot select autocomplete
I have autocomplete showing up where I type into the textbox but when I try to select one with my mouse or keyboard it does not fill in the textbox with the option selected. Code is below. Please help <script type="text/javascript"> $(function() { $("#Business_Address").autocomplete({ source: function(request, response) { $.ajax({ url: "Get", focus: function(event, ui) { $("#Business_Address").val(ui.label); return false; }, select: function( event, ui ) { $("#Business_Address").val(ui.item.label);
Hello, Id like to use a class and ":input" for an .each selector ,,,
How would this be done? Would it be something like this? var $inputCLS = ":input .textinputCLS"; $($inputCLS).each(function() { yadayadayada ... });
Replacing a Widget
To replace a widget I do something like this: First I create a new DOM element w. $(w).attr('id', 'gromet'); $('#gromet').after(w) $('#gromet').remove(); How can this work? Why doesn't it remove both the old and new widget. It seems to just remove the old one, perhaps because that's the first one it finds. I'm not complaining. This is working for me in multiple browsers. Is there a better way to replace a widget with a new one of the same id? I'd hate to get caught with bad code when someone "fixes"
image slider in IE won't align
Can someone take a look at this link for me? www.jarrettpayton.com/jquerytest.html For some reason this works perfectly in everything but IE. I am sure there is some simple fix for this alignment issue, I just can't figure it out Thanks
Popup window with dropdown
Hi All, I have a list of people and I need to develop a position moving tool that works in this way: User clicks on a person, a modal window pops up with a drop down populated with the same list of people. User selects a person after who the picked person will be moved to. User presses SAVE and the modal window submits data to file x.php and refreshes the page. Any ideas how I can get this to work?
Divs with different proportion - Mosaic View
Hello! First, sorry about the english, but is not my native language. Here's de deal: I would like to do a mosaic view with jquery, php and mysql, let's say that it would be 16 results per page: .... .... .... .... But the results would be nested in divs with different proportions(let's say that each dot is 1x1), 2x1, 1x2 and 2x2. I would like to reorganize it in a way that i did'nt get any layout errors. I found some references like: 1) http://jquerymosaicgallery.com/jmg_demos/one_down_two_up.html
.load() not loading remote HTML properly
I searched google and this forum and I couldn't see anyone facing this strange problem: I'm using .load() to refresh a page content from a remote file (in the same server) like so $('#load_but').click(function(){ $('#content').load('remote.html #content div'); }); and here's an example of the code in the remote page <div id="content"> <div id="what_we_do"> <p>We do this</p> <p>And this</p> <p>And this</p> </div> </div> This is generally working. However,
Cropping images
Hi, I've been researching about face detection and I've found a few ajax solutions for it, but now the issue is for cropping the head. It's much preferred to crop in an oval and then maybe add some dotted lines so that the user can adjust the oval to fit the entire head with the hair. Is this possible with jquery or any ajax library? or is it only flash that can do this? Thanks for your time
HOW TO: jquery form - if option is selected slidetoggle div?
Greetings, I am trying to make a form that collects "Number of Children" a parent has. If they select "4" from the select input, then I want to slidetoggle out the appropriate divs, one for each child. Code: <select id="NumberofChildren" name="NumberofChildren"> <option value="0">0</option> <option value="1">1</option> <option value="2">2</option> <option value="3">3</option> <option value="4">4</option> <option value="5">5</option> </select> The div IDs to display are 1child, 2child, 3child, 4child,
jQuery working in Firefox but no other browsers.
Works in firefox, but doesn't display in opera, chrome, etc. html:http://fixee.org/paste/qnjnd5a/
jquery.media plugin from malsup.com does not work with IE9
Hi, I installed IE9 and the jquery.media plugin from http://jquery.malsup.com/media/# stopped working on all my pages the error is SCRIPT5022: DOM Exception: INVALID_CHARACTER_ERR (5) in line 382 var o = document.createElement(a.join('')); any ideas? best regards Bernd
Toggle Image
hello i got the following situation Ive got an link which opens a div onclick This link has a class for an image. Now i want to change this image if the div is opened or closed. Jquery has to change the class of the link between "open" and "close" I cant get it working Here is the link: <a onclick="ShowHide('#box-ext-order-id'); return false;" href="#" class="open"> </a> Here is the jquery script that opens the div function ShowHide(divid){ $(divid).animate({"height": "toggle"}, { duration:
Button links not working after login on Motorola touch with Android v1.5
I am testing a proof of concept on a client of mine. The owner has a BlackBerry OS v5+ and installed Opera Mini and its working like a charm. On the other hand, one of her employees just purchased a Motorola touch that came with Android v1.5 and its native browser is working but after she logs in the top buttons I added on the toolbar stop working. After she installed Opera Mini and navigated the application it does not show the framework's styles. Example: <a href="/Controller/Action" data-theme="b"
Nested divs and click event handlers
Hi all, I have just started using javascript and jquery and I have a small issue; this might as well be an issue with javascript more than jquery, I am unsure about it. So I have a div nested in another div and click event handlers associated with both. I have two questions: 1. Is there any default order in which the corresponding event handlers are called? I would expect that when I click the inner div, the corresponding event handler is called first, but this does not seem to be the case. I need
PLEASE fix the Plugin 'Issues' website - it is unusable!
The "issues" component of plugins.jquery.com has been virtually unusable for months. In every browser, the page response is absurdly slow and the CAPTA feature is a mess. I keep trying to respond to issue postings on my plug-ins, but it can literally take 15 minutes to write 2 sentences! Then when I try to post, I go into CAPTA hell. There appears to be 2 different systems being used, so after you complete the first one, it says you didn't and presents another one - of a different type. Then when
Superfish and jscript runtime error
I am getting a runtime error when using the superfish code. It specifically says: Microsoft JScript runtime error: Object expected. I didn't create the original code, but am maintaining it and am new to programming. Here's the two code snipits of where the error occurs. $(document).ready( function() { $( 'ul.sf-menu' ).superfish({ hoverClass: 'sfHover', speed: 'fast', dropShadows: false, autoArrows: false }); }); And it also stops here: $(document).ready( function(){
Mobile apps saved to home screen on iPhone may run 2 to 2.5 times slower than in Safari browser
Hi folks, I took a look and I did not find a post on this so hopefully this is not a repeat. Take a look at this article http://www.theregister.co.uk/2011/03/15/apple_ios_throttles_web_apps_on_home_screen/. Essentially, mobile apps launched from the home screen do not take advantage of the Nitro javascript engine. I know that this is completely relevant to work that I have been doing in jQuery mobile so I hope some of you find this useful. Take care :)
datagrid
how to create datagrid using jquery mobile..? any trick or plugin??
Issue with two scripts
Hi, I'm having an issue with my website. I was on HTMLDrive.net looking for some cool effects for my site, and when I tried to put two of them in a page together it would not work properly. I can get only one to work at a time. It seems that they somehow interfere with each other, but I don't know how. Now have a little experience with JavaScript and jquery, but nothing I tried would work. Here is what I have in my page header right now: <!--Accordion Nav script--> <script type="text/javascript"
update the "tree view" and the associated "Data Table" values based on the selection from a dropdown
Hi All, I have a requirement to update the "tree view" and the associated "Data Table" values based on the selection from a dropdown. I want to refresh the page after getting the updated values when selecting the dropdown list. I am able to get the values from my controller and refresh the page by using "location.reload();". But while refreshing the page the drop down list value is again set to default one, hence I am again getting the previous page. Please suggest me to resolve this problem.
css('font-weight') returns 'bold' on FF,and '700' on IE?
http://jsfiddle.net/EBJf5/2/ On Firefox 3.6.15, it returns 'bold', and on Internet Explorer 8 it returns '700'. Is this expected behavior?
$('#myID') vs $(myID)
Hi, Just started using jQuery and found people using two different styles of syntax. can anyone shed some light on the correct way? Option 1 <script src="jquery-1.4.4.js" type="text/javascript"></script> <script type="text/javascript"> $(document).ready(function () { $(myID).hide(); }); </script> Option 2 <script src="jquery-1.4.4.js" type="text/javascript"></script> <script type="text/javascript"> $(document).ready(function () {
Should submit event be fired?
This is the html file. When 'Submit 1' is clicked submit event is fired. But, when 'Submit 2' is clicked the event is not fired. <html> <head> <script type="text/javascript" src="http://code.jquery.com/jquery-1.5.1.min.js"></script> <script type="text/javascript"> jQuery(function() { jQuery("form").submit(function() { alert('submit'); }); }); </script> </head> <body> <a href="#"
JQueyMobile and direction:rtl
I want to create a JQueyMobile app, which has Right To Left layout. Is there any configuration, to make all page transitions moving the opposite way from the default ?
I got nothing when i use the .load() function
i try to load a page like this <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Untitled Document</title> <script src="Scripts/jquery-1.5.1.js" type="text/javascript"></script> <script src="Scripts/jquery-ui-1.8.10.custom.min.js" type="text/javascript"></script> <link href="CSS/jquery-ui-1.8.10.custom.css"
AJAX latest request
Hello, I am writing an AJAX autocomplete function with jquery (and CouchDB + evently). I have a Input field and if a user types a text, i get an autocomplete sugest from the DB. The problem is, that because of CouchDB evently I have some restrictions. Every time, the user types a key, the following function is call: function(e) { var searchString = $(this).val(); var widget = $(this); $.ajax({ url : 'http://xyz"' + searchString, success : function(req) { var resp
DIV TAG not showing?? Please help?
Please help? Here is what I am tring to do. When you click on a hyperlink, it is suppose to load the content from a php page into a DIV tag in my html page. The code I have been trying is below, but it does not work. Pleas help me fix it so it will work, please? HTML PAGE <html> <head> <script type="text/javascript"> $('#msg1').hide(); $('#fr').click(function(){ $.get('messages/msg.php', function(data) { $('#msg1').show(); $('#msg1').html(data); }); }); </script> </head> <body> <a href="#"
how long
does it take before a question is published?
Remove a function from the memory
Hello It is possible to remove a function from the memory? I have a custom function that I call using modul.StepGuide.init() - but how do I remove that function with all its vars and events, from the memory. Thanks in advance MG
is there any way to make the 'back' button always go to same pages?
to be more specific, i find that when navigating through the app sometimes the user may take certain paths which cause the back button to behave strangely. i guess really it is behaving by popping things off its stack, but it seems to me it would be far simpler just to have the back button as a static link always directing the user back to the same place(s). Am i missing a fundamental point here? edit: i thought about this a little more. it seems to me that the fundamental difference between a
Ceebox page FORM submission
Hi, I am using jQuery ceebox. the page opening in ceebox popup contains a form which submits to a new url. Now the new page opens in the same ceebox popup window. I need to close the popup window and reload the new url in parent window. Really appreciate any help to fix this.
Is it possible to use the spellayt plugin w.r.t dictionaries of different languages?
Hi All Can someone please let me know if we can use the dictionaries of different languages with the spellayt plugin. If yes.. please let me know how can we achieve that?
Can i Use This JQuery for Low End Mobiles?????
Hi to All, i am new this forum.i have a one Question can any one please Answer me. can i use this Jquery for all mobiles means by using this can i build the Web pages for Low end mobile that they dont support the touch screen?????? if not can u please tell me how build the web pages that should be supported by all( low end aand hight end)mobiles????? what are all the mobiles supports the this Jquery?? Thanks&Regards, Ramakrishna Rayudu.
Change to QUnit.log requires doc/blog updates
FYI, The Overhaul of QUnit.callbacks change changed QUnit.log in a way that makes it inconsistent with the documentation at http://docs.jquery.com/Qunit. QUnit.log now takes an single properties object rather than individual arguments. d
Problem with data-icon=""
Hi this is my first post here, since i just started to use this fantastic framework! As always when you get into something new i got my first problem :) When i try to apply data-icon= to the button, for example a href="index.html" data-role="button" data-icon="delete">Delete</a> it doesn't work... I am pretty sure that it used to work some day ago but now i can't manage to display any icon on the button. In addition also data-iconpos="notext" doesn't and it display always the text... I don't know
Better support for dynamically creating/update DOM elements
I've created a rich data communications library in JavaScript for my company. It models our Java based Component API as a remote API in JavaScript. This is great because I'm able to write sophisticated web applications just out of JavaScript, HTML and CSS. Just about everything can be written in the client. With faster JavaScript support for the client, this seems to be the current trend of web development. In particular, this approach works well when developing a truly open web app for a Smart Phone
datepicker show 3 month, current month in th emiddle
Hi, I would show 3 months, with the current month in the middle (not first). I have tried in various ways (min and max, etc) but there are always side effects or otherwise must do noise calculations (example: if I m in 15th and i put minDate="-1M", all days before 15th of previous month are not accessible, the same fro the next month, days after 15th). Furthermore, with min and max you can not choose other months before or after. Is there a solution? Thanks!
Problem using JQuery to obtain JSON from a web service
Hello, I have an application that calls a REST web service to obtain a JSON object. The call is: $.ajax({ type: "GET", url: urlWebService + "/getList" processData: false, crossDomain: true, dataType: "application/json", accepts: "application/json", beforeSend: function (req) { req.setRequestHeader('Accept', 'application/json'); req.setRequestHeader("Content-Type", "application/json"); }, cache: false, success:
Next Page