parallax scrolling tutorial
i am new to jquery. i need best parallax scrolling video tutorial. anyone can help me. thank you
jQuery on Desktop Applications
Would it be possible to use jQuery on a desktop app and configure that JS which uses jQuery with a Windows Scheduled Task? Precisely what I am trying to achieve is to have a simple AJAX call to a particular page on my website at scheduled intervals.
Checkbox not an input?
Here is a function: $(document).ready(function () { $("input.commentBox").click(function () { if ($(this).closest('div.editor-field2').children('input:checked').val() == "True") { $(this).closest('div.formQuestion').children('div.hidden').slideDown(800); } else { $(this).closest('div.formQuestion').children('div.hidden').slideUp("fast"); } }); }); It works great if the input item is a radio button,
Issues with photoswipe and Ajax
The following is code of my page. The Colorbox Functionality works if i test the page individually but breaks down on the device.Basically its an multi tabbed page and the present tab holds the image. Can anybody please let me know why? <!DOCTYPE html> <html > <head> <title> Temp1 </title> <link rel="stylesheet" href="http://code.jquery.com/mobile/1.2.0-rc.2/jquery.mobile-1.2.0-rc.2.min.css" /> <script src="http://code.jquery.com/jquery-1.8.1.min.js"></script>
The script I'm using to redirect my homepage isn't working the way I need it to
I'm using the jquery script below to redirect my tumblr homepage to my latest post. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js" type="text/javascript"></script> <script> $(document).ready(function() { $.getJSON('http://mydomain.tumblr.com/api/read/json?callback=?', function(result) { window.location.href = result.posts[0].url; }); }); </script> I'm having two problems with it. First, it doesn't redirect instantly, it loads my homepage and then changes
jQuery Cycle - repeated numbers/bullets
Hello, I've run across an funny issue when using the Featured Posts widget for the Suffusion theme in Wordpress. The theme's author can't quite figure it out, either. This widget uses the jquery cycle plugin and the website with the issue is http://watsoncatholic.ca What happens is that the bullets (or numbers) at the bottom of the slider are doubled. The index (idx) goes from 0-4, and then this is repeated again. The code that calls the .cycle function is: $j('#<?php echo $widget_id;
How to change the built in "back" button in a jqm listview for a custom one?
Hi, Is there anyway to change the built-in "Back" button at the jqm listview for a custom one? Thanks in advance for your kind replies!
Select all/unselect all checkbox
Hi, I'm using this code (http://jsfiddle.net/TzPW9/1/) which remembers which check box was checked on the page. I would like to add a select all/unselect all check box but I'm not quite sure how to do this. any help appreciated. When I add this (see below) to the page it works but seems to interfere with the jQuery function from http://jsfiddle.net/TzPW9/1/ so the checkboxes aren't stored. jQuery(document).ready(function(){ jQuery("#all").click(function(){ if(this.checked == true){ jQuery('.check').attr('checked','checked');
var abc & var $abc
What is the difference between var abc & var $abc ?? Thanks Foysal
Superfish does not work as expected..
Our former web developer used Superfish Plugin and jquery.hoeverIntent.js for the hover effect of our website menu. He also set up the default configuraitons for the Superfish below. However, the menu immediately responds to the mourse hover event even when the mouse is in the menu area very briefly. I want the hover effect only when the mouse stays on the menu area for a while... Where should I look at the cause of the problem? Could anybody point to me a direction? Thank you! ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
How would i go about readying these functions for use in a page?
I'm a bit of a noob, so my code is quite experimental at the moment and all over the place. I found some code that looked better organised - my flavour of it is shown below, but I'm unsure how to trigger it in the page/document.ready function. Anyone help? vouchers = { init: function () { vouchers.attachHandlers(); }, attachHandlers: function () { $('body').on('click', '.click-reveal', revealCode); function revealCode (e) { pd(e);
superfish menu open submenu
I am using the superfish menu, which works like a charm. There is just one option i can't seem to get working. I would like to open up a certain submenu externally (eg via calling menu.open(3) for opening up submenu 3) Is this possible or how should i get this working? TIA
dynamic link with button format
I'm using jquery to add links in a mobile page after the page load. The links are added but they are not shown how button format. Someone know what is the my mistake? The code is bellow: <div data-role="content" id="content"> <a href="index.jsp data-role="button" data-icon="arrow-l" >Back</a> </div> <script> $(document).ready(function(){ $.getJSON(url+"/cxf/mesaService/categ", function(data) {
Charset Problem
I have a page with a DIV which load other pages. The pages that I load inside the DIV have external JS files. I'm having problems with these files charset to display alert.
Problem with data element
I'm trying to get a small piece of functionality to work, but struggling so far. Here's the code. function goToOutPage() { $('.click-reveal') .attr('href', $(this).data('url')) .attr('target', '_target'); } The target attr is applied, but the data-url is not. If I change $(this).data('url') for 'test' then this works. The data tag exists, confirmed here. <a class="click-reveal" href="/offers/2/Save%20%C2%A310%20off%20all%20return%20flights" data-url="/out/offer/2" target="_target">Go
Mulitiple pages visible in app at same time
Hi there all. I've experienced an odd issue a couple of times with my jQM 1.1.0, jQuery 1.7.2, Phonegap 2.1.0 app. When using the app on a train going through a 3G black spot, I tried to call a web service. As the page was not returning results, I tapped the screen several times. What happened was that all my taps were remembered and consequently they were fired after several seconds. Then I found that several of my "pages" were visible at the same time - sort of like semi-transparent, sitting on
Retrieve value from object Object ?
Hi, I would like to know whether it is possible to get the exact value of string from object Object using jquery. I have been able to retrieve the key values of object Object using the following code. function GetKeys(obj){ var keys = []; for(var key in obj){ keys.push(key); } return keys; } Any help is appreciated, Thanks.
Jquery $ajax not working in Non flash browser
Hi all, I have 2 pages the first page have script tag with fusion charts latest javascript supported code.. that page called my a main page..using jquery ajax. The response will come.. If browser have Flash support then its working fine.... But If the browser is non-flash supported browser mean its not working.... its give some script error.. and blank page.. source ---------- $.ajax({ method: "get", url: url_str, dataType: "html", success: function( strHTML ) { $( "#Tab"
Losing event listening on mobile
code: http://jsfiddle.net/chan15/G5Ycm/22/ full screen: http://jsfiddle.net/chan15/G5Ycm/22/embedded/result/ jQuery Mobile slider is easy to lost to listen event, especially on slow device, I used iPhone 4 with Safari to do the test, if I slide too quick, vmouseup will not be catched, so the interval turns to infinitely till I click any element on the page, have no idea how to solve the problem.
Jquery Cycle Plugin Issue
Getting this error SCRIPT438: Object doesn't support property or method 'innerHeight' jquery.cycle.all.js, line 364 character 2 For a simple fade cycle. $(document).ready(function() { $('#image1').cycle({fx: 'fade' }); }); <div id='image1' style='height: 232px; width: 232px; margin: auto'><img style='float:left;width:108px;height:219px;' src='User/files/home_banner/0.jpg' /><img style='float:left;width:108px;height:219px;' src='User/files/home_banner/1.jpg' /><img
How to detect use was tap on screen or not?
http://chan15.info/question/mobile/tap.html I wrote a script that if user drag the slider and not release, it will catch the slider's value and do something, if release the handle, the timer will be clear, and function stop, but in some iPhone's safari, sometimes mouseup event will failed, I think because of the machine's efficient is not quite good so the browser too lag for it, so I want to add check function when the interval is running, is there any API can detect the user still tap on the screen
Clear all Ajax history?
My jQM app, when run on iOS, uses an onResume function to return to the main page and check the network state. This is all good. However, I would like to also do a proper refresh, clearing all Ajax history (so that all forms are cleared). Is this possible? I haven't been able to find a clear solution. Thanks Jon
zoom out problem
I am facing zoom in problem mobile native apps. When I hit on input section my page is zoom in but when i fill out the form or cancel button the page still zoom in. I want it to normal screen please guide me. I am usking code: <!DOCTYPE HTML> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <meta name="viewport" content="target-densitydpi=device-dpi, width=device-width, initial-scale=0" /> <title>Emodoki</title> <link rel="stylesheet" media="screen and (-webkit-device-pixel-ratio:
two functions with same trigger
Hi Guys! I've got a small problem with my webform. One function is validating my form and the other sends it via ajax to a php file where all the mysql stuff is executed. Both functions use submit as a trigger and the submit function should only be called if the validation is successfull. I read stuff about callbacks and preventDefault but I don't get it runnin'. $(document).ready(function(){ $("#inputInfos").submit(function(){ // formvalidation }); }); $(document).ready(function(){
help:JQM1.2.0 use jqm-DateBox image change line,JQM1.1.1 is normal. Why
help:JQM1.2.0 use jqm-DateBox image change line,JQM1.1.1 is normal. Why
dfp ads in jquerymobile site?
Has anyone gotten interstitial or click to expand ads working within a jquerymobile site? They are supposed to be full page ads, but they appear embedded with the page. I have tried placing them above and below all the other html within the body but it makes no difference. Thanks in advance :) Dardoz
when i click on the div, how it expand in upward direction?
i want when i click on the div, it size wxpand in upward direction . please reply as soon as possible. this is my 1st post in your forum. i hope it will be helpful thanks
How to use .typewrite effect on an onclick event that is already assigned to changing div content.
I have an effect called typewrite that i am applying to any text in div #bubble so i just wrote it like this: $('#bubble').typewrite({'delay': 35}); It works just fine. Now i also have a link with an onclick event to change the content of #bubble as follows: <a href="#" onclick="$('#bubble').html('New content');return false;">Change</a> The problem is the link does not do the typewrite effect when it shows the new content. It shows the new text, but without the effect. How do i apply the effect to
Need Help For Galleria slider and LAVA lamp menu conflicting
Hi I need help basically i don't have much knowledge on j query programming i am using a lava lamp menu and with galleria twelve theme one of them will not work even i switch all script tags vice verse of lava lamp over galleria theme than also it is not working can somebody will help to work both of them here is the head code <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>index</title> <!-- lvalamp --> <script type="text/javascript"src="lavalamp/js/jquery-1.2.3.min.js"></script>
I'm so close! Using jQuery with PHP to generate tables from a dropdown menu!
Hey all, Thanks for stopping in. I have a relatively easily answerable question I think. Here's my test page. I have a large PHP file and am trying to make a drop down menu work to generate table contents by using jQuery to eliminate the "Submit" button. The table is in an iframe. It works the first time but then it gets stuck after that. I've tried unbinding the trigger to no avail and I'm totally stumped at this point. How can I make this work? http://projectrepresentme.com/testpage/ Thanks
Popup function is not work in 1.2.0
http://jquerymobile.com/demos/1.2.0/docs/pages/popup/index.htmlhttp://jsfiddle.net/9mNDF/1/ I do it as sample page do, but not work at all, anything wrong?
page transition problem
Hi all, I have a problem in my first page transition, i fill a input in a page, for example, with a "abc" value, when i do that, a ajax request is made with this value, and in the server side the value arrive with "abc" value, it's fine! but when i access another page, and return to the page wich i fill de value "abc", the input is clear (in mobileinit event i set the $.mobile.page.prototype.options.domCache = true;), and if i fill the input with value "123" now in the server side the value arrives
using animate with transform
I am trying to get the animate jquery function to work with a transform i started with this code which does work - it animates the border radius from 0-20 in 5 secs ------------------------------------------- <style> #jig{ position:absolute; top:100px; left:100px; height:100px; width:100px; background-color:red; -webkit-transform: rotate(0deg); -webkit-transform-origin: top right; -webkit-border-radius:0px; } </style> <script> $(document).ready(go) function go(){ $("#jig").animate( {"-webkit-border-radius"
Replace part of class name
I'm trying to change part of class names. I'm trying to change the text in red so it has the same number as the div's class (ie all should be 3_page0). Here's the html: <div class="lslide_wrap_stacks_in_3_page0"> <a href=... class="lslide_stacks_in_3_page0 ls-w1_stacks_in_4_page0"...> <span class="ls-wrapper_stacks_in_4_page0"...> ... more similar spans </a> </div> Here's my script: $('div[class^="lslide_wrap"]').each(function(i) { var clcheck = $(this).attr('class').substr($(this).attr('class').indexOf("in_")
Dynamically injecting page content with Ajax+JSON
jQuery Mobile seems to assume that content is either stored locally in existing HTML, or rendered server-side as HTML, delivered via Ajax. Instead, I'd like to render client-side using a templating engine (Mustache/Handlebars) and JSON data. I have a solution cobbled together below, but it lacks some of jQM's benefits, such elegant handling of slow or failed Ajax calls, and automatic purging of old DOM elements to reduce memory usage. It generally feels a little hacky. Is there a better way to do
change size and display text in a div by hover
hi all i am trying to changethe size of a div tag when u hover over it and while the size expands there should apear a text in the div it may be better if u see for ur self what i mean i try to get as close to that one: http://www.cookies.ch/ (drag the little heart first) and only that the text and the div tags get bigger and i got that: http://jsfiddle.net/yCY9y/171/ the problems are : 1. this is only running on chrome not the ohter browsers 2. my div tag "expands" to each side equaly although
UltraWebToolbar not working when adding jquery datepicker more than 16 place in a same webform
I have a situation with ultrwebtoolbar's customrules. In my web form, I have to add 16 jquery enabled Calender or datepicker controls. Some of the buttons defined in ultrawebtoolbar's are suppose to be hidden and defined as btn.DefaultStyle.CustomRules = "DISPLAY: none". It does work perfectly as long as the # of datepicker controls are 15. As soon as I add next picker making it 16th datepicker control, then customrules seems not working displaying all the button defined. So example would be, it
Using Struts 1 nested:text tag and having problems....
I recieved Object doesn't support this method....Text below in bold red is where it seems to have an issue //From my jsp... <link rel="stylesheet" type="text/css" media="screen" href="<%= request.getContextPath() %>/LL_S/scripts/datePicker.css"> <script src="<%= request.getContextPath() %>/LL_S/scripts/jquery-1.3.2.js" type="text/javascript" ></script> <script src="<%= request.getContextPath() %>/LL_S/scripts/jquery.datePicker.js" type="text/javascript" ></script> <script type="text/javascript"
I am using a left side bar for my menu and It needs to scroll.
I have an ipod Touch and an iPhone. I am using a left side bar for my menu. this works fine in the vertical position. But as I observer, I see that the ipod touch (sidebar menu) moves up & down with the content on the right if the page is long. For the iPhone the (sidebar menu) does not move at all it is stationary (while the right content page scrolls). This is fine for both device in the vertical position. But when I turn the device in the horizontal position the (sidebar menu) is not completely
Help calling a function defined in loaded page
Hi, I am hoping someone can help me with this as I do not have many alternatives. First, let me explain why I am trying to do what I am doing. I need to convert PDF documents to HTML 5 so they can be displayed on mobile and desktop browsers. I found a program to convert pdf files to HTML 5, but it uses canvas and has scripts embedded on the page to get everything to show up properly. I need to load this created PDF to HTML 5 page into another page using the jQuery.load('PdfPage.html') so I can
Next Page