scrollTop animation possible, scrollLeft not?
$("html, body").animate( { scrollTop: ((savedepth > 1) ? ($(node).offset().top) : 0), scrollLeft: 200 }, {duration: 45+45*depth, queue: false }, 0); The above works for animating vertically, but not horizontally. Even if animation is not possible how do I left-adjust the page? I am trying to create an effect where the clicked node in a tree display is positioned at the top left of the viewport (where the depth effects how right-adjusted it is); right now I can only get it to the top.
How to get html untouched by jquery?
I am using jtemplate to add new TR portion to a table, since the TR part is in a loop, I cannot add a new element and then process template on it, otherwise it will intro a new DIV which I don't want. So I set template on a temp DIV and after process template, I read out the result and insert it into the table. Now the problem is when I get the processed result, jQuery add tbody to it, for example, the template is like {#foreach $T.dlist as row} <tr><td>....</td></tr> {!/for} after I process template,
Overlay not displaying linked page
I am trying to get an overlay working on my site, currently just running locally. I've copied the source and style sheets from, http://www.jquerytools.org/demos/overlay/external.htm and changed the links in all three files (as far as i can see) so they all find the appropriate files. Everything seems to be working except that the pop-up window is empty, no content is displayed. if i remove rel="#overlay" from the href tag the link works as normal... any ideas? thanks :)
Add delay before custom functoin
Ok i have my custom function $.fn.RefreshNoti = function(){} but i want to delay it before it runs... how do i do that? $.delay(10000).$.fn.RefreshNot();
Random pages (multi-page)
I´m very newbie in jquery and mobile app. I trying to create a offline app for android. Part of this project I would like to use Jquery Mobile. My project have a menu with 05 buttons that when I click generates a random link to 10 pages (no multi-page) per button. Each page has 50 divs (multi-page jquery mbile) which are also shown randomly when the main page is loaded. Important: I need that all works in offline mode. Could anyone help me?
jQuery Cycle different speed on each slide transition
I'm trying to control dinamically the speed of the transition between slides using the before event and using the options object to update the speed, but I'm not having success. Look at this sample code to understand what I'd like to do: <div id="slideshow"> <img src="img0.jpg" /> <img src="img1.jpg" /> <img src="img2.jpg" /> <img src="img3.jpg" /> <img src="img4.jpg" /> <img src="img5.jpg" /> <img src="img6.jpg" /> </div> <a id='prev' href="#">Prev</a> <a
How to navigate to page outside the domain by code?
In a jquery mobile app I build a full http url in code to an external site (eg. wikipedia) and want to navigate there. I have tried : window.open(url); window.navigate(url); $.mobile.changePage(url); $.mobile.loadPage(url); But none of these work on my ipod touch in Safari (some work in a browser on the PC). I want the page just to go to the url, not load it into the jquery mobile page's DOM, exactly as if an external link was clicked on the page, either in the same window (so the
problem with my logic and pageY
I want the div to open near where it was clicked it contains a form, and the page could be 1400px high or 600px high. The trouble is with the code I have is the first click opens the div at the top of the containing div (not where it should) if that is closed and re-clicked it opens where I want it placed. Here's my code: $(function() { updateMtg = function() { $(".updateMtgY").click(function(e){ var yPos = (e.pageY-320)+'px'; $("#updateFormHolder").css({top:yPos}) }) $("#updateFormHolder").show();
easy question i think
hello, i am just starting with jquery the hide button is not working, what am i doing wrong? already thanks <!DOCTYPE html> <html><head> <title>jQuery</title> <style> </style> <script src="scripts/jquery.js"></script> </head> <body> <button id="hide">hide</button> <p> test test test</p>
How to identify which event handler are being executed on mouseover/out ?
I'm working on a public website with a joomla widget based on jquery 1.7.1 It's a slideshow, which a 'back' and a 'forward' button. Actually they fade out on "mouseout" and fade in on mouse over. I REALLY NEED to keep visibles, because my client are crying about it ( LOL :) ) Is there a way to indetify wich html element is handling this events and then using probably .off disable this event handlers !?
How can I delay ajax requests?
How can I delay ajax requests? delay() function doesnt work. Please help me.
Input box graying out issue for BB6 when using JQM 1.1.1
Hi, I have an application on JQM 1.0 which I have recently migrated to JQM 1.1.1 . However, I am getting an issue for BlackBerry 6 where the input box or any control with focus is getting grayed out. Is anyone else getting this issue? One fix I could come up with was to modify the jQueryMobile.js file to remove the events where the activeClass (.ui-focus) was being added to the controls. I was hoping someone could suggest a better way to do this? Thanks, Vineeth
How to call a function in my plugin from another JS file?
Hello, excuse me for not speaking very well, I'm Brazilian. I need to know if it is possible to call a function in my plugin into another JavaScript file. Thank you.
[jQuery] Onclick Not working
Am designing a website in that i have the latest news at the top and when users clicks it . am storing it in a recently viewed block , Am calling a javascript function for this process . In the latest am able to click all the titles and i can see the data getting loaded through jquery.min.js but unfortunately in recent am able to click only the first title the data gets loaded for the first onlt but for others it is not and when i click the title nothing is happening and this happens only in IE6/IE7
tooltip popout question
Hello, please look at my example at jsfiddle. I have a few questions. Only one cell displays tooltip correctly. Before mouse hover, I don't want to display a blank tooltip area. I want to hide it. Tooltip text displays in the center. It is correct, but I want to show it in the middle vertically as well.Thanks.
Need Help with jquery lightbox and my html site.
ive used a template and customised it how i want it. but i want it to have a lightbox plugin on it so when people click on the thumnails of my photos it pops up bigger. can someone please help me with this, i am new here. my site is here . Best regards Alex Michael
How to add caption to a slider
Hey Everyone! i have created a slider in which i am getting the images from database. It is a very basic slider only images are showing, i want to add caption and navigation arrows to it. This is my code, i have hard coded one image while the others comes from database, please tell me how to put caption and navigation arrows to it.. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml">
How to disable ajax in Opera Mobile?
Hello, I am linking in my jQuery mobile website using data-ajax="false" to avoid ajax behavior. It works fine in Android native browser, however, I have found out ajax is still used when using Opera Mobile. Here is link to my website: http://m.geocheckpointing.com/new/ . Any ideas why Opera Mobile uses the ajax and how to avoid this behavior? Thanks
scrollable tabbar
I want to create a tab bar in jquery mobile for my application's home page but most important thing is that it should scroll if the content goes beyond the width of page So please help if you give any suggestion regarding this. Thanks
issues in textbox while typing the textbox android Phonegap
Hai i have a text box and footer .while typing in the text box my footer moves up so i tried to hide the footer while typing by using onfocus and onblur.while typing the text footer is hide correctly and using onblur i show the footer. But to show the footer is very problem,when i click outside of the textbox then only the footer show..so it is problem Then i tried another method to hide and show ,By using keybord show and hide but that also not working correctly,,i dont know how to solve this problem?
At datebox plugin are there something like the beforeShowDay Event of jQuery UI DatePicker
Hi I would like to open a datebox, with some highlight days in different colors. Using jQuery-UI datepicker this is possible using the beforeShowDay event. Are there at Datebox something like this? Regards
How to animate scrollTop to an offset, when it is animating a font resize concurrently, changing the offset value
I've managed to create a zoom and scroll effect but it breaks if I have them run concurrently. When clicking on an element it is meant to zoom in scale with that element's depth (this works), and then scroll the page so that the top of the element is at the top of the viewport. This only works if I click on elements of equal depth to the current one, as the value of the offset is no longer valid after all the elements have been zoomed. Interrupting the process with an alert allows correct behaviour
jQuery with another library
hi, i am using multiple jquery scripts. one i could change easily: http://pastebin.com/D0RB351u . But when its used with another jquery script, the other one doesnt work anymore.. How can i fix that? I tried using "$.noConflict();" and replacing all $ with "jQuery", but it didnt work for me. (btw: i am an absolute jquery beginner, maybe i did something wrong) thanks a lot 4 your help!
Jumping 2 pages back...why?
I have 3 pages. From page 1 (starpage) i can tap and go to page 2. And from page 2 i can tap and go to page 3. If i use the Android back button (from page 3) i go back to page 2. And if i tap to go to page 3 and then use the Android Back button. I jump back to the startpage....why? index.html is "startpage" my code looks like this: $( '#page2' ).on( 'pagebeforeshow',function(event) { $("#settings2").on('tap',function() { $.mobile.changePage('page3.html'); return false;
may be BUG: data-icon not showing in HEADER Bar
Hello, I wrote a small sample code that shows a dropdown menu in the Header bar. It is working fine except its NOT showing the 'data-icon'. http://98.130.200.34/ayan/mobile/proto/app-menu.html Please have a look, the right-button. NOTE : I have used - data-icon="arrow-d" data-iconpos="notext" Regards
Image croping
Hi, I have upload photo option.once they choose image i will save it database ... size 7*7 .... but now i would like to crop image once user pick image ... How i can do this with Jquery? Please some one help me!
what technologies are used????
hi any body can help me out to find what technologies used to build the following website http://www.zennioptical.com/ thanks in advance............
Bind a click value to a dynamically generated list.
Hi, I am using a dynamic list with the code below to populate the <daytime> list. What I would like to know is how I can bind a click value to the dynamicaly generated list items? Thanks in advance, Lammie. $('#listDetail').attr("data-theme", "a").removeClass("ui-btn-up-b").addClass("ui-btn-up-a"); var size = this.text; var jdetail = $("#daytime"); jdetail.html("<li data-role='list-divider' data-theme='c'>Available Riders</li> "); for($n=1;$n<(team[lt].length);$n++){
how do we find all ul [data-role=listview] li a items?
I'm trying to find all the rel="external" links that are only stored under <ul data-role="listview">...</ul>. How do we go about writing that? This is what I have so far, but don't know how to implement the "listview" part into it.... if ($('ul li a').attr("rel","external").length) { $('ul li a').attr("rel","external").append('goes out to full site'); } Thanks! *Break through the ice and never look back*
Problem with managing the availability of items in select dropdown
Hi, I have a problem with the function of managing the availability of items in the dropdown (select) - Compute function. The problem is as follows: Code with jQuery code can be found here: http://jsfiddle.net/amarcinkowski/W7NHK/25/ I have a reservation form, where I use the datepicker, where I have two dates boxes: the start and the end, and two select form fields with a list of available cities. Depending on the selected dates the script calculate the number of days. If the number of days is
Jquery Mobile 1.1.1 + phonegap 2.0, Android 4.0.3 dynamic html page doesn't scroll
Hello, Jquery mobile 1.1.1 using with phonegap 2.0 on Android 4.0.3, adding dynamic html in data-role="content" div, page does not scroll. It scrolls to the static page height. I am using data-position="fixed" on header and footer. This issue i am facing only on Android ICS 4.0.x. On other versions its working perfectly fine. If i remove the data-position="fixed" than it scrolls properly. Any ideas?
Why are plugins not working at the same time?
I'm fairly new to this, and the answer might be death simple. I downloaded a pack for a "featured content slider" and it works perfectly. This is what it contained: http://www.emilhuovinen.com/js/coda-slider.1.1.1.pack.js http://www.emilhuovinen.com/js/ycodaslider-2.0.pack.js http://www.emilhuovinen.com/js/jquery-easing-compatibility.1.2.pack.js http://www.emilhuovinen.com/js/jquery-easing-1.3.pack.js (Do I need all of them?) And then the real problem: When I add http://www.emilhuovinen.com/js/experiment.js
Programmatically inserting/updating pages and style
I am programmatically inserting a new page, and calling .trigger("create"), then a call to $.mobile.changePage("#myId"). This is working fine. But when I replace an existing page with new content, and try to refresh it (call to .trigger("create") and changePage), I just get a blank page. The content is there, but hidden, and new style is not properly applied. Any idea why this is happening?
how do its made? different shape cutting on picture
Hi! I need help :( now I work currently working on a picture gallery but I would like to be added by users images and that must be pentagram :) and I can't What is the correct algorithm? please help me :(
Photoswipe vs. android
Hi guys Ive recently implemented the photoswipe gallery to a webapp, and it works perfectly on iPhones, but not on android phones.. When I slide from right to left, the next image in line, flickers when it is shown. This doesn't happen when I slide from right to left. On top of that, once i've slided, like, 15-25 times, the app crashes, and i'm sent to the phones desktop. Is there anyone out there, that have been in the same situation, and have maybe found a solution to the android incompatability?
Help: how can i add more than 1 slideshow on a same post or page?
I would like to have more than just 1 slideshow on the same page or post. Someone could help thanks! Below is my html code: <title>Simple jQuery Slideshow</title> <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.5/jquery.min.js" type="text/javascript"> </script> <script src="http://malsup.github.com/chili-1.7.pack.js" type="text/javascript"> </script> <script src="http://malsup.github.com/jquery.cycle.all.js" type="text/javascript"> </script> <script src="http://malsup.github.com/jquery.easing.1.3.js"
Another sticky note or post it note question
when a user create a post it note. I can drag and delete. But if I create another I can delete the new one but not the previous one. How do I keep the previous post it note draggable and so I can delete.
Difference changePage work: blink and not blink
Next problem: $('#categories').bind('swiperight', function() { $.mobile.changePage('#main', {transition: 'slide', reverse: true}); }); This code work perfect, and pages replaced correctly and beauty. But if I want to replace page by click button - I see artefacts: show parts of new page, blinking and after navigate to page. For example: <a href="#main" data-transition="slide" data-direction="reverse" class="ui-back">Main</a> When I`m trying fire `swiperight` event from code - see that problem
width of elements
This might be more of a html/css question but I'm not certain, so I'll make this my 1st point of call. I've added a click event handler to the elements of an unordered list. The problem is it responds to clicking anywhere in the horizontal space, including where the visible text ends. I'd like it to only answer to being clicked on the text itself. Update: Got the desired effect by making a new class just to insert a span in the contents of the list element and make it 'display: inline'.
AJAX doesn't get loaded
AJAX response doesn't get loaded on the page: janisrough.dyndns.biz/todo15.html This page was working. I can't find what I did. The AJAX data is returned in an array but but the rows don't get appended as unordered lists. The bug could be in the each function and it doesn't split out the values or it could be somewhere in the form? I don't get the alert('Load was performed') in firebug header. Thanks please help. I've been going over this for 2 days. (document).ready(function() { $.ajax({
Next Page