pass custom header on request
we need to be able to pass custom request headers and set a proxy when posting and changing the window location in an ajax post. Example: current url: www.domain.com/home new window: www.newdomain.com code (psuedo code) $.ajax({ url: 'http://www.newdomain.com', proxy: 'www.proxy.com:8080', enctype: 'multipart/form-data', data: '', cache: false, complete: function (){ window.location('http://www.newdomain.com'), }, beforeSend: addHeaders
Jquery Cycle Plugin - PNGs in slideshow produce a white background in IE8 rather than a transparency
I downloaded the Jquery Cycle Plugin from http://jquery.malsup.com/cycle/ For this site I was working on http://jck82.homeip.net/nyfc/ The idea was to create a slideshow in the header using transparent pngs, it works well in every browser except for IE8 (of course). I tested the images in IE8 seperate from the cycle plugin found at http://jck82.homeip.net/nyfc/test.html And the transparency works fine in IE8, so something is happening with the plugin and IE8 that creates this white background on
Proxy Page Processing Of Another Web Page Questions
I have an existing page on a website which I'm trying to hit from a proxy page using JQuery requests. The target page produces a list of data link results which are retrieved using two filter/select boxes. Sometimes the resulting list is a page (20 items) or less and sometimes it is multiple pages in length, which results in some paging links also being generated on the original target page. Currently my proxy page pulls in the data results just fine, as well as the original paging links with my
Drag And Drop List item into Another Listview
i am using jquery.ui.touch-punch plugin and applying the drragable function on very list items <!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <title>jQuery UI Touch Punch - Mobile Device Touch Event Support for jQuery UI</title> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta name="description" content=""> <meta name="author" content=""> <link href="js/jquery-ui.css" rel="stylesheet"> <link rel="stylesheet" href="css/jquery.mobile.structure-1.1.0.css"/>
Reusing Plugin Init Options in further methods (Basic issue)
Hello! I'm new to jQuery plugins, I've edited multiples but I'd like to make my own using the cleanest and most standard structure. Is there a way to reuse the options used after the plugin initialization?(Like an instance of a class?) I put my failing attempts to reach the value in the code.(See orange part) Here's my (basic) plugin code: (function( $ ){ var methods = { init : function( options ) { var settings = $.extend( { 'location' : 'top' }, options);
Dynamically update button labels in a controlgroup
I am trying to dynamically update the labels of two buttons in a controlgroup. The way I am doing it is updating the labels, but the controlgroup is not formed, rather two buttons appear separately side-by-side. Can anyone point me how this can be achieved? Here is the relevant code: // Set the button texts. $("#day-slot").empty(); var markUp = "<a href='#' data-role='button' data-theme='e' onclick='popMenu(true)'>" + days[1] + "</a>" + "<a href='#' data-role='button' data-theme='e'
Superfish not working properly in android
We are currently using superfish for a development project. I'm having problems getting the navigation to work properly on both android browser and android's chrome. It is exactly what I want (click instead of hover) on iPad and iPhone. On the android devices I tested, when you click the nav it takes you to the page that is in the anchor tag for that element instead of dropping down the menu. Is superfish still maintained at all? There seems to be some mixed ideas around whether or not it
Need help with the Jquery size attribute...?
Hello, I have a Jquery code which is used to add multiple files dynamically as per the user requirement. But in my window(site page) the width is too less where browse button (input type="file" ) going out of the frame. so please help me in resolving this issue...Please look into below code for the details: In the below TD tag I can restrict the width of the default file type size, but when on run time for the 2nd file upload the width getting increased. so plz...do the helpfull.....thanks in advance..
Change / translate "back" in header button
Hi there, I am just getting started with this fantastic tool and am stuck. Got this stupid problem ; scanned the forum but didn't find a solution. - I need to change / translate the word "back" in French when shifting page and cannot find where to access it. Thanks for your help Best Christophe
select menu no open
Hi I want show a select menu , this work the first time that I open, but when I want open again, it doesn't open this is my code: <form action="#" method="get"> <div id='divEspecialidad'> <label for='especialidad' class='select'>Especialidad:</label> <select name="especialidad" id="especialidad" data-mini="true" > <option value="">Todos</option> </select> </div>
Creating page clientside
If, for example, I click/touch on a listview jQM internally makes an AJAX-call to the server. It is expected that the server returns HTML with jQM-attributes. This is a little strange as jQuery was invented to do things clientside. In my opinion jQM makes it far too complicated to do the things the way you are used to when using jQuery. I tried to do it all on my own using changePage until I found out that a button may call a JavaScript-function but jQM crashes when you try that on a list-view. The
JQuery Mobile Button Style
Hi Guys, I am new in Jquery Mobile . I have using PhoneGap Simulator(Html5+jquerymobile+javascript+css). I want to add a button which is look like in below. So Please help me how can i get that kind of button on my mobile application. -Kamalakannan.M
List View not Refreshing after button Click event
Hi guys, In my Jquerymobile PhoneGap application, I have a list with favourt button. when i click the button it will change the button theme to "e", then again i will Click the same button then i need to get back the button theme to old one("c"). but i did n't get back to the button theme "c". I tried .listview("refresh") but it not working -Kamalakannan.M
Returning TRUE/FALSE from $.post call
Hi, Due to its asynchronous nature, the $.post(...) response comes later, hence I'm unable to return true/false based on Response value. function updateValue(loadURL, inputValue, recordID, messageDiv) { $(messageDiv).slideUp(); var ajax_load = "<img src='images/load.gif' alt='loading...' />"; $(messageDiv).html(ajax_load); var truefalse = ""; $.post( loadURL, {type: "update", id: recordID, val: inputValue}, function(responseText){ if (responseText.indexOf('exists') > -1) { $(messageDiv).html("<div
Uncaught TypeError: Object #<Object> has no method 'flexslider'
Hi guys, Got a drupal 6 install and I installed the flexslider for a image carosel on my main page. I had it all working before so I know everything is loading, I'm guessing I have another version of jQuery being pulled in, though it did work before! I just can't remember what I did before it stopped working! I'm also running this script to bring in jquery 1.7.1 because I need it for some twitter bootstrap javascript. Code: <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
Conditionally jump to a certain page(id) on a single document - how?
Hi there, I'm working on my first Jquery Mobile app (later to be compiled using Phonegap). I have a single HTML document with a number of individual pages on it, all with a data-role of page and an id. At present when I load my document into Firefox the top most page shows, as you would expect. However is there a way to have a conditional statement that can display other pages apart from the first page. I have the old problem of wanting to skip the first page once the user has interacted with it
jquery fadein for all images, not sure using best implementation of code
Hello. On a custom Wordpress theme I've written, I'm using fadein on all images. It seems to work, but I'm not sure I'm using the best code, and sometimes jitters on load. I'd appreciate if you could give it once over. The production site is here header <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"> </script> footer <script type="text/javascript"> $('img').hide().fadeIn(1000); </script> many thanks for your time, really enjoying learning jquery
Event when I swipe outside text in contenteditable
Hi, I would like to intercept the event when I swipe (drop) text that comes from outside the browser (eg: from text file). This event is not "paste". Is this possible? Do you know this event? TIA
Preventing duplicate transactions in div.
Hi How can I loop thru the #log and prevent duplicates. Can someone please help? $("document").ready(function() { //Update Log div with selected items function log( message ) { $( "<div/>" ).text( message ).appendTo( "#log" ); $( "#log" ).scrollTop( 0 ); } //Read searchphp and pupulate Search Autocomplete $( "#search" ).autocomplete( {
Jquery & dataTransfer
Hello! Who can tell me what's the problem with the code? $("div:[draggable=true]").live("dragstart",function(ev){ ev.dataTransfer.setData("text",this.id); return true; }); the browser show me an error :Uncaught TypeError: Cannot call method 'setData' of undefined thanks!
Regarding MIT license
I asked this question in a post initiated by another user, but no one answered :[ Anyway, if I use jQuery under MIT license in a commercial app, I have to include the copyright notice and the permission notice found in the core jquery file. Where will I include this?
Complete white screen on my Jqm phonegap applicaion jqm 1.2.0 Alpha
I am getting a complete white screen when the application starts. If there are any fixed header and footer, they alonw are visible while the content remain hidden behind the white area. Once I touch on the screen, the content behind the white area is displayed. This white screen re-appears on the new page after the transition to another. This white screen problem occurs only when I include the meta tag. <meta name="viewport" content="width=device-width, height=device-height> JQM Applications build
Validation - Remote Failure
I am in the process of using the JQuery Validation Plug-In for one of my sites. I have an initial page up which accepts an Email Address and a Password (and comparison Password). These are bare-bones pages just to test with and will be fleshed out (along with the PHP scripts) once I have the code working. It is at http://www.rarpsl.net/Church1/registration.html with the JQuery script at http://www.rarpsl.net/Church1/scripts/registration.js. I am using JQuery 1.8.0 (when I used 1.7.2 I had the same
problem with a jquery displaying function
Hello all, Hope this is in the correct forum, apologies if its not. I'm fairly new to jQuery and I've been asked to look at some code which has stopped working. The html / jquery code itself should work as follows. When someone clicks on a heading a table should display to the user, but unfortunately it doesnt. You can see the problem at the following link . Select people and then Mentors or members . Here is where the information should display to the user but unfortunately its not. any pointers
facing problen in safari5
Hello, Please check this link. It is working fine in all browser but not in safari5 and below. http://www.ingeniousonline.co.in/wayne/html/slider.html Regds Vishal bansal
Measuring distance b/n 2 points in CAD model imported in javascript
Hello, I am Bala, working as antenna engineer. I have been trying to measure distance 2 points in a CAD file (.stp file to be precise) after importing it in javascript. I am trying to learn javascript now and any suggestions on the commands/syntax to be used for distance measurement will be helpful. Thank you Regards, Bala
hover problems
so i have around 10 of these boxes with pics in them and i also have a X button in the top right corner. heres the code. <div class="editcar_pics"> <img src="/garage/pics/lambo.jpg" width="175" height="175" > <div id="editcar_hoverpic"> <img src="/garage/pics/x.png" id="editcar_imagedelete" width="25" height="25" /> </div> </div> I want when you hover over the picture the X will appear. But the problem is i have when i hover over any of the classes="editcar_pics" the X will appear on all of the
Understanding $.mobile object url methods
I'm trying to understand the usage of link methods. Not used to working with a framework of any kind, a lot is confusing. I realize (or think I do), for instance, that $.mobile.changePage( "searchresults.php", { type: "post", data: $("form#search").serialize() }); will transition to the searchresults.php page, transferring data from the form with an ID of "Search". The question is how do I activate that code from a link? And, by the way, since I used that as an example, the next question would
Creating a horizontal menu
Hi, I am new to jQuery & jQuery Mobile so bear with me. I am trying to create a horizontal menu for a website that will work both on standard device (desktop/laptop) as well mobile. I found the demo by codiqa on the jquerymobile.com site very useful with one exception... The menu I am creating is 7 columns wide. The site only allows you to create a grid that is 5 columns wide. When I looked at the code I saw that it was just using html <div> tags to create the grid so I thought no problem, just
circular sliding menus....
i am trying to implement a circular menu with circular sliding effects for ipad can you guys tell me how to implement it... i am providing the screenshot... https://docs.google.com/open?id=0B3IBJKENGE7RQjZVNXhoN0NtNUE it wouls be great if u guys provide examples... i google searched it but couldn't find anyhing....
Having Problem with hover on multiple divs?
Here is my code I don't know why it isn't working. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> <title>Robert Eilers - Interview Test</title> <!-- BEGIN: css --> <link rel="stylesheet" type="text/css" href="assets/css/reset.css" /> <link href="assets/css/bootstrap.css" rel="stylesheet"
Uploading File Size Determination Using Jquery
Hi, I want to find the uploading file size using Jquery (Client side). If the selected file size exceeds the maximum limit (assume 1MB) i want to prompt end user with a message to select file with lesser size. Just the file size validation. The actual upload will be handled by form submit button along with other fields. Please help if anyione has answers or suggesting for my query.
Need help with an OOP problem.
I have the following code, calling a method in my main class: some_func:function(){ $.ajax({ url: '/actions.php', success: function(data) { $('#actions').html(data); $('.add_button').click(function(e){ this.add_something(); }); $('.del_button').click(function(e){ this.del_something(); }); } }); }, add_something: function(){
jquery validate 1.9 plugin not working in IE7 and IE8
I've got the following code to validate a registration form. In Firefox, Chrome or IE9,if the user tries to click the register button on an empty form the error messages show up fine. In IE7 or 8 no error messages appear. Here's the jquery: $('#form_register').validate({ messages: { register_full_name: 'Please enter your name', register_email: { required: 'Please enter your email', email: 'Please enter a valid email address' }, register_username: { required:
jQuery Accordion Help
I'm currently trying to implement this particular accordion into my site http://jsfiddle.net/8MXAu/ I understand the HTML setup, what i'm having difficutly understanding is how to apply the javascript and scss to my website to make this work. Below is my websites css layout. If you can direct me on how to apply the javascript and scss that would help me out so much! /* --------------------------------------- APOLLO --------------------------------------- by Ryan Clark www.ryanvsclark.com ---------------------------------------
How can change the content of the view from the controller?
How can change the content of the view from the controller? I would like to have a preferences painel that knows if the user is logged in, if yes :it shows a tab view, if not: it shows another tab view ->completly diferent, but the user can acess the preferences painel if he is logged in and if he is not.
Can the jQuery validate plugin be used to sanitize fields to prevent SQL injection?
Can the jQuery validate plugin be used to sanitize fields to prevent SQL injection? I got the impression that it does but it's not working with the standard settings and I haven't found any information on how specifically to set it up. These are my current settings: $(document).ready(function() { // validate signup form on keyup and submit var validator = $("#customer_info").validate({ rules: { fname: "required", lname: "required", user_name:
How to move and expand a div?
Hi guys, I was hoping someone could help me, a Jquery beginner, with a problem. I would like to have 4 small "preview" div's on my webpage. Which when you click them will move downward and then expand. I hope to achieve the effect of having small previews on a page which will move to the middle and expand when you click them. Now as I said I'm really quite new to Jquery so I was wondering if anyone could point me in the right direction on how to achieve this? I got asfar as this: <script> $("#div1").click(function(){
html targets
I am trying to Identify the html targets (the input field, and the results container DIV), and make variables for them but I am new to Jquery and having some trouble figuring out how to do this with my code. here is code: http://resourcesonline.us/JAVA/3/index.html Can anyone help me figure this part out? Any help would be greatly appreciated.
FadeTo not working as intended
Hello All, I have 6 buttons. When I click on first button, all the other buttons should fadeto some percent, and When I click on second button, the first button should fade along with other 4 buttons, but the second button should not fade. On the whole except the button I clicked all the others should be faded. I used the following code, it works when I click first button, but when I click on second one nothing changes. That means the first button is not fading and the second one remains faded. $(".class").click(function()
Next Page