fadeIn() when div is floating
Hi guys, today a problem with "fadeIn()" occured, when i was trying to fade in some floating elements. I tried to figure out whether it is a known bug or not, but i couldn't find any information about it. So i came here to ask you for help! I have the following html code: <div id="someField" style="float:right;"></div> When the user clicks on a button, this div should fade in by using the following code: $('#someField').fadeOut('slow', function() { $('#someField').html('SomeContent');
Selecting text from box that was clicked
Hi guys, i currently have a page which has lots of boxes with different data in them like this: <div class="box"> <div class="box_name">Test Name</div> <div class="time">12:45</div> <div class="message">A message</div> <a href="#" id="button">View Content</a> </div> and i want to grab the value which is inside the time class div and pass it to the popup box. currently this gets the value: $('#button').click(function() { var time = $('.time').html(); but because the .time class is used
json and jquery ajax
Hi I want get data from php with jquery.I wrote this code: in php: <?php $return=array('content'=>1,'id'=>2,'priiority'=>3); echo json_encode($return); ?> in jquery: $.ajax({ type:'post', url:'next_prev.php', data:{act:act,id:id,priority:priority}, dataType: 'json', cache: false, success:function(data){ var obj=jQuery.parseJSON(data) $('#content').html(obj.content); $('#priority').html(obj.priority); $('#id').html(obj.id); }, }); but it does not work.whats wrong?
S.O.S. two little questions, probably for everybody easy
Hi jQuery mobile, For school I have to make a exercise using jQuery mobile, now I'm going really hard for somebody that isn't into programming at all. But I have two functions I need to use into my exercise and I can't figger it out. First about my exercise, I have to make a jQuery mobile site about food and recipes, the goal of the mobile site is that you can select a recipe and tell it how much persons you're going to make it for. After that you will see how much you need of every ingredient and
Need help for Jquery Validator
Hi, I'm in a serious trouble. I'm using jquery validator in my application. In one of my form there are two different button like below . <button id="uButton" name="uButton">Update Booking</button> <button id="sButton" name="sButton">Save Booking</button> Whenever I clicked on any of the button my validation methods being checked and i got the for submitted. Up to this all is ok. But what I want is - based upon which button click i want to sent a value in one of my hidden element. <input type="hidden"
Is there a way to not include the css files and images when using jQuery Mobile
In upgrading for use on mobile devices, we are only interested in a very limited amount of functionality such as the swipe page turn. Is there a way to include a small amount of these files?
dist/jquery.js: Non-ASCII characters detected on Window 7.
How can I fix it? D:\Code\github\jquery> grunt path.existsSync is now called `fs.existsSync`. Running "submodules" task Running "selector:src/selector.js" (selector) task File 'src/selector.js' created. Running "build:dist/jquery.js:*" (build) task File 'dist/jquery.js' created. Running "lint:dist" (lint) task Lint free. Running "lint:grunt" (lint) task Lint free. Running "lint:tests" (lint) task Lint free. Running "min:dist/jquery.min.js" (min) task File "dist/jquery.min.js" created. Uncompressed
Modifying a Plugin
This image slider is from a plugin but doesn't automatically scroll. gmjones.org/slider/slider.html I'm brand new to jquery but none of the tutorials I've veiwed seem to be able to shed any light on this. The site it came from doesn't seem to have any solutions in the comments section. I'm used to working with a single css file but this slider has three!! Can anyone point me in the right direction?
In a Superfish Jam
I was referred to this site from another related to Superfish and really need some help. I'm helping a friend convert from their old Joomla 1.5 site to 2.5 and likewise from the previous version of the Superfish module. I've updated the stylesheet as best as I could but I'm really stuck on a couple things. First, I can't figure out how I got one menu to dropdown the submenus but another one wont. And I'm wondering how to get the home link off the homepage. For some reason when I change the name of
About link css online problem
sir, i want to ask. why my mobile web was not able to login, but after I disappeared right link this css., I can login. <link rel="stylesheet" href="http://code.jquery.com/mobile/1.1.0/jquery.mobile-1.1.0.min.css" /> <script src="http://code.jquery.com/jquery-1.7.1.min.js"></script> <script src="http://code.jquery.com/mobile/1.1.0/jquery.mobile-1.1.0.min.js"></script> if you have a link to another css or I can download?? please help me sir, i have homework... thanks before
Conflicts with jQuery 1.0b2.js
Hello, I have a site that I have used jQuery on for a few years now. Recently we started to update the site so that it works on mobile devices using jquery mobile 1.0b2. I found some similar things from other people who have had the same problem. According to FireBug the problem is in the getFilePath function below. Evedently if the object passed to the function is not a string it bombs. I tried to put an if in there for typeof == string but that caused other problems. Can anyone help me out
check ajax output if changed
Hi, I'm newbie to jquery. Please, could someone check my code and give me any idea how to improve? what i have: input which value is checked by ajax and result is printed on screen in new input. i make string url from item name. but the problem is, that new input should be changed again. how to double check, please? my codes: $("#naz").blur(function() { var form_data = { nazev: $("#naz").val(), is_ajax: 1 }; $.ajax({ type: "POST", url: './check-url.php' , data: form_data, dataType: 'html', success:
BUG ? White line flashing at bottom during page transition !
Hi, I am writting my first app with Jquery mobile ... it's really a nice framework but now i am stucked with a really weird problem : On nearly all page transition i got a 1px white line flashing at the bottom of the screen (exactly on the footer bottom border). It appears on every page transition but the ones that shares the same footer (same data-id). I googled a LOT and tries a LOT of things : page height : seems to not happen on long pages ... footer height : nothing having same footer height
date picker locale not working?!
Hi, First of all, sorry for my english! Does anyone get date picker locale work? I've tried in safari, chrome and FF with mac and didn't get what I was expecting to. Even in the jquery UI page doesn't works. http://jqueryui.com/datepicker/#localization thanks!
disable() VS lock() in jQuery.Callbacks
When I digged into jQuery.Callbacks in jQuery source code, I confused about the difference between disable() and lock() function. My question is 1.in which case use disable(), and in which case using lock(). 2.what the "stack" variable used for? The code is below: disable: function() { list = stack = memory = undefined; return this; }, lock: function() { stack = undefined; if ( !memory || memory === true ) {
cycle, dealing with different image sizes
I'm having a few issues with the cycle plugin. I have divs within each group of slides - there's a div for the image itself, then a navigation div that includes pagination and image captions. This all works, but when an image that's slightly smaller than the others (vertically) comes up, the div below the image bumps up to fill the gap. I want to avoid that. I was hoping that the cycle plugin allowed for some resizing or at least maintaining the image div at a constant size since cycle is providing
Problem getting jQuery to work
Hey guys I tried searching for this but to no avail. I have been learning jQuery on lynda and codecademy for a few weeks now and I wanted to start messing around with the code to see what I've learned. Here is the problem, I try and create a simple box with HTML/CSS but when I add in jQuery code, the page doesn't register any of it. Here is what I'm working with. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> <html> <head> <title>Untitled</title> <style type="text/css"> div { height:40px;
Selecting all elements of particular data-theme
Hi folks, I want to select select all the button id with particular data-theme inside a div tag... how to do this...
how can i fix it, Simple JavaScript Inheritance problem
see this first plz: http://ejohn.org/blog/simple-javascript-inheritance/ I am studying the "Simple JavaScript Inheritance" : look this sample below: var Person = Class.extend({ name:['a','b','c'] }); var Ninja = Person.extend({ dance: function(){ return this.name; } }); var c = new Ninja(); var d = new Ninja(); d.name[0]="z"; //result document.write(c.dance());// z,b,c document.write(d.dance());// z,b,c //what i want document.write(c.dance());// a,b,c document.write(d.dance());// z,b,c
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.
Inconsistent behavior of Dialog instantiation
Hi, I have moved this post for jQuery UI Dialog API redesign to here as that is what the observers of that topic suggested. So this is a repost of one of the comments #21 at http://forum.jquery.com/topic/dialog-api-redesign. Hi Team, Love your work and I'd love to know how to post some updates to the existing documentation. I am using a dev pattern of running all my jquery and jquery-ui stuff inside of a $(document).ready(function() { // code in here ;}); construct. And I found the only way I
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.
[jQueryUI] [Tooltip] One more demo - Growl
Here is a proposal for a one more demo for Tooltip: simple growl. With the new jQueryUI Tooltip widget there is no need in a separate growl plugin anymore. http://jsfiddle.net/yarshevich/GrFDQ Please let me know if it sounds reasonable. I can add it to the demo site.
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"
Next Page