Screen Invalidation
My question is in regard to the order in which my javascript is executing. I have a rather lengthy function which is pulling data from a server via $Ajax. The first line of this function calls another function which is supposed to show a full page and partially transparent DIV. The idea is that I put this DIV up to gray out the screen, which lets the user know some work is being done for a few seconds while the function is running. At the end of the function the DIV is made invisible again. That
Ajax url parameters as a variable. How?
Is there a way to set a ajax url with a variable? function ajaxDialog() { $.ajax({ url: url, type: "POST", DataType: "html" }); } Thanks in advance! Guilherme Longo
Very simple password function. HELP!
Hi everyone. I'm developing a staff phone directory app for my work with JQM. I'm using a nested listview that displays names and then when a name is clicked, the phone, mobile, and email address of an idividual is shown. The listview is 199 entries long and each entry has 3 sub links. This makes the listview very slow to load. I have tried looking into the lazyload widget but I feel it's beyond my skill level to implement it. Instead, what I would like to do is initially load a login screen
Getting "Resource failed to load" while redirecting from one page to another ??
index.html : <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> <title>Popup</title> <link rel="stylesheet" href="../css/jquery.mobile-1.2.0-alpha.1.css" /> <link rel="stylesheet" href="../css/jqm-docs.css"/> </head> <script> function tosubmit() { var JSONObject = { "response": { "auth": "N" } } ; var mytext = JSONObject.response.auth; // Storing the value above into localStorage
.on() not working in 'Page transition events'
I'm using JSDT and it shows that .live() is deprecated. so using .on() like $('#wow').on('pagebeforeshow',function(event){ alert("haha"); }); it didn't work (.live works well) but when using .on like $(this).on('pagebeforeshow',function(event){ alert("haha"); }); it works. so i'm using .live() now, but using .on some day. Thanks for taking a look and helping me out - any pointers appreciated. development environments are jquery.mobile-1.2.0, jquery-1.8.2 and chrome.
issues with viewing jquery.com HELP please
Hello to everybody! to start with a jquery.com does not load for me, actually it does not load any visuals(css). Then I have encountered an issue with viewing a jquery of a website from my laptop that I have build the website with, but I know that it works, cause a person in the office next to me can view it without any probs. Well now I am using the jquery libraries locally and I can view whatever I develop, but not the mentioned above website or jquery.com. And even that website http://gvweb.es/add-ons/varios/zoomer/zoomer.html
Javascript does not work on my page
Hey guys, I'm having a problem with my javascript. I have it put at the very end of the body tag like so... echo '<script language="text/javascript"> $(document).ready(function() { $(window).scroll(function(event) { var top = 0; var y = $(this).scrollTop(); if (y >= top) { $("#byos-menu").addClass("byos-fixed"); } else { $("#byos-menu").removeClass("byos-fixed"); } }); }); </script>'; echo '</body></html>'; I've put alerts in the js
jQuery.parseJSON of an array not working
Six Months ago I started another thread about json_encoded arrays, because I was having trouble grabbing data. That thread did give me some solutions, and until just a couple days ago I had no problems. However, now I am having problems with characters like slashes and commas. Following are the details: Php script encoding the array echo "<td class='e'><input type='checkbox' class='Record_Chk' value='". json_encode($row_array) ."'></td>";jQuery Script $('.Record_Chk').click(function() {
adding a new image after a click
i am trying to add a new image when i click the z pass button my this part of the code is not working http://jsfiddle.net/UjJEJ/24/
finding text in any div
How can I set color of jack as red? I have to use .find() API ` <div>linda</div> <div>jack</div> <div>george</div>`
Ignoring child element while triggering parent
I faced interesting problem. I'm using jquery mobile for my project, and i have footer with navbar inside. I wrote script to toggle it when i click/tap on it. But tap/click executes when i click on any element inside navbar, that is inside footer. I tried to use stopPropagation, but that disabled ajax page loading aswell. Is there any ways to ignore element only for certain script? Here is example of my code: <div data-role="footer" data-id="main_footer" data-position="fixed" data-fullscreen="true"
How can I achieve smoother animations?
I'm using jQuery animate function to animate the left property of a div with a lot of elements inside of it, for some reason in Firefox the animation is laggy.. There is a solution for that?
Good practice - more data vs. more computation
Hi guys, This question has been bugging me for a while now. In terms of good practice and standards, which is the preferred method: 1.) Send a small amount of data and have the client(jQuery) compute the final result. VS. 2.) Compute the data once on the server and send a large amount of data to the client. Thank you for your input! Any information helps!
IE 7 and .append()
i am appending some html like below in my jquery orderDetails = ''; orderDetails += '<tr valign="center" id="tr' + MenuId + '">'; //orderDetails += '<td width="40%" class="cartHeaderRow">' + "<input id='txtHidMenId' type='hidden' value='" + MenuId + "' />" + jQuery.trim($(".name", row).text()) + '</td>'; orderDetails += '<td class="cartHeaderRow" style="word-wrap: break-all;width:155px;"><div style="width:120px;word-wrap: break-word;">' + jQuery.trim($(".name",
Validate plugin: Duplicate success labels... Still?
Hi, great plugin, however I believe that the issue with duplicate success labels is a bug. There are some solutions that use css and !important to override the error class with another (eg success) class (ie DONT remove the error class) but surely thats the wrong way to do this? I am using v1.10.0 of jquery.validate.js with the following rules... rules: { your_name: "required", message_title: "required", your_message:
How to stop sliding when reaching the last image in jcarousel???
hi i'm having an jcarousel dificullties. I'm using a jcarousel slider with an animation function i've created (fadeIn-fadeOut), but when i'm clicking on the next button the slider doesn't stop at the last side, but goes on and there's a lot empty space-slides. so how to stop sliding when reaching the last image in jcarousel??? thanks in advance here's the code: <?php if( $this->getRequest()->getModuleName() =="cms"): ?> <script type="text/javascript"> //<![CDATA[ function mycarousel_initCallback(carousel)
jQuery opacity not working
I am trying to change the opacity of the image after I click the red button instead of adding the different image, and I should not see the red button on the new image My JS code is below. http://jsfiddle.net/mwPeb/7/
Auto Complete highlight the typed characters
Dear All I am using autocomplete / suggestion It works great however it has facility to hightligh the characters in bigining example if a person typing ion and in database table we have word rationing Word rationing is being display properly (word ion is in middle of string) How can i highligh the selection part in short word rationing I want to be displayed as rationing highlinght the word typed by user pls help What had tried <?php $string = "Rationing is compulsory....."; $foo="<span class=\'scrolltableheading\'>foo</span>";
Adding jquery to the index.php
Hello guys'n'girls, i'm currently working on a gallery for myself and learning a lot about jquery. Today i got stuck at one point and i hope you guys can help me out. The thing is that i wanted to automatically create a mousebutton listener for a gallery overview i have. Let me explain this with a little more depth. I'm having a script which scans a folder for subfolders and copys those subfolder names into an array. Those subfolder are my different themed galleries. In every subfolder are pictures
Problem with images, binding load events and http codes
Hello all. I have some problems with an ajax call that should be quite simple and now I'm completely lost, so any help would be great. Ok, let's go: I have a web page working at this moment, ok, and I use $.get() to load a table into it (html format), this is working ok too. When user clicks in <tr> tags, I use $.get() another time to get some more html data, including an image as an <img src=". . .">. the server send me the image only if a user loaded it previously from an external 'admin site',
HTML5 datepicker not working on iOS/Android by using jQuery Mobile
Hi We are trying to implement HTML5 datepicker in our web application but its not working. We are also using backbone and jQuery Mobile in our project. What could be the issue? Is there any alternative to HTML5 datepicker.? Thanks.
JQuery - Drag and Drop - Web method is calling at every post back.
Hi , In our application we are using a JQuery Drag and Drop functionality . We have the below scenerio, Drag and Drop - Functional logic for resequence order is handled by calling a webmethod on code behind. While double click over any rows over GridView we have to Highlight the row to Red and . We should do the logical delete on code behind using entity class property. [This Double click logic is handled over GridView_SelectedIndexChanged event] Even the above function we achived . We are facing
Nice BMW X1 site! How did they do it?
Check this out: http://www.bmw.com.cn/cn/en/newvehicles/x/x1/2012/showroom/highlights/index.html#id=phase_exterieur I didn't know jQuery can make such complex animation. How did they: 1 Merge cut images to be one image 2 Make the flying birds animation 3 Mouse wheel control 4 Interior & Exterior switch (click the arrow button at the right bottom cornor) Any idea?
Automatically populating a text field using AJAX
Hello, I'm coming up to speed with JQM but am a newbie with AJAX. What I'd like to do is dynamically populate a form's text field with data coming from a digital scale, refreshing every few seconds. When the form gets submitted, the currently displayed weight gets inserted into the database via standard form processing. The scales are on order and I've requested technical info, so I'll need to figure out some of the details when I have the hardware and specs. We will be using PHP on the server
Android Touch and Hold
I have a wallpaper that I'm making available for download on a Sony Tablet S. Android 4.0.3. The goal is to allow the user to tap and hold, a pop up comes up that allows the user to save the image to their device. The html and css are created with jquery appends. This is working on the iPad, but not on the Sony. This didn't help: -webkit-touch-callout: default or inherit. I have the following: -moz-user-select: none; -khtml-user-select: none; -webkit-text-size-adjust:none -webkit-user-select:
Load external image into dynamic list
How would I load an external image into a dynamic list within a post function? I see that it is not possible to just call <img src="foo"> as this will time out, but using a load and an append is the correct course of action. Can't wrap my head around how I could inject this into the list element with an append after a load function. I am trying to get an image to show within this one list element (eventually to the left of all the text). Looking for any help or suggestions on the best way to accomplish
toggle checkboxes in a table after click function
I need this function to work after the page is loaded. The error is a missing ; before statement error on the true line. Also when the checkbox toggle-all is clicked as "checked" I want it to mark the class in the table checkall checked as true and when toggle-all checkbox is clicked again, mark all checked boxes in the table false. It seems almost right but some error with the brackets. $(document).ready(function() { $('#toggle-all, input:checkbox').click( function () { $('#table,
Show list contents on hover.
I need to make list content show up on hover. The content for every different list should appear in the same place and no content should show when not on hover. I'm trying to avoid writing different jquery code for each list category. Any ideas?
Execute 2nd Jquery only after completion of prior Jquery
Dear All I want to Execute 2nd Jquery only after completion of prior Jquery in 1st JQUERY i.e. $('#selectheaderdiv').load(prog); I am upodating the required table and I want to exeute 2nd JQUERY i.e. $('#selectheaderdiv').load(prog); // 2nd task only after completing execution of 1st one i,e $('#selectheaderdiv').load(prog); // 1st task Pls help At present JQUERY given below 2nd JQUERY gets executed even before 1st one $("#addheader").click(function () { var keyword=$('#keyword').val();
Tooltip.js (bassistance.de) extraClass Issues
Reference site: http://www.envisionedge.com/new/ I have 5 different Div ID's that have Tooltips assigned to them. Each of these ID's have a specific "extraClass" added to them so I can style the color for the H3 per Tooltip instance. All 5 Tooltips are working, but it's adding every "extraClass" from every div ID to the Tooltip class. I tried including a line to remove the classes after each function, but it doesn't seem to work. If I only use 2 Tooltips, such as the example shown here for different
datetime picker with prev and next year changer
hi i want to use http://jqueryui.com/datepicker/#icon-trigger calendar contorl but there is no year change if i set changeyear :true it will bring drop down i want year changer same as month changer with next and previous please help.
Spinner shows through calendar; Harmonize styles
Hello I only have shallow knowledge of JavaScript and am just getting started with jQuery. I have a couple of issues with a form for the web site for a hotel I'm working on (picture attached): 1. I need to use the spinner to let the customer type the number of people for a reservation, and the calendar to choose the check-in/check-out dates. However, when I use the calendar, the spinner underneath it shows through. 2. The spinner uses round corners instead of the rectangular corners used in the standard
How to set delay time in this code?
Hello everyone, I am new here. Please be patient with me. I have this code from this link http://www.kriesi.at/archives/create-a-multilevel-dropdown-menu-with-css-and-improve-it-via-jquery function mainmenu(){ $(" #nav ul ").css({display: "none"}); // Opera Fix $(" #nav li").hover(function(){ $(this).find('ul:first').css({visibility: "visible",display: "none"}).show(400); },function(){ $(this).find('ul:first').css({visibility: "hidden"});
Animation on bottom of page
... Im trying to do this stuff just for fun on page. And i have occurred a problem. Thing is, i want to have a little part of human head on bottom of page and when you hover it, it slides up. But not with slide up, but with animate... (Slideup looks really bad with pictures). This is actually working, but thing is, i dont know how t css it :D I have just image in div on bottom of page like this: .redneckClass{ position: absolute; left: 45%; bottom: -500px; overflow: inherit; } #redneck{ position:
Sorting an array
I can't figure out how to sort this by price, and I am not sure where to start. Any direction would be awesome! var products = [[“Hamburger”, “4.99”],[“Cheeseburger”, “5.49”], [“Fries”, “2.99”], [“Soda”, “1.69”]];
are functions in functions not allowed in widgets? What's happening here?
In an Autocomplete select: option function, I define a variable as a function. The variable does not execute this function. It completely skips it. I get no error in the Console, but when I follow execution line by line. I get the following at that line, which I don't understand. citiesWithBoroughs: function (request, response){ get arguments: function ThrowTypeError() { [native code] } get caller: function ThrowTypeError() { [native code] } length: 2 name: "" prototype: Object set arguments: function
IE ok but problems with Chrome
Hi, I am having trouble with Chrome runing my first jQuery+ajax code, IE is working fine. My script retrieves a web service via SOAP XML. I tried CORS=true but Chrome keeps reporting: Origin (ip address) is not allowed by Access-Control-Allow-Origin. I am testing my code indoors but final destination will be an Android device. Page is loaded from standart 80 port, web service is called on the 8181 port. I am using IE ver 9.0.8112.16421, Chrome ver 22.0.1229.94 m, running on Windows 7. This is a portion
JQuery Mobile Error Loading Page via Wicket BookmarkablePageLink
I am new to JQuery Mobile. I have an Apache Wicket-based application that I'd like to try JQuery Mobile on so it looks more pleasing on mobile devices. Unfortunately, I am getting "Error Loading Page" errors for all the page links, which I never had problems with before switching to JQuery Mobile. The root cause appears to be the URLs contained in the HTTP requests. I used JQuery Mobile 1.2.0, JQuery 1.8.0, Wicket 1.5.5, locally tested using jetty server 6.1.26 and FireFox 16.0. Here is the
Need Help Installing Start & Stop jQuery Plugin in Blogger
Although i've used jquery before in Blogger, it was always simple and came with a 'copy this'- 'paste that here' tutorial. I want to upgrade to something a little more complex and I need to know how to install this new start & stop jquery plugin to my blog header. Can any of you help me with this? I've uploaded the jquery zip file already. If you need the link to my blog, please let me know.
Bind Blur to Dynamic Form Fields
I have an order form that had lots of input boxes so I wrote a little function to validate them on blur. It looks at all the input's with the input class and assigns blur to them. Problem the user can add up to 75 more inputs and I'm trying to think of a way to do this the easiest. Can I call my function below again after each new row of inputs is created to add the blur function to the newly created form items or will it screw things up. What's the best way for me to do this. I'd like to just
Next Page