catching when a panel closes
I'm using a panel to display information on a mobile app (jquery 1.3 beta). It's being opened based on a selection on the main page, which I will highlight when it's clicked on. When the panel closes (slides off the screen), I want to unhighlight the selection. How do I catch / bind to an event on the panel so that I can do so? (This may be an easy question, but I'm new to jquery mobile and nearly new to jquery!). Iain
Passing a url and HTML in a variable
I have a form set up that in on of the input boxes a url and some html will have to be passed along. The form works just fine as long as there is no url or html, if there is I get the "there was a problem" alert. How would I go about allowing the IMDB and amazon inputs be allowed to pass along html or a url? Thanks <script src="http://code.jquery.com/jquery-latest.js"></script> <script type='text/javascript'> $(function() { $('#editmovie').submit(function(event) { event.preventDefault()
Confused
hello, i am using bluethrust clan scripts v3 and am tryng to add dialog boxes to the site to help new members and staff. i am looking at the page http://jqueryui.com/dialog/#animated and copied <script> // increase the default animation speed to exaggerate the effect $.fx.speeds._default = 1000; $(function() { $( "#dialog" ).dialog({ autoOpen: false, show: "blind", hide: "explode" }); $( "#opener" ).click(function() { $( "#dialog" ).dialog( "open" ); return false; }); }); </script> </head> <div id="dialog"
Help with Autocomplete
Hi, I have a autocomplete dropdown that lists a bunch of contact names that someone can choose from in a form that allows them to post an information set. Now it may occur sometimes where the name that the person is typing in does not yet exist so I have a popup that asks them if they want to continue searching for a contact, or if they want to add a new contact. This works great when adding a new Information set, but if you go back to edit one and want to change the Contact name I am having some
After upgrading to jquery 1.9, .is(':checked') on input element is working wierdly
.is('.checked') on input element is working improperly
Using $.get() to send data to servlet and insert into mysql
Hi, recently I use $.getJSON to send request to flickr api to get some photo info (I got 100 data totally) and in $.getJSON()'s callback funciton, I use $.each() and $.get('myServlet.do') to send data to servlet then insert into mysql database. I think it should be no problems, but I found that my database would have duplicated data if I use the method above, does anyone know what is the problem? the data is duplicated when servlet received, btw. it would be very appreciated if someone can give me
Submiting Ajax form to php - the respone is full page
Hi! I have problem with my simple form using jquery mobile. My script works normally on classic website, but it is not working on jquery mobile. I tried several tutorials, but still the same :( the paramteres of posting form in Firebug are OK, but the respone back from PHP is not the right and in the respone tab i can see HTML of the whole page. Sample code HTML: <form id="form" method="post"> <fieldset> <legend>ADD TOPIC</legend> <p><label for="name_post">BRANCH</label><br /> <input id="query_post"
Reg sending a file as input from javascript to controller
Hi I have a requirement where I have a popup where in I take an excel file (Test.xlsx) file as input and I need to pass to the server as input for the MCV action method. example: in the below code "str" should be "file" not filepath as string. $.ajax({ type: 'POST', url: '@Url.Action("CreateUsers")', data: { 'file': str, ID: $("#Id").val() }, success: function (data) { } error: { } now the CreateUsers() MVC action method of a controller have to read the file as input and can manipulate it.
jquery menu does not collapse
The problem that I have is that in the test code that follows question function $("#loadtest") does not collapse the menu. "newpage.htm" loads fine, but the menu1 stays expanded, with two menu items visible. First I tried .menu("collapse"), but it did not work either. Help is highly appreciated, thanks. <script type="text/javascript"> $(document).ready(function () { $("#tabs").tabs({ active: 1 }); $("#menu1").menu(); $("#menu2").menu(); $("#loadtest").click(function
THE OPEN CART THEME NOT RENDERS CORRECTLY
Hy I have a problem whit the product page, I use jquery.js to slide the "choose color" option, and for this reason IE V.7, 8 & 9 does not display tha page correctly. any idea to solve this problem ? http://cameleontextil.com/index.php?route=product/product&product_id=161
Auto complete.
Hi all, I need help to realize that: I have an input text, when I write a town, I would like that during writing it would be auto completed by the name of the town found in the database. If it doesn't exist I complete writing. Thanks in advance. Tegatti
Drag and Drop Sortable Tabs only works once
Hi, I'm trying to set up two sets of sortable tabs where the tabs can be dragged and dropped between the sets. The tab <li> is draggable, the tab container <ul> is droppable and sortable. I have it so that it works for each tab when dragging to the other set, and the tab is still sortable, but when I try and drag back, the drop area won't accept the tab. The methods within the drop callback within droppable still progress though. I have set up a jsfiddle using jquery 1.9 and UI 1.9.2: http://jsfiddle.net/paulbarrett/ET4xq/19/
facebook like buton code working on jsbin but not on my local html?
ive been going at this for hours now and still cant figure out why it doesnt work here on my local html file see here in my jsbin it works fine: http://jsbin.com/uhejis/1/edit but i tried it on my local html page on three computers, xp, vista, and 7 and nothing whats wrong with it?? does this code work on your local computer?? <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html> <!-- This is all the Meta Imports and customs --> <head>
Why is jquery "not defined"?
I have already tried to get going with two other tutorials, this is my third attempt. I have downloaded the developer version of jquery-1.9.0. It`s in a folder on the desktop along with my several attempts to get going This is my latest effort... <!doctype html> <html> <head> <meta charset="utf-8"> <title>Demo</title> </head> <body> <a href="http://jquery.com/">jQuery</a> <script src="jquery.js"></script> <script> var foo = "bar"; $( document ).ready(function()
Numbers rounding off issue after some digits
I am using jquery mobile framework with Java (json with spring) for my mobile application.server sends response as 1.2345678901234568E16 for one of the value but jquery in user interface, its not displaying the value as it is. It is doing type conversion/auto rounding off while displaying in UI. I am using Double datatype in server side. Also i tried use .attr() attribute to get the original value. But the problem is, am iterating over the dynamic values. could you please help me out to solve this
How tp prevent iPhone webapp from scrolling main window
I am using JQuery Mobile 1.2.0 and testing it out. So far it works fine on my iPhone 4S. I have one problem with webapps and that is, that they look too much like webapps. What I mean is, that if you drag the page down, the whole page, header and all move down exposing a grey background. The same thing happens when you drag the whole page up. Below the footer is a grey area exposed. See images below with the grey area pointed to by the arrow. Also a scrollbar appears on the right. Top area: Bottom
Menu show/hide example (can't even replicate jQueryUI documentation)
Sorry folks but I find the jQueryUI documentation examples clear as mud. (I really have searched all extant examples and online questions and answers). Take for example the very nice opening and closing drop down menu demo at http://view.jqueryui.com/menubar/demos/popup/popup-menu.html . Click on 'Show context menu 1' and a dropdown appears. Click somewhere else and it disappears. I would like this to work in a page on a local drive. I have copied the source to a local html file and edited the src
Filter function not work in Chrome and Firefox browser
I modifed the code from the sample code given by the CSS example (from JQuery v1.9): $("span").click(function() { $("span").filter(function(index) { return $(this).css('background-color') == 'yellow'; }).css('background-color', 'white'); $(this).css('background-color', 'yellow'); }); Whenever user click a word, it should remove all those highlight words and highlight the clicked word ONLY. This code works fine in IE 8 but it could not works in Chrome
draw datepicker dynamically
<link rel="stylesheet" href="css/jquery-ui-1.9.2/themes/base/jquery-ui.css" /> <script src="css/jquery-ui-1.9.2/jquery-1.8.3.js"></script> <script src="css/jquery-ui-1.9.2/ui/jquery-ui.js"></script> <script> $(function() { $("#datepicker").datepicker({ dateFormat: "yy-mm-dd" }).val() }); </script> <script language="javascript"> function addnew() { ... mydiv.innerHTML = mydiv.innerHTML +"<input type='text' class='datepicker' id='datepicker'>"; } when i try to fire the addnew(),
Please help me to change this textbox to dropdownlist
Hello Everyone, Please help me to change the textbox to dropdownlist with the option: (Condominium, Condotel, Condormitel, House and Lot) Thank you very, very, very much!!!!!!................ <!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>Properties</title> <style> body { background:#fff; color:#000;
classify Flip toggle switch
classifying <select> somehow does not work <select name="flip-1" id="flip-1" data-role="slider" class="bigga"> <option value="off">taunus</option> <option value="on"> grenada</option> </select> $(document).ready(function() { $('bigga').hide(); }); If it did, the flip switch would get hidden. How come it doesn't? Is there a general rule in css of jqm or js that prevents this? What would be the workaround?
Using pieces of Jquery Mobile in my mobile website
I have built a mobile website on my own in php, and wanted to use pieces of jquery mobile to make it display better on a mobile device. I am trying ot pick out pieces form jquery such as forms and list views to use to enhance my site. I am trying to do this with out re-writing most of my code, as I already have a nice theme I would like to keep my website on. The first thing I tried to do was use the form elements form jquery mobile, and when I inserted them in my page is made everything askew.
How to calculate time differance using AM/PM format?
Hi Guys I am trying to calculate the time differance in minutes between 2 time so i have 2 time fields 09:20 PM and 10:00 PM i want to return 40 minutes here is what i have done so far (the output is always NaN) function calculateTime() { var start = $('#Report_startTime').val(); //09:20 PM var end = $('#Report_endTime').val(); //10:00 PM var start_time = Date.parse(start, "hh:mm tt"); //Convert Time from A/PM to time
Validation / Submit Button Question
I guess this is a question of why is it working this way? I can't see the being normal behavior; what am I missing? I'm using the validation plugin and I have two buttons within a form. One is a submit submit<input> and another a button <button>. When I click on either of the buttons it validates the forms and submits the form? Why is the <button> causing validation to perform? Thanks.. Script... <script> $(document).ready(function(){ $("#cmaForm").validate(); }); </script> Html..
Detaching elements and restoring them later
Hi. As you can see on this html. I have a div with id "page", and elements inside it. I´d like to detach these elements from div id "page", and restore them, in a click of a button. Is that possible? Thanks. Jquery Test Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras varius pulvinar ipsum et imperdiet. Phasellus rhoncus convallis erat. Quisque ante eros, vestibulum non pellentesque eget, mattis id turpis. Fusce ac mauris neque. Etiam quis mauris lectus, nec vestibulum arcu. Cras orci
select image and preview before uploading
I have a form with an image file input and several other input controls. I want to preview the image in an image tag before actually uploading all of that to the database and the image to a directory in the server.. <link href="css/style.css" rel="stylesheet" type="text/css"> <div id="form" > <form method="post" enctype="multipart/form-data"> <table border="0px"> <tr> <td rowspan="10"><img id="poster" src="images/noposter.png" alt="[POSTER]"></td> <td colspan="5"><br></td> </tr> <tr> <td colspan="5"><br></td>
Accordion broken in IE7 when embedded in parent container with overflow:auto set
The JQuery UI Accordion widget doesn't work with longer scrollable content in IE7 when parent container div has overflow:auto; set on it. I tried setting the innermost child div of the Accordion to overflow:visible !important; but it didn't work. Works fine in IE8, IE9, IE9 compatibility mode, Chrome, FF, Opera, and Safari. Test this fiddle in IE7. Be sure to explicity set IE to use "Browser mode: IE7" and "Document Mode: IE7 standards". How to fix? <div style="overflow:auto;"> <div id="accordion"
using wow slider in wordpress
images have a small arrow on top. ? the image size grows & shrinks between slides, very annoying. http://www.hooperville.ca/nfcwp/images/palcourse/ any idea why? thanks in advance
Displaying a detail panel by clicking a summary panel
I want to be able to: 1. Click a div element (A) to display, adjacent to it, another div element (B). 2. Hover over A or B without B disappearing. 3. B disappears if hover outside A and B. My divs are: <div id="A" style="width:100px; height:100px; position:absolute; left:100px; top:100px">Summary....</div> <div id="B" style="width:100px; height:100px; position:absolute; left:200px; top:100px; display:none"></div> I display B on clicking A using the display attribute: $(document).ready(function ()
photoswipe keep flicker for some reason
I have set up photoswipe for mobile device, it's working fine apart from the photos keep Flicker when swipe on the phone, but its working fine on computer. any idea how to fix please? cheers the example will be: http://www.photoswipe.com/latest/examples/04-jquery-mobile.html
Regression in 1.9.0 from 1.8.3 related to namespaced events
Hi, If en event gets triggered like this - `$.event.trigger('myEvent.mySpace');` then previously it was possible to listen to this event by binding, for example, `$(document).bind('myEvent.mySpace', ...)` and `$(document).bind('myEvent', ...)`. This fails after updating to jQuery 1.9 (or 2.0 beta), see this simple demo - http://jsfiddle.net/NnWNL/ - there are two alerts when using older versions and only one with the latest.
Facebook "like" button doesn't like this JQuery...
Hi everyone. Thanks in advance for you help. I'm very new to Javascript and JQuery but was able to find something online called "organic tabs" (http://css-tricks.com/organic-tabs/) and incorporate into the page I am working on, which is essentially a product gallery. You can see what I've done here: http://www.fat-hair.com/wildfire_products.html The trouble is, my client wants a facebook "like" button to appear on every product along with a pinterest "pin it" button. For some reason the JQuery is
[1.3.0-beta.1] linkBindingEnabled/hashListeningEnabled seem not to be working
If I understand correctly setting both linkBindingEnabled and hashListeningEnabled to false should prevent clicking links to actually navigate. This to use e.g. a framework like Backbone for routing. In 1.2.0 this works as expected but in 1.3.0-beta.1 not. See 2 simple fiddle's below: 1.2.0: http://jsfiddle.net/3rMSu/ 1.3.0-beta.1: http://jsfiddle.net/4gnkx/1/ Clicking on the list item in 1.3.0 navigates to other page which should be prevented. Cheers, Marcel
Creating a selectable populated form list
Hey jquery masters! I'm relatively new to jquery and a colleague of mine suggested I ask this question here. What I'm wondering is if I can use jquery to populate a select-able listing that a user can then choose from for a HTML form. My awesome overlords have decreed that I can only use HTML/CSS/JS for the site coding. I'm building a configurations portal website, and want to be able to allow for the user to choose from a list of users who have been locked out, and take those choices and submit
Superfish Alignment Issue in IE
You can see the site here: http://interactivitymarketing.com/dev/zerogeorge/ In Chrome the site superfish menu looks right. In IE the menu pushes the logo to the right and aligns on the left side of it. I can't figure out why it's doing that. Any Ideas?
can't get QapTcha working
i try to add QapTcha but i have a problem the slide goes ok but still lock and can't get button enabled what is wrong? this is a part of the file stdhead(); ?> <script type="text/javascript" src="jquery/jquery.js"></script> <script type="text/javascript" src="jquery/jquery-ui.js"></script> <script type="text/javascript" src="jquery/jquery.ui.touch.js"></script> <script type="text/javascript" src="jquery/QapTcha.jquery.js"></script> <script type="text/javascript" src="jquery/QapTcha.jquery.min.js"></script>
Transform Jquery-mobile App to an online Iphone App
Hello, I create a web application with Jquery-mobile. Now, I would like to crate an ONLINE Iphone Application using IBM Worklight. I succeed to builde an Iphone Application (offline) by inserting the html files of my Jquery-mobile App in the Iphone project using IBM Worklight. So, to builde an online app, I don't know where I should store my files (.html) and how do I acces to this files. Could you help me to transform my offline application to an online application. thank you Lotfi
How to get rid off page transition bottom scroll bar?
When use changePage, there is horizontal scroll bar shown in there. It is shown in Android and iOS Phonegap apps. How to get rid of this scroll bar? Thanks!
How to get page header (fixed page header) in pagebeforeshow event?
If the header is not fixed, in pagebeforeshow $('div[data-role=header]', $.mobile.activePage) could get to page header. When in fixed header, before transition happen, the header is not available in pagebeforeshow event. Looks like it is removed before real transition happens. How to get page header (fixed page header) in pagebeforeshow event? Thanks! Jerry
Carousel loading issue in Firefox, its working fine in all other Browsers
Hi jQuery Masters We are facing a serious issue that we are not sure about what is going over there. Please open http://paradise.zencreativegroup.com/ in Firefox , during the loading, try click on Next/Prev buttons on the carousel, it is not working. But After 5 seconds its working fine. You can find the Object Class here http://paradise.zencreativegroup.com/packages/theme_paradiserestored/themes/paradiserestored/js/slider.js Thanks in Advance. Manup
Next Page