Dynamically replacing images at varying screen dimensions
Hi, I have a slider built into my web page thats dimensions and ratio alter for different screen sizes, I need the images that I place within this slider to also alter for the same purpose. The code that I have does't seem to be working, I'm a bit of a newbie to jQuery and have pieced it together myself but I think that its essentially quite close to being functional… <script> $(document).ready(function() { if($(window).width() < 1600 && $(window).width() > 1440){ $(".replaceimg").attr("src",
Jquery Mobile - jQM generated DIVs are cloning on AJAX post return
I have several pages that submit a form via AJAX post in a jQuery Mobile Application (using v1.4), and I cannot get around this problem to save my life. The form is filled out, the user presses button (not submit input, but button), and the following code handles it: $('#edit_admin_btn').click(function() { var valid = $("#edit_admin_user_form").valid(); if(valid){ $.post("admin.php?a=vendors&v=users&x=update" , $("#edit_admin_user_form").serialize(), function(data) {
How to prevent default select event in autocomplete jquery?
The default action of select is to replace the text field's value with the value of the selected item. Canceling this event prevents the value from being updated, but does not prevent the menu from closing. I want only close the popup with clicking outside(or with a custom link) of the popup. Is this not possible? $("#search").autocomplete({ select: function(event, ui) { event.preventDefault(); return false; } }); EDIT: Here my Solution. I have modify autocomplete minified. Add cutsom options "closeOnSelect:false"
Copy TextBox Value and Replace Spaces With Hyphens
Trying to copy the value of a first textbox as it is typed to a second textbox and replace any spaces with hyphens - Almost works except only the first space is replaced with a hyphen, can someone help please, I'm an absolute novice with Jquery!! thanks .... Code: <!doctype html> <html> <head> <meta charset="utf-8"> <title>TEST</title> <SCRIPT language="javascript" src="http://code.jquery.com/jquery-1.9.1.min.js" type="text/javascript"></SCRIPT> <SCRIPT type="text/javascript">//<![CDATA[ $(window).load(function(){
Panel content disappears after closing
Hi, I´m building a phonegap app and when i close a panel and open it again the content disapears. When i reload the page it´s back and when it isn´t visible i´m still able to touch the buttons so i think the opacity when to 0 or something. I only have this problem on the galaxy note 2, does anyone have a solution for this? Thnx
Upgrading from 1.1.0 to 1.4.0
When we upgraded to 1.4.0 it seemed like every css link was broken, we have a big site is there any quick global fix to this problem? New to Jquery
Firefox Mobile change event not fired after taking photo in input
Hi together I'm trying to make an simple uploader for a mobile webpage: you choose a file and it will immediately uploaded, without another klick. There sould be only: <html> <form enctype="multipart/form-data" action="http://api.qrserver.com/v1/read-qr-code/" method="POST"> <input name="file" type="file" id="filepicker" class="filepickerd" /> <!--<input type="submit" value="QR Code lesen" />--> </form> <div id="iframecontainer"></div> and JQuery <script src="jquery-2.1.0.min.js"></script>
Cant get my jquery to work??!!!
Hi, Im new to jquery and still learning web design.... Im trying to get a show/hide script to run on a toggle tab but cant get the jquery to work.... It's probably something very basic ive missed but cant seem to find it! any help would be awesome.....Thanks! Here is my HTML; <html> <head> <title>The Rock & Roll Project: </title> <meta http-equiv="content-type" content="text/html;charset=utf-8" /> <link rel="stylesheet" type="text/css" href="rnrARTISTS.css" /> <script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
Can I use variable instead of 'top' and 'left' in offset?
$('#bQueen').offset({variable: 200});
Problem calling ajax program that makes cross domain call
Hello, I am using ajax to call a program that makes communication with paypal. The program is the paypal api that can be downloaded from paypal. I have a stand-alone version and an CGI version that runs in apache. The stand-alone works fine and returns the paypal response. The problem is in the CGI version. The program is completing normally and I am getting the proper response from paypal. But Apache is reporting a 500 error message. But Im getting a success completion and the test-payment is accepted by
jQuery Mobile Check box performance in iOS
Hi, I am developing a web app using jQuery mobile. In a page there are some accordions and each accordian consists of list of check boxes. The first check box is a "select all" check box which when selected all the check box in the corresponding accordion are to be selected and if unselected all the check boxes to be unselected. The following is the sample code that I am using: <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> <link rel="stylesheet" href="http://code.jquery.com/mobile/1.4.1/jquery.mobile-1.4.1.min.css"
BlockUI - unblock when clicking blockOverlay - bindEvents, false
I'm trying to use BlockUI in a similar way to a lightbox. The page displays a sign-up form and blocks everything else on the page to allow them to fill in the form and submit. I've have a button in the unblocked content that issues an unBlockUI. All working well but it would be good if they clicked on the overlay area for this to also unblock. Specifically the div.blockOverlay. In the docs: http://www.malsup.com/jquery/block/#options // enable if you want key and mouse events to be disabled for content
Make a jquerry mobile a native app using phonegap
Hello Im a new jquerry mobile developer, and I'd like know how to make a native app of android using phonegap. I can do it using just jquerry mobile (html, css, js), the problem is when I need data base conexion and I need to use a php or c# language. can somebody tell me how to use data base with jquerry mobile to build a native app with phonegap. Thanks.
disable the swipe event within a container
I am building a HTML5 app using these jquerymobile versions. jquery-1.8.3.min.js jquery.mobile-1.3.0.min.js this app will be running inside a hybrid app container. I am using the one on iOS platform. This container can have multiple hybrid apps inside it. With that said, whenever app is in portrait mode and if you swipe right it usually brings up the menu from the iOS container. But since the swipe event is included in the current jquerymobile version the jquery's event handler gets called and it
jqgrid or jquery ui alternate ?
I have my view displayed with use of backbone. In my view i want to display a grid that shows record from a backbone model populated via ajax call. The user must be able to add new record to the grid or edit existing record in the grid. When either operation is performed I want to display a modal form that will allow user to create/edit record. The modal edit/create form would show more data entry elements then the # of columns seen in the grid. The modal form would contain <select> elements that
src.returnValue at line 5374
My IDE returned this value as unacceptable when i tried to run the code for the position demo. It suggests that you use the 'standard 'event.preventDefault()' instead'. I'm not an expert at this JQuery program yet, but when i type in the code on this page to see how it works, it returns this 'complaint'. It displays the 3 green boxes, but it doesn't show the 4th box when i move the mouse cursor around the window that is displayed when i do run the code in my browser.
jQuery Changelogs
Hi, Is there a place where we can see the individual changelog for all the jQuery projects? Or at least the jQuery Mobile changelog. Thanks so much! ~Red
I am developing with java. I want jsp page which contains 3 tabs and all three tab have same form.
I have page in vb.net like following It moves from one tab to another tab on submit. Now i want to do the same in jsp page which is the best method in java to deal with this.
Tablesorter Fixed header plugin
Is there a plugin that work with Tablesorter ( http://tablesorter.com/docs/ ) for fixed header and vertical scroll bar. I tried a few fixed header plugin but didn't work because they just clone the whole table and hide/remove the header of one table and body of the second table. Therefore, the sorting does not work. OR Is there a plugin that i can use to sort table with header fixed with scroll and with expand-child. expand-child is when 2 or more rows stay together while sorting. example: http://www.pengoworks.com/workshop/jquery/tablesorter/tablesorter.htm
contains() ?
Making a calculator for practice, and I am stuck on my last function.. I have tried a bunch of things, but here is the idea. I just want to make sure that you can't put more than one decimal in a number. This is what I'm trying - seems like a hundred different ways... can contains() even be used like this? screenVal = "0" $(.button).click(function() { // MY #bDot is class="button" if (screenVal === "0") { screenVal = ""; } });
hwo to increase the size of circle in this jsfiddle?
pls tell how can i increase the size of animated circle in this fiddle. thanks :) http://jsfiddle.net/oskar/Aapn8/
jquery upload ui only one file
hello. I'm using jquery ui upload. I have 3 upload blocks ,each with his add file, remove ecc... , like the jquery upload ui example, but i have 3 of these block. My goal is to permit to each block to upload only one file, if i add a file where there is another upload the old uploaded file must be removed and the new file uploaded must take his position. is possible? my idea is to clear the list of jquery ui upload before add the new file, in mode that i upload always my last file, but' i can't
Need help - Listview + form + autofill j
So I'm trying to develop a simple database setup that accesses a mysql database and populates a listview with the contents. That was no problem so next I added a click feature which brings up a form when you click on an item and puts that items mysql id number in the url after the hash. This is where I'm having worlds of problems. How can I pass that hash value to the next page so I can call a mysql query and auto fill the input fields with data pulled from mysql. Then when I click the "submit"
Need help loading images with .each
Hey Guys, I am trying to load the images with JSON using the $.get function. On the console log I can see the name of of the images when I hover over the img var, but for some reason its not loading. I'm not sure what I am doing wrong here. Any help would be really appreciated!! <div id="container"> <div align="center" class="loader"><img src="images/loading.gif" id="load" width="400" height="400" align="absmiddle"/></div> </div> $.getJSON("data.json", function(data) {
jQuery border inset plugin
Hi, I'm using the jQuery inset border plugin: http://css-tricks.com/inset-border-effect/ I'd like to reverse the effect of the plugin so that borders move inwards on hover. I've managed to achieve this but the border is still visible on load of the browser window, I'd like it to be initially invisible. Please could someone show me to do this? Code is: (function($) { $.fn.insetBorder = function(options) { if ((options!=undefined) && (options.inset!=undefined)) { if (options.insetleft==undefined) {
Sorting icons do not appear in my column headers.
The sorting feature works on my table and I can seem to size the icons which enlarge the header but they just are not visible. Any suggestions? I have limited experience in this area, but I have been working on this for a couple of days. Thank you...
Multi-page template with MVC
Hi, I have seen the multi-page example at http://demos.jquerymobile.com/1.2.0/docs/pages/page-anatomy.html. The example expects us to repeat the header and footer for every page in the multi-page. I am looking for a way so that the first page contains a "content" section which has a button. When the button in clicked, I need the "content" section to be replaced by another div while the header and footer remains as-is. Is there a way to do this? Thanks, Yash
Problem appending table
Hello, Im trying to copy a div and insert it into a tbody. But I cant get it to retrieve the html from the div. <div id ="dtltmpl"> <tr> <td>some text</td> <td>some text</td> <td>some text</td> </tr> </div> $("#copyDtl").click(function () { var $dtl = $("#dtltmpl").html(); alert($dtl); $("#dtltbl > tbody").append($dtl); });
Tab control Resize event
Iam working in the Tab control. whenever the tab is re-sized, i need to capture the event. I search across the forum but could not get the answer. Can any one help on this? Surendar.
Want to expand div element using mouse
Hi, For resizing my div element I have used Resizable( ) plugin of Jquery but the div element is expandable from right only and I need it to be expandable from both the sides ie from left also. Please let me know how do the same.. Thanks in advance!! :)
What happened to the documentation on JQuery sites?
I am not here trying to cause a stir, and I except all sorts of grief for this, but this is a genuine concern of mine. I am NOT a jquery expert. back in the days before jquery was moved to github, each site for the individual plugins, had beautiful, very detailed, very simple instructions on how to use the plug-ins, what options were available for each plugin, and exactly how to use each option. I find the current documentation on the plugin sites so absolutely abstract. Unless you are an expert
Need Help with onClick opening Dialog box
Hi Guys, Very new to this and am stuck already with an onClick command and it's puzzling me. What's meant to happen: User clicks on the Shopping Cart text (within a div element which has been styled) and it opens a dialog box containing the users cart contents. Here's the code below... I think I've done a tad to much this week as I'm probably missing something really easy and am just being stupid. Any help would be much appreciated. <script type="text/javascript"> $(function() { $( 'div.dialog'
download page - DL's say "publisher couldn't be verified"
compressed production version jQuery 2.1.0 download (or others in http://jquery.com/download/ page ) result in "publisher couldn't be verified" message. It may seem fastidious that I'm asking or maybe I'm doing you a favor, but why would software affiliated with M.I.T. result in a "publisher couldn't be verified" message? PS: For some dumb reason I seem to be having a difficult time seeing my question posted. I'm usually pretty patient but I'm blowing smoke out my ears trying to post the above
Elements problem
Hi, I am facing problems with my project, when i load a new page some times my data doesn't load to html elements assigned by jquery, Fetching data from database. Please help me.
Want to change property of css file on fly
i want to change property of css file on fly.. say for eg: i have css file with class like .menu { background-color:red; } i want to change the color of .menu { background-color:which user selects on fly; } can anybody help me out in this
can a radio button click add a value to a textfield?
I'm not sure if this is possible. If I have a radio button field with Yes/No selections. If either is selected, a fieldset appears with a textfield. If No is clicked, then the user types in a value in the textfield. Is there jquery I can use, so that if the user clicks Yes, a value is entered into the textfield? Thanks in advance. I've seen this done before except with span tags. I haven't seen this inside a textfield. Peter T
How to change your email in your jquery account
Can't seem to find a way to change my email associated with my account. Tried preferences and edit of account but nothing is there to allow the change.
clicking list item its going too much high
Helo all , I need one help. on click of <li> i am sending that <li> at top, its going fine But the problem is that it should go upto first position but its going at so much high. Please find this on live http://jsfiddle.net/JLx69/19/
scrollTop not working correctly?
Hi, I am trying to get a scroll function to work without 100% luck. I have a a few links that are position:fixed on my side for easy nav to a particular section. I want it to work so when user clicks it the page with auto scroll to the particular div. e.g div Stage One div Stage Two and when you click a Stage One or a Stage Two the page will scroll down to that div. My problem is when I first click it, it does scroll down but too far, if i try it again though it works fine. The divs
jquery mobile 1.4.0 - changing buttons with fireworks or alternative?
Hello, I hope my question is not too stupid. I found great tutorials changing the buttons of the jquery mobile standard theme with Fireworks CS6, but it seems only to support the early version of jquery mobile (1.0.1). Is there a possibility to update the Fireworks CS6 jquery mobile plugin to 1.4.0 or is there a nice alternative to Fireworks I can use? It´s about changing some existing buttons and to create new ones. I guess with Themeroller it´s not possible. I would be very glad for some advice.
Next Page