how to define background position for image?
i m using parallex jquery , ....can any one guide how can i define the background position for the foreground image its cutting in the middle of the page i want it should alwz stick to the bottom of the window size...........Checl My page :http://wonho.agora-me.com/ plz suggest jquery i using is https://github.com/IanLunn/jQuery-Parallax/blob/master/index.html script : $(document).ready(function(){ $('#intro').parallax("50%", 0.3); $('#second').parallax("50%", 0.9); $('.bg').parallax("100%",1.2);
Review copies available for Instant jQuery Masonry How-to
I have a few e-copies of Instant jQuery Masonry How-to (http://www.packtpub.com/jquery-masonry-how-to/book) available for review. If interested, just do the following: 1. Drop an email to me with the subject line as " Instant jQuery Masonry How-to - Review Request" on kavitap@packtpub.com 2. State in your email your choice of website for posting your book-review (can be your blog or website and/or Amazon.com)
Button is required to be pressed twice in order for image to change? Should only need to be pressed once.
I am working on a website that requires an image to change upon a button being pressed. The index page actually calls JavaScript upon loading. It seems that a lot of the work is actually done in JavaScript / jQuery as you will see from the code provided. I have come to a possible conclusion from going through this site (previous questions) that the problem resides in a div element. The buttons are hidden, and once the user hovers over the 'menu' which is at the top of the index page, a jQuery algorithm
How to pick and match data from 2 different json arrays
Hi all! I have prepared a page where I have a list with all my users. http://pitto.homeip.net/mobile On the right side of the page (in the span where now you found the nick written in a small baloon) I'd like to put a counter where I have all the months' the user has paid the rent. I use two different php files to get the data I need and format it to JSON. The problem is that, being a beginner, I can't think of how "mix" the two data. I'd need to have in the same row data about the user (name, nick
jQuery errors and rewrite
(function($){$.fn.extend({leanModal:function(options){var defaults={top:100,overlay:0.5,closeButton:null};var overlay=$("");$("body").append(overlay);options=$.extend(defaults,options);return this.each(function(){var o=options;$(this).click(function(e){var modal_id=$(this).attr("href");$("#lean_overlay").click(function(){close_modal(modal_id)});$(o.closeButton).click(function(){close_modal(modal_id)});var modal_height=$(modal_id).outerHeight();var modal_width=$(modal_id).outerWidth(); $("#lean_overlay").css({"display":"block",opacity:0});$("#lean_overlay").fadeTo(200,o.overlay);$(modal_id).css({"display":"block","position":"fixed","opacity":0,"z-index":11000,"left":50+"%","margin-left":-(modal_width/2)+"px","top":o.top+"px"});$(modal_id).fadeTo(200,1);e.preventDefault()})});function
jquery mobile breaks % height
Hello. When I open the page below in a browser (eg Firefox 21 on a desktop pc) it looks as Id expect. Scrollbars get shown on the left (blue) and right (green) portions of the page to allow scrolling of content which is too big. If I include jquerymobile (by uncommenting the script in the head) then it breaks..scrollbars are no longer shown..the content is shown in its full size and not restricted to the specified 20% and 10%. If I use fixed pixel heights as opposed to % then it works. eg replace
TABLESORTER - how to freeze table header
I am using tablesorter plugin. Is there any way to freeze the table header using tablesorter? My code : ("#rates").tablesorter( { widgets:['zebra'], widgetZebra : {css:["even","odd"]}, headers: { 0:{ sorter:false }, 4: { sorter: false } }, headerClass:'header', sortClassAsc:
ShowAll button not working properly i case of Mutliple autocomplete on the same JSP
I have four searchable combo-box on the same JSP. But if i click on any of the showall buttons of four combo-boxes it points to the last combo-box's showall button. Please help..
fail to set session storage in dynamic list view by using json & ajax
Hi all, I am trying to show a listview using json data. i want to set url for each row using sessionStorage() but i was failed to set my code is <!DOCTYPE html> <html> <head> <title>categories</title> <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1.0"> <link rel="stylesheet" href="http://code.jquery.com/mobile/1.3.1/jquery.mobile-1.3.1.min.css" /> <!--<link rel="stylesheet" href="main.css" />--> <script src="http://code.jquery.com/jquery-1.6.4.min.js"></script>
Autosuggest Placeholder text
AutoSuggest Placeholder text is not supporting in mobile chrome browser when we start typing in box then placeholder message remains as it is. Can any body help me to find out solution of this issue.
Scrolling problem in Safari on a Mac
I have a unusual problem. I have developed a website http://www.maimoon.net/clients/shusain using #jQuery animation. When you land on the link & pass through the homepage you'll see a gallery & a man seated on the bottom left side. When you click and drag the man the gallery strip above moves. BUT! if you see the video http://youtu.be/E0y7kva2IXk you'll see that this animation reacts weirdly (The above gallery only moves when the man is pushed to the extreme right) in Safari on a Mac. Otherwise on
Animation queue and the Slide UI effect
I'm fairly new to jQuery and web site design in general, so I was wondering if I could get some assistance with an issue. I have 3 separate slide effects going off in one function, but the animations are all going off at the same time. I thought that there is an animation queue in jQuery to prevent this type of behavior. I've tried to create a queue and manually force the steps to go one by one, but they just aren't behaving. Is there any extra steps I need to take to get these effects to queue properly?
Datepicker & Dialog
Hello I have failed to show jquery UI datepicker on the jquery UI dialog. on main window Datepicker works fine, but on dialog windows it is pretty dead. Can someone provide working sample for this issue? Thanks!
jQuery Mobile + PhoneGap + Google Adsense
i think it is time to ask the questions: Is jQuery Mobile's AJAX Navigation System architecturally incompatible with the javascript used by Google Adsense? Is it legally possible to monetize a mobile app with jQuery Mobile and Google Adsense? i would love it if somebody proved these questions false. i would love it if the jquery dev community or google acknowledged if there even is a problem. stack overflow and the jquery forums are littered with questions that seek an answer - as far as
jquery loop callback problem
I want to fade out all the input fields in the form and then replace them with a label. I am using a callback function so that the label fades in only after the form inputs fade out. If I use the code below the all the inputs fade out but only last label fades in therefore only the 'email' callback works. If I write them all out longhand without a loop the it works perfectly. an example input name id = #familyname an example replacement label = #familynameC Can anybody explain why the loop doesn't
active script
can i in some way active this script : function page(n) {
// Wrap the window in a jQuery object
var w = $(window);
// Get the size of a page
var pagesize = w.height();
// Get the current scrollbar position
var current = w.scrollTop();
// Set new scrollbar position n pages down
w.scrollTop(current + n*pagesize);
}
this script is from a book he didn't work in Jsbin.
Equal Heights JQuery Plugin
I'm a bit new to JQuery and am currently trying to get the equalHeights plugin found here: http://www.cssnewbie.com/equalheights-jquery-plugin/ To fire when the window is re-sized. The code below calls the function, but won't recall it when the window is resized. Am I missing something? (function ($) { $(document).ready(function () { var cols = $(".cols"); cols.resize(function () { cols.equalHeights(); }); cols.trigger('resize'); }); })(jQuery);
Jquery week calendar only loads header
I create a jquery week calendar in a div tag after showing it, i.e. div.show() then #calender.weekCalender();, etc. Problem is that when I first show the div I only see the calendar header. If I hide() and go back to show(), I see the calendar load. Why might this be happening? Thanks for any helpful tips!
[jQuery] Popup information box, like a tool tip.
Hi I'm stating to get into jQuery and need to create a popup box like the one on this site when moving over the "with voucher" link. http://www.dealpond.com/browse/id=462177/Samsung-LE40M87BDX It is like some of the other tooltip plugin I have seem but it needs to stay open when moving over the content, and close when moving off the link or box. What is the best way to create this effect? Cheers Graham
JQuery UI not working in chrome
I have executed the sample code from our site, it will work in Firefox, but not in chrome(see the attached image). Code: <!doctype html> <html lang="en"> <head> <meta charset="utf-8" /> <title>jQuery UI Slider - Range slider</title> <link rel="stylesheet" href="http://code.jquery.com/ui/1.10.3/themes/smoothness/jquery-ui.css" /> <script src="http://code.jquery.com/jquery-1.9.1.js"></script> <script src="http://code.jquery.com/ui/1.10.3/jquery-ui.js"></script> <style> body { font-family: "Trebuchet
$(s).position({ my: “center+0 top”}) is being positioned with offset
I am using this plugin http://api.jqueryui.com/position/ to position element. If I do $(s).position({ my: "center top", at: "center top", of: '#main_container', }); $(s) is being positioned by the center but if I do $(s).position({ my: "center+0 top", at: "center top", of: '#main_container', }); it moves a bit right from the center.
Navigation Issue in Jquery Mobile
Hi, I am getting white screen while transition from one html to other.Please help me to solve this issue. I am using JqueryMobile 1.3.1 version
blockUI and AjaxproMethod()
I am trying to use blockUI plugin in my aspx page. In normal conditions, im blocking the UI on beginRequest handler and unblocking the same on endRequest handler. But the same is not working when a AjaxPro.AjaxMethod() is called from client side. Im pretty new to jquery n ajax world, can anyone help me to get this resolved?
Table showing two header columns
I'm trying to utilize the reflow mode in JQueryMobile 1.3.0 but it never displays full-table even when there's enough space, and it always duplicates the header column. Any help on this? Here's my current code for this table: <table data-role="table" data-mode="reflow" style=" text-align:center"id="Meindl-Lovejoy-1985-Table-7" border="1" cellspacing="0" cellpadding="4"> <thead> <tr> <th> Composite score </th> <th> n= </th> <th> Mean </th> <th> S.D. </th> <th> Inter-decile range </th> <th> Range
how to add new jqueryMobile from themeroller???
I've made a new theme for my phonegap+jQueryMobile app with themeroller for my jquerMobile version 1.2.1 I've downloaded the zip , and I've followed the instructions that are: Add theme folder to your project and then include this before jquery files <link rel="stylesheet" href="themes/mytheme.min.css" /> But It doesn't work at all... How can I get it???? Thanks!
data-ajax="false" not working
Hi, I have a mvc 4 razor page, which when submitted checks for model validity. If the model is not valid, i return the same view and show the errors in a ValidationSummary control. when ever the page has errors and the submit button is clicked, the page is submitted in ajax fashion and displays error messages....BUT IT HANGS SHOWING A BUSY CURSOR. i tried placing data-ajax="false" in the form tag and the page div...i know i could avoid this issue if the page is not submitted in ajax. Any idea how
Error in passing jsonValue(include escape characters) to parseJSON
My Json ouput is : [{"Name":"Test'","Phone":"9000000010"},{"Name":"Test'","Phone":"9000000010"}] Name contains Name+' I am passing this result to parseJSON, it throws unexpected string error.If any one help to get this answer.Its urgent. My code : var result = $.parseJSON('{!result}');
Newbie problem with text toggle
Hi - here's all my code. When it runs, the link flashes and then the whole page becomes blank! What am I not seeing? THIS IS EXAMPLE CODE DIRECTLY FROM A BOOK! -Thanks Tom <!DOCTYPE html> <html> <head> <title>Show/Hide Text</title> <script src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.js"></script> <script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1/jquery-ui.js"></script> <script> $(document).ready(function() { //$("#bodyText").hide(); $("#textToggle").toggle( function()
Newbie Question - how to change background in panel (new 1.3.1) etc
Hi! How can I change a list button in one of the new panels - I want to change the background color and reduce the font. But only in a list in the new 'panels' (and not in a list in normal 'body') Newbie here so very specific help appreciated. Thanks Mik
Odd floating columns. Now you see it - now you don't
I'm trying to use jquery to add some floating behaviour to some columns dependent on the window width. http://www.dknytkom.dk/dknyt-portal16.php (Please, no comments regarding css media queries) When I shrink the page I want one single column in which the left-column-right goes on top of left-column-left. The mark-up is done this way as the main content is within left-column-right which should either be centered on page or on top of the other columns. So far I made the right column go underneath
Conflicting jquery
Hi, Let me start by saying that I am a jquery n00b. :( I have this issue on my website and so far no solution. I have a Joomla website, a Yootheme template and a Fatica Locator component. I bought both, but there seems to be a jquery conflict (thats what both support teams said), but I don't have a clue... So I went looking for a jquery forum, with people with more knowledge about this then myself. This is the page I am talking about: http://www.ellenvandrunen.com/santos/dealers The first time it
IE6 and jQuery
What is the most stable jQuery version for IE6?
The first way to do this, to use jquerymobile.
Hi, I am new to jquery and I ask you please help me to use this jquery, I have a site that I want to design with jquery. What should I do first? and for me just starting out, what just by downloading the zipped folder continued my jquery installed on the site say, what it is to be working for my site? and needs to know. and I want to display an image on my site. help me
Paid job (Jquery Mobile) resolving rendering issues.
I've got a jquery mobile app which has just been built, however there are a few rendering issues on certain browsers which my developer cannot resolve. I'm not sure if this is the right place to be advertising this but I'm looking for someone who understands the quirks of this framework. I've tried odesk with no luck. So if there is anyone out there who is a gun with this kind of thing, contact me and we can chat dan@accelerate-services.com
How could I show part of pic in div?
My photo 's so big.How could I show some middle part of it In div?
Is it possible to add to calendar?
Hi all, Do you know if it is possible to prompt a user to be able to add a date/event to their calendar from a mobile site? It's possible from an app of course, but I was wondering if there is a way from a jQuery Mobile site? What I'd really like to do would be to have a button called "Add to calendar" to allow a user to be able to add a booking that they have just made to their mobile device calendar. Cheers, Kaine
JQM Theme after AJAX call from database
Hello, i got a page where i can enter a city. This city is passed the the next html file, and a ajax request getting results via a php skript from my server. This works well, but only without jqm theme. If i refresh the second result page in my browser, the theme applies. Can you help me to fix that? The Theme needs to be applied without browser refreshing. Here is my code: THE RESULT HTML FILE: <body> <div data-role="page" id="event"> <script> $(document).delegate('#event', 'pageshow', function
jparallax jquery plugin
Hi everyone! Did anybody use jparallax? https://github.com/stephband/jparallax They have archive to download but when I did download it and tried to test it on my computer, the parallax effect didn't work. The images didn't move at all. I mean, I used the same code they gave and nothing. Don't understand
A problem with using .remove()
Hi I've written a bit of code that opens a stack of images using append() - each image should have a click function assigned to it using .remove() so that it will close when it's clicked - however, only the image on top of the stack closes when it's clicked ! here's the page - the code is commented http://jojojojojo.com/index.php has anyone got an idea why this isn't working ? thanks the code : <script type="text/javascript"> /////////////////// THE PROJECTS //////////////////////////////////////
How to know the index of Listview without clicking
Hello everyone $("#RecipeList").on('click', 'li', function(){ alert($(this).index()) }); this code is gettng the index of lsitview who has clicked. I want to ask if theres a way to know the index of listview without clicking it. Thanks
Next Page