Sliding through a table
I'm designing a an app that will be viewed on a small embedded pc which only has a touchscreen interface (a Chumby actually). One of the things I want to do is to allow the user to scroll through the current audio playlist by tapping on the screen and sliding the list up or down. I successfully used SimpleGestures on other parts of the website but the action only happens at the end of the gesture. In this case I want the user to be able to select an item and drag the whole list up and down interactively.
How much to charge?
How much should someone charge for Developing a mobile version of a website using jQuery Mobile? There simple pages, just a lot of them (20+ pages).
What is the most effective way of unchecking a checkbox?
I'm trying to determine the most efficient way to simulate a user un-checking a checkbox. When I try to clear form elements via JQuery, I'm jumping through hoops to manage all of the styling. It feels like I'm missing something fundamental. For example, right now, I can do the following to simulate an un-check event but it feels pretty squirrely. $('#checkbox-label').attr('checked',false); $('label[for=checkbox-label]').removeClass('ui-btn-active'); $('label[for=checkbox-label]').find('span.ui-icon-checkbox-on').addClass('ui-icon-checkbox-off');
.post question... how to post back a variable?
Hi, I am trying to write code to allow a person select one photo to be their base image or Front cover image on a photo album. I am using jquery .post to get the form check box values which are the image file names and then use post to throw them to a php file and then update the database. Now thats cool so far and that part works. Now the problem is that I need the main photo album picture to be replaced once the .post if completed or succeeded. I need to refresh the main image. Right now the
Problem with image horizontal.
I have some problem to get this image in a straight horizontal line. And not in a vertical line. It works well if i remove div title="" but i need that line for my eventghost ajax. <h3>Select</h3> <div data-role="content"> <div data-role="controlgroup" data-type="horizontal"> <div title="Select1"><img src="Pic1.gif"></div> <div title="Select2"><img src="Pic2.gif"></div> <div title="Select3"><img src="Pic3.gif"></div> <div title="Select4"><img
Focus in IE 8 after using sortable
I'm using the .sortable function in my page and it works great, except in IE 8 (haven't tried other IE versions). What happens is in my <li> I have text with hyperlinks and after the sort I have to click the hyperlinks twice to get them to work. On first page load BEFORE the sort they're fine. I appears as if the focus is being held by the parent object. Any ideas on a fix or how to debug this myself?
How to load two pages with .load in to two different div ??
Hallo. I'm begginig with jQuery. I'm trying to make a simple menu with jQuery. this is my .js code. $(document).ready(function(){ $('#menutop li').click(function() { $('.current').removeClass(); $(this).addClass('current'); var menu_down = $('.current').text(); var link_koncowka = $('.current').text() + '.php'; $("#srodek").load( "inc/"
jquery scrolling not working properly in all browsers
Hey! I am building a site and have used a jquery scrolling script (smooth scroll). I am encountering issues with chrome, safari and opera (works fine in FF and IE8). It all works fine until I click on "kontakt" which then scrolls down to the "mig" section instead if the "kontakt" section as it should. What am I doing wrong here? ALl help would be greatly appreciated. You can view the site here: www.elbowroom.dk/jesperSite
jquery star rating plugin issues
I have been trying to setup a star rating system using the jquery star rating system and all works perfectly with one exception.. I am trying to make the "cancel" button act like a normal star to submit a "0" rating via ajax. I have got that part done however the issue I am having is that when I click the cancel button it does not stay on the "on" state. I believe this is because the onmouseout action removes the "on" state. I would appreciate some ideas on how to accomplish what I am trying to
slider is not a function
Hello, i am having a problem with my slider function. Here is the Code scrollbar = $(".content-slider").slider({ animate: true, slide:function(event, ui){ if( scrollContent.width() > scrollPane.width() ) { scrollContent.css('margin-left', -1 + Math.round( ui.value / 100 * ( scrollPane.width() - scrollContent.width() )) + 'px'); //moveFixedClones(200); moveFixedClones(1 - Math.round( ui.value / 100 * ( scrollPane.width() - scrollContent.width() ))); } else { scrollContent.css('margin-left', 0); }
jQuery Event Calendar with PHP
Hi All, I am trying to integrate jQuery calendar with my php site. I had added code to insert and pull back calendar details to and from mysql DB. Now my issue is I am using this code to get event details, return $.get('./calendar.php?action=get_events&startD='+start+'&endD='+end); calendar.php page is retrieving details from DB using start and end values and returning in this format, return '{events : [{"id":1,"start": new Date(2010, 10, 22, 12, 30, 00),"end": new Date(2010, 10, 22, 13, 30, 00),"title":"Meeting
How to add a div in jquery even if you have just used the .remove() function on it
Hi, Below is my code which I am using to remove a div tag. I also want the script to add the same div tag later once certain conditions are meet. The div has some preloaded content too which I don't want to loose. What function do I use to add the div. .add() does not seem to work. $('#wrapper1').remove(); Any help will be highly appreciated. Cheers, Vishal
wrap() not working like I want it.. No Surprise.
Ok, I have a jqGrid plug-in that goes out and gets a static xml file from web and then pushes data within certain nodes to specific divs/html elements. I also am running a prettyPhoto plug-in that dynamically develops a slideshow. Within jqGrid onSelectRow option, I have $(data.picsequence).wrap("<ul class='clearfix tabArea'></ul>").appendTo('#slideshow'); This wrap is what does not work. What am I doing wrong??? Firebug shows the div slideshow and then directly under it the li element. NO
Don't know which jquery files to attach so that I can use the datepicker plugin
I'm new to this and i'm trying to use the jquery datepicker plugin. What I want to know is which files to download and in what folders should i put them so that i can use it. I've been using date picker by linking to external js files but i'm trying to figure which files to save on my computer. I'd appreciate it if anyone can help me.
How do I retain a class after a link is clicked - for pseudo checkboxes.
I'm creating a list of items which visually look like checkboxes. They will work similar to the ones used on eBay that allow you to select only new/used items. Mine are a little simpler though. Here is the markup: <li> <a href="#" class="catHeader trigger">Designers</a> <ul class="nav-ul toggle_comtainer"> <li><a href="index.html" id="d1" class="select">Stills</a></li> And I've written
href and jquery problem
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script> <script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.5/jquery-ui.min.js"></script> <script type="text/javascript"> $(document).ready(function(){ $('#action').hide(); $('#open_hover').click(function(){ $('#action').fadeIn(500); var order_id = $('#open_hover').attr('href'); $('#action_content').append('<p>'+order_id+'</p>'); }); }); </script>
I need direction for a side panel that I want to implement...
Two Parts to this madness... Part 1: I want an image as a button and when it's clicked it opens a side panel (div 300px x 600px) on the right-hand side of the page. There should also be a close button to get rid of this div. Is there a plug-in or tutorial out there that can help me with that? Part 2: I want to add a form element (drop down) to that div, which loads specific information with each selection the user chooses. For example, if I have Apple Pie, Blueberry Pie, and Pumpkin Pie as selections
Using Same function on different event
I am using JQuery Validation Plugin but I need to Validate some but and don't want to validate some button. How can I achieve this.
How to check button click in Jquery validation
I am using JQuery validation for asp.net my project... I am facing a problem with the ajax base form.. I am handling the validations on postbacks. I just want to do it on click event.. like checking for a button click event in the page..I do have 3 button in my page and a asp.net grid. If i click on the paging it doing a post back the validation triggers... so I just want to check for if(its a button submit) { validate the form.. } Here is my code: var isValid = $('#form1').validate({
How to put an event on the text in a <td>?
Hi all, is it possible to select a text in a <td> and then put an event on it? I can put an event when a <td> or <th> or ... is clicked, but not on the text in it. Here's my trial code: $('th.select').text().click(function(){ // execute code });Perhaps it's an dummy question, but I realy can't figure it out how to do it
selecting sibilings after a variable position in a list
I tried to make the title s meaningful as possible. I am trying to select n number of sublings in a list of elements after a specified point. I have a table with a number of rows (tr) and each row has a link and a checkbox. On clicking the link, I want to check the checkbox on that row and for the next 5 (say) rows but not the previous ones. Something like this... <table> <tr> <td><a>Link</a></td> <td><input type="checkbox"></input></td> </tr> <tr> <td><a>Link</a></td> <td><input type="checkbox"></input></td>
live() method does not work if selector has dot character
I am trying to work live method work but could not if id/name has . (dot) character. jQuery1.4.2 Example: <html> <head> <script type="text/javascript" src="../scripts/jquery-1.4.2.js"></script> <script type="text/javascript"> $(document).ready(function(){ $('[id="state._[0]"]').live('change blur',function(){
cycle plug in: follow link, hit browser 'back' button and return with same item in cycle?
is this possible? to elaborate: each of the cycle elements contains a link user follows link the cycle stops user returns by hitting back button in browser cycle remains on same element rt now when i return to page the cycle starts from the first element. thanks for any ideas!
Simple syntax question
Hey guys, I'm trying to replace the #selectList with $(this) so I can get the changed select menu's text. I just can't figure out the proper syntax for putting $(this) in it. Thanks in advance, Twitch var productLabel = $('#selectList :selected').text();
jQuery mobile seems to remove custom classes from buttons
I use input type="submit" and give it a custom class. jQuery mobile creates a fancy button from it but doesn't keep its class which I had given to it. If I use the "<a>" markup its fine. This is probably the way it works, but it would be nice to "import" the classes of the original <input> element to the new button.
Ui.buttonset on changing DIV
I have a div that is a form. I have hidden divs on the page that when the user hits the next or prev button changes the information displayed in the div (form). I was trying to use ui.buttonset here but whenever the user access the different "page" in my form, Ui.buttonset breaks and is no longer clickable. I was using $("#chartChanges").html($("#saveChart").html()); to change the content of the div and then $("#chartChanges").buttonset(); when the page loaded.
find() in IE
<html> <head> <script language="javascript" type="text/javascript" src="jquery-1.4.4.min.js"></script> <script language="javascript" type="text/javascript"> var xml = '<?xml version="1.0"?><root><t1>c1</t1><t2>c2</t2></root>'; alert($(xml).find('t1').text()); </script> </head> <body></body> </html> in FF this script returns 'c1' and $(xml).find('t1').length == 1 in IE - empty string in alert and $(xml).find('t1').length == 0 How
jQuery validate select onChange
Hi, I'm trying to validate the state name of a country in a form when enter a state name I have it validated ( in "xhr/xhr_validate_key.php" ). Would need when I change the country (in the country_id.onchange) revalidate the state name The state name is marked as invalid and not sumit the form if I change the country Sorry for my bad English, I'm from Argentina <tr> <td>State Name</td> <td> <input type="text" name="name" id="name" value="<?=$name?>" maxlength="50" size="52"
Having problem with codylindley DOMWindow and jquery UI Slider on IE:
I'm using the Cody Lindley DOMWindow script, modeless, draggable for a popup form that has a jquery UI slider. All is working well except with IE - the problem is when I slide the handle the window drags. If I position the cursor slightly to the left or right of the slider handle, it slides fine. Any help would be appreciated. My slide event is as follow: slide: function(e, ui){ if(e.target==this) { $j('input:text[name=rate]').val(ui.value+'%');
Problem sending JS variables/array to PHP with jQuery.post() function
Hi folks, I'm having a big problem here. In fact, I guess I'm almost there, but there's a little something that keep me struggling. Here's my challenge: I have a page (full url: http://uren.visueel-adv.be/overview, url with .htaccess: /overview) that carry a table with the performances/jobs from the employees in our company. The table is generated with PHP and MySQL and each table row contains the following data/cells: - Performance ID (invisible) - Date - Customer - Employee - Begin time of the
AJAX call in method does not return result ?
I am calling an AJAX function from a certain method, but for any reason it does not return the result. The JSON object is "Records". The URL is build within another method and properly passed (as I can see in Firebug) DataService.prototype.myData = function (jQ_dataelement) { $.ajax({ type:'GET', contentType: "application/json; charset=utf-8", url:this.webServiceLink, dataType:'json', success:
me.com login error-shake
hey did anyone notice the new me.com? very nice Login-Form, special the error-shake. (and check the fancy paricle-flow by the devices, guess is all Javascript & HTML5) my question is: how to build this error-shake in jquery? maybe someone already did this in jquery? thanks for any info
Selectbox styl option or optgroup
Hi, I would like in the selectbox tag option styl css or, when I put tag optgroup does not work in the jquery. Thank you <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html> <head> <meta http-equiv="Content-type" content="text/html; charset=utf-8" /> <title>Styling Select Boxes</title> <link rel="stylesheet" type="text/css" href="selectbox.css" /> <script src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"
Datepicker Plugin
Hi there I have successfully implemented the Datepicker plugin but am having very difficult problems with the image alignment of the calender icon. The icon seems to have no padding/margin/spacing between the input box and the image, and is also not aligned correctly. I have viewed the documentation but can see no reference on how formatting is achieved.. I looked at jquery-ui css (redmond) and can see no reference to how this is aligned. I really really wish this could work. It is not the image..
Adding another object doesn't work
I have attached a simple script where you can move small images to larger image. It works fine but I have a problem adding another small objects - they can't be moved, they are just static. Is anyone so good to check what is causing this problem?
Problem: How to call a script after a ajax partial view refreshed?
I have a jQuery script that would highlight some listbox items (listbox is on a partial view) on document ready. My problem is, the highlights in the listbox gone after the mvc controller ajax post return the partial view. How should I call the highlight script again after the ajax post return? Thanks
jQuery Current Date?
Hello, I'm trying to set the current date in a <h2> tag on a page I'm developing. I've spent some time researching around the net, have seen some straight JavaScript methods, to do so by setting an array etc. I'm looking to format the date as such Nov. 9, 2010 so - abbreviated month, date, then full year. Does anyone know how to perform this with jQuery? Thank you for your time in advance. This forum is a great resource! I'm assuming this is a rather easy solution?
Image Carousel not repeating in IE 7 & 8
Good day to all jQuery-ers (or something like that :P) I'm new here so before i post my question i'll just introduce myself quickly. My name is bryan. i am 18 years old and live in the netherlands. I'm currently studying IT and i love anything to do with PC's and especialy programming (webdesign / development) Oke my problem: I've build a image carousel "plugin" (its not a real plugin). The basic principle is simple: Load an img tag with a SRC when the dom is loaded, then count to x (6 seconds for
set height of a div equal to another div
Hey! I got a problem, i need to take the height of a div named #main and add that height to another div named .sidebar. I'm new to this kind of stuff, but whould it be possible to do this with jquery, if so, how? Thanx!
jQuery Mobile and standard HTML page
Hi, My use case is to enhance an existing HTML page with some mobile oriented widgets. The same that I would use jquery.ui, I would like to use jquery mobile to dynamically add the widgets (fixed top toolbar, on tap menus/dialogs...) and I do not want the framework to interfere with existing code. Architecture of the current jquery mobile implementation (version 1.0a3pre) is completely page oriented and core code is really intrusive: ( $("a").live( "click", function(event) { This may break all existing
Next Page