offset() method in CSS 3 multicolumn
Hi all, I have some serious issue here, I'am working on an iOS App which has to display an html page in a UIWebView over several columns using CSS multicolum module. I'm adding the following CSS rule to the page to accomplish the multicolumn padding: 0px; height: 850.000000px; -webkit-column-gap: 0px; -webkit-column-width: 620.000000px; Then I need to find the absolute position on screen for some text in the page. The problem is that any call of the offset() method from jQuery works fine EXCEPT
UI Tabs problem
I have my own ajax request in content that loads with tabs. When I click on second tabs the request send 2 times, when I click on 3rd tab it sends 3 times etc. So it duplucates. Why and how solve this problem? It`s important because when you click on tabs 5-6 times the request is overloading the page. Sorry for poor English and thank you.
Cluetip not working inside hidden Div
Hello! I m using jquery cluetip and it works find. However there are few sections inside a hidden div where i need to show cluetip but its not working. Can anyone help me resolving this??
remove first div
Hello! using jquery-1.8.3.min.js I have two divs with same classes and want remove only first div. But nothing... Maybe someone will help <div class="clearfix pam">first</div> <div class="clearfix pam">second</div> <script type="text/javascript" > $('.pam > div:first').remove(); </script>
JQuery sortable changing size once dropped? Need some help! Screencast attached!
Hi guys! You'll have to forgive me as I'm not a coder, but I was wondering if someone would have a genral idea of what could cause an issue I'm having with a stack of sortables on my site. The idea is very simple, it's a stack of credits on a users CV. They need to be able to order credits how they see fit and thus sortables is great. It all works fine, however I have noticed that when I drag a credit up or down the list, the the credit and all other credits under it change size. Each credit is made
Last button in navbar is 2px shorter than the others
For some reason, the navbar I have created is 2px shorter than it should be. After digging around in Firebug, I was finally able to determine that this is due to the last button being 2px shorter than the others. Here is my code: <div data-role="navbar" data-iconpos='top'> <ul> <li><a href="index.php" data-icon="grid"data-ajax='false'>Inventory</a></li> <li><a href="index.php?action=add" data-icon="plus"data-ajax='false'>Add</a></li> <li><a href="index.php?action=remove"
How to allow "pipe" in url validation
I've been using the (bassistance.de) url validation plugin and would like to customize it to allow additional special characters, such as the "pipe" | character. My understanding of regex is limited, so I would appreciate any ideas on how this can be done. Based on the demos for url validation at http://jquery.bassistance.de/validate/demo/, it does not allow the pipe character and shows "Please enter a valid url" error message. From what I understand, the pipe may not be a valid character according
Jump anchor tag on page load
Hello I'm working on a web mobile app using jquery mobile application. the problem I'm having is, using below link, I want my cursor to jump to specific record but its not happening. I have tried multiple solution but none of them seems to be working. It needs to happen as someone loads that page. However, it does work when I click on any record once page gets loaded fully, it keeps moving records upwards as I click on them. This does happen using javascript but same thing doesn't work on load of
$.extend function {}
What does $.extend function with 2nd parameter as {} mean? For example $.extend(true, {}, Object1)
custom scrollbar for lightbox or slimbox gallery
Is there a way to create a lightbox or slimbox gallery with a customized scrollbar? I have too many thumbnails to fit into my defined region without overflow, but I don't like the look of the default scrollbar. I have tried various combinations of gallery plugins with various scrollbar plugins, but once I have inserted the scrollbar links into the header of my page, the lightbox does not pop up but instead opens in another window. If that is not possible, is there a way to have multiple "pages" of
mobile jQuery navi examble to tabs
Hi, I have study jQuery and mobile jquery and have surfed throught different websites. Can I somehow use this mobile jquery navigation funtionality http://jquerymobile.com/demos/1.0a4.1/docs/pages/docs-navmodel.html#../../ that way that it works like tabs. Tabs just hide and show contents, which are on same url. 1) Is there any change to get jqueymobile examble to work like tabs? 2) http://jsfiddle.net/E86M9/3/ can I use safetely these kind exambles? Does they work on every platform? 3) Why that
Docking/undocking effect of submenu on one page navigation
Hi there, I am quite fascinated by the navigation solution of the site https://www.simple.com . As soon as you go through the main-menu item "Meet Simple", the submenu always stays on top of the site beneath the main menu and kind of docks to the main menu as soon as it would normally disappear by being scrolled out of the viewport. And, as soon as the part of the website which the subnavigation corresponds to, is scrolled out of the view, the subnavigation gets scrolled out as well. I really, really
upload a image and display on that site using jquery and html
upload a image and display on that site using jquery and html steps i. Load the Page by clicking on a URL. ii. Click a button to trigger the Camera on their mobile device. iii. Take a Photo iv. View or Save the Photo to a file. v. Upload the clicked Photo to the POST-URL.
mobile swiping carousel images on gallery
I have a hopefully quick question about using the mobile swipe function for mobile jquery. We have a gallery here http://www.grandhotel.com/the-hotel#72157623428872151&7142284101 and I've got it so that the larger image swipes left and right, BUT I also want those thumbnail images to be "swipeable" too.. the code that controls the thumbnails is: $(this).find('.thumb').unbind('click').click(function() { var t = $('#suprflickrGallery .list .content a[photo_id="' + $(this).attr('photo_id') + '"]');
jquery stops working after php page posted
I added some jquery to my php page to 1. do some simple validation before the page gets posted and 2. I have a button called Reset that clears some fields and submits the page. Both work fine, that is to say if I load the page and click the submit button and the appropriate field/s is not valued I get an error message. If I click the Reset button, the page does resubmit. If I click the submit button and all validation criteria is met, the page does the post back I get the correct results on the
jquery slider bug
the images do not automatically move any more after clicking with force move arrow how to fix them to move automatically again providing my code below http://jsfiddle.net/48y2Q/7/ http://jsfiddle.net/48y2Q/7/embedded/result/ <script type="text/javascript"> $(function () { $('#da-slider').cslider({ autoplay: true, bgincrement: 450 }); }); </script>
sortable: stop option only if item on same list
Hi, Is there a way to prevent the stop option doing something if the item was dropped to another list? Because I want to do something only if the item is from the same list otherwise I use the receive option for items dropped to another list. I've tried to somehow count the ui.sender like this: stop: function(event,ui) { if ($(ui.sender).length < 1) { if (ui.sender == null) { alert('items moved in the same list'); } } else if (ui.sender != null) { alert('items
Firefox issue (jScrollHorizontalPane.js)
Hello there, I'm all new to this forum, and to jQuery, so I want to make a short introduction: my name is Bart and I'm a webdesigner from Holland. I'm trying to get into jQuery (and javascript) so sorry if my question is kinda stupid :-) Since a couple of months I'm trying to get this slider up and running. After struggeling with flash I decided to use jQuery. I found this plugin called jScrollHorizontalPane.....almost the perfect tool, with a few requirements left I began to change some styles.
Some trouble with UI Tabs
Hello buddies. Happy New Year to all. I faced with one strange behaviour using UI tabs. I just copied the very first example from demos page: <div id="tabs"> <ul> <li><a href="#tabs-1">Nunc tincidunt</a></li> <li><a href="#tabs-2">Proin dolor</a></li> <li><a href="#tabs-3">Aenean lacinia</a></li> </ul> <div id="tabs-1">Nevermind</div> <div id="tabs-2">Nevermind</div> <div id="tabs-3">Nevermind</div> </div> <script> $(function() { $( "#tabs"
class value not changing on jquery selector
<script> $(document).ready(function () { var radioselected; $('#radioContactTasks input[type=radio]').change(function() { $('#contacttype').removeClass("invisible"); $('#contacttype').hasClass("visible"); radioselected = $(this).val(); }); $('#contacttype select').change(function () { $('#contacttype').removeClass("invisible"); $('#contacttype').hasClass("visible");
Does jQueryMobile works inside frameset?
When using jQueryMobile inside <frameset> it seems width and height is determined correctly. Any suggestion to make jQueryMobile work with frames?
Can't seem to refresh style of <a data-role="button">
Hi there, I open the datepicker with a <a data-rel="button"> and I change its text when a new date is selected. However, I can't seem to update the buttons style back to normal after I change its text. <a id="a_workout_date" href="#" data-role="button" data-mini="true" >2013-01-01</a> $("#input_workout_date").change(function() { $("#a_workout_date").text($(this).val()); $("#a_workout_date").trigger("create"); $("#a_workout_date").button(); $("#a_workout_date").button("refresh");
scrollTop and scrollBottom
firstly, when scroll is down i wanna div element moves to right, when scroll is top wanna div element moves to left. how can i do that? var $win = $(window); $win.scroll(function () { if ($win.scrollTop() > 0) {$(".Ax").animate({"left": "+=50px"}, "slow"); });
DataTables: Loading JSON from external AJAX call into DataTable
I am using DataTables 1.9.4 with jQuery 1.8.1. I have created a table which has zero records on page load. On click of a button I am fetching data in the form of JSON using an external AJAX call. I need to load this JSON into the already existing data table. I read through the examples and older discussions which suggests the usage of "sAjaxSource" option and "fnReloadAjax" function to load the data into data table. To my understanding it works only if make use of DataTable's built in AJAX feature.
Carousel with built in menu
Hey everyone, I'm trying to build a site with a carousel. The idea is I have a menu and a submenu next to eachother, then after that all the content of the concerning submenu's. I want to use a carousel than can go to the position of a certain item if you click on the items in the menu and submenu's: item1 item2 item3 item4 item5 item6 item7 ... menu_link1 submenu1_link1 content3 content4 content5 submenu2_link1 content7
Recommended architecture for RESTful API
Hi, I'm trying to figure out what's the best way to use jQuery Mobile with PhoneGap to interact with a server. So far I've read: http://forum.jquery.com/topic/restful-resources-rails-3-and-jquery-mobile http://fuelyourcoding.com/getting-started-with-jquery-mobile-rails-3/ http://blog.digitalbackcountry.com/2011/12/passing-data-between-pages-in-jquery-mobile/ http://jquerymobile.com/test/docs/pages/page-navmodel.html and haven't found a definitive answer. Or more likely am too lost to piece the information
can i horizontal scroll bar to navbars
can i add horizontal scroll to nav bars if si please send code.
how to check if checkbox in css class
Hi, I have gridview and have checkbox ( Asp.net checkbox) in each row. and each checkbox have class name ".grp". so, how i can check if atleast one checkbox is check in this class ".grp".
I want the tag name in the alert box.
Suppose I have a structure as below: <div> <span>hello span</span> <p> This is the paragraph </p> </div> Now I want is that when clicked on the paragraph it will alert as "paragraph". If clicked on the div it will alert as "div". Means I want the tagname in the alert box. Please help.
jQuery Mobile without UI widgets (only using AJAX navigation and events)
Although the jqm ui is great I'm now in a situation where I need to use custom html without enhancements. So basically what I want is the jqm ajax navigation, loading widget and (touch) events. I noticed http://jquerymobile.com/download-builder/ but I'm not sure what the status is as it's mentioned not to use it for production code. And even if it was production ready, I'm not sure which components to pick for what I want. Is it easily possible to use what i stated above without a hacky approach?
Viewport settings for Android vs. IOS?
Can someone please clarify the viewport settings required for JQM to work on IOS and Android devices? The website states JQM is "A unified, HTML5-based user interface system for all popular mobile device platforms," but I cannot seem to get my site to display/render properly on Android devices. It works beautifully on IOS, but Android devices display the site very small when viewed on the testing emulators provided by BrowserStack.com. I'm using the viewport settings that JQM recommends: <meta
What is "this" in jquery? Is it a dom element or an object?
I am using "this" in jquery but have not a clear idea about "this". I recently read a tutorial saying this is a dom element as well as an object, depending upon the usage. Please make clear.
Multiple buttons on same page
I'm trying to create a ToDo list where I can add items on each day. I display all days of the week with a text area underneath the day with an Add button. I got Monday working, then I got Tuesday working, but then I can't get Wednesday to work. I'm not sure if I have a small error in my code or if I'm using jQuery wrong. Any help would be greatly appreciated. <div class="daily_todo"> <div id="monday" class="dayOfWeek"> <p>Monday</p>
Function problems using .post
I recently started using JQuery after about a 3-year lapse. Needless to say, I'm quite rusty. I have a button that, when clicked, needs to send various variables to a .php file containing the appropriate function. My issue is that the button will click, any test alerts pass the appropriate values into said alert...however nothing fires off on my .php file. I'm at a loss. The function below exists inside of the $(document).ready $(function() { $( "#buttonSubmit" ) .click(function()
When will be a good time to start reporting bugs & pull requests to jQuery 2.0?
I'm quite interested in a good quality of jQuery 2.0, especially that I'm happy enough to recently work mostly on projects not supporting IE<9. I wish to know when will be a good time to start tracking potential bugs and report pull requests to the code base? I'm asking because work on this version seems to just have started and I wouldn't like to duplicate your in-progress effort.
Animate on hover to scale images issue
I am not sure why, but when you rollover the image fast it grows and it does not go back to it initial state. Everything seems to be working fine. Except this and when you try to move your mouse fast frm left image to the last, right image and back, everything is messed up. Here is a URL to the page http://bernerfoods.bolderimage.com/products/coffee-beverages/ $("#rollovers li").hover( function () { window.imgWidth2 = $(this).children().width();
getting post individual string
I have a query which is not getting result. $(document).ready(function(e) { $('.edit').click(function(){ $.post("selected_record.php", {company: $company}, function(data) { }); }); }); above query send company name to php page. $company = $_POST['company']; $selectedcompany = mysql_query("SELECT * FROM employees where emp_company = '".$company."'"); $comps = mysql_fetch_array($selectedcompany); $name = $comps['emp_name']; $designation = $comps['emp_designation'];
Supersized transition effects problem, help meh if u can :)
I simply want to change the effect from this silly slide in / slide out to a nice fade but cant get it to work in the .php file of my wordpress template this is the problem area i think: I would sure appreciate any advise! $tf_bg_img_next.css('left',$tf_bg_img.width()); //now slide it to the viewport $tf_bg_img_next.stop().animate({ left : 0 },1000); // I try and replace this with...and nothing :( $tf_bg_img_next.stop().fadeIn(1000);
error in CORE jQuery: a is undefined....
get error: a is undefined, in connection with jquery-ui (ah yes, my favorite..... ;-) trying to get a slider working... why am I getting this error in jQuery core... using jQuery 1.8.2 with whatever jquery-ui is latest download... (can't post example, as don't have FTP access at work..) thank you..
iBooks-like menu
I need to create a web based menu system that opens similar to the iBooks app, when you click on the icon the screen splits and the bookshelf appears with elements inside. I have seen something similar here: (http://www.ok-studios.de/home/ , click on Projeckte) however the element you click on is not highlighted, it just slides away in the background. Thanks, Sam
Next Page