Multi Page navigation url going back to #page1
I am working with a multi page layout, and am using swipe to navigate back and forth. Currently my page has 3 "pages", defined with 3 <div> sections with data-role="page" and each is named with id="page1", id="page2", id="page3" Within each "page", I have a primary block of content included in a <div> tag with the appropriate ID set to "body1", "body2" and "body3". I have swipe events set on these to navigate from page to page as follows: <script type="text/javascript"> $("#body1").swipeleft(function
vertical navigation, submenu should overlap div container
I have this sidepanel vertical navigation wherein sub-menus are displayed when hovered on a menu. My problem is that the sub-menus and children of the sub-menus are not being showing due to the div container. Since the div container [side-panel-links] has a width of 240px, it is cutting it off. If you extend the width of the div container, then you'll see the sub-menus being displayed. How could I possibly let the sub-menus overlap the div container to show these submenus? Here's the demo : http://jsfiddle.net/xkBZE/5/
Changing background image of an element
I know I can do it with addClass, but I wonder if it's possible to make it with a fade-in effect. Thanks in advance.
LARGE GRID LAYOUT
How to create a multi-line grid layout with more than 5 colums? I have an app designed specifically with tablets in mind, so I'd need a grid with 10 columns or so. how to do it?? What should I customize or copy-and-enhance?
Forms advice for JQM beginner please?
REPOSTING in the right forum:Hi, I have built a simple form with a few data fields but I now want to: intercept the Submit button to run some JavaScript to write the values to LocalStorage variables instead of posting to a server. Clear the fields and ready the form for another data entry. Can you advise the right techniques for doing this with JQueryMobile? Thanks
Need help on picklist
Hi I am fairly new to jQuery and have been trying out some stuff and now I am stuck with an issue. I am using jQuery in Salesforce standard page which I cannot edit, but I can run jQuery on that page. The requirement is to convert a field which is of type input text to picklist. I am able to change the input text to picklist, but when I submit the page the selected value in the picklist is not getting stored in the input text field. This is what I have now: <script src="/resource/jQueryLatest" type="text/javascript"></script>
Comapre and validate
Is there any better way to compare and highlight the textbox. currently i have three textboxes and anyone entering the text in the box should validate if the data is present on the other two textboxes and validate it.. as of now i have written in the following way for all the three textboxes..hope there should be a very simple way and would like to explore the same. $('#TCAchievements1_txtClearCodeFirst').focusout(function () { if ($('#TCAchievements1_txtClearCodeFirst').val() == $('#TCAchievements1_txtClearCodeSecond').val()
How to validate a file in a javascript
Hello! I am trying to show the errors that can occur by uploading a file (file extension, size). I am using an adapted version of Jquery Fiel Upload for Ruby on Rails I need to validate a file (ending of a file, size of the file) before uploading and as nobody has an idea how to do it with JSON I want to ask if somebody knows how to do it in a following javascript: <script type="text/javascript" charset="utf-8"> $(function () { // Initialize the jQuery File
.focus() &.blur() issue
Hi, i want to display a div upon focusing on a drop-down and blur upon leaving the drop-down... my code works but focus/blur doesn't get executed perfectly. http://jsfiddle.net/timur/kRCKu/ Is there a better way to do it? I noticed that when executing this inline code, my results are much more consistent: onfocus="document.getElementById('hide').style.display='block';" onblur="document.getElementById('hide').style.display='none';"
Problem with offline (AppCache) and JQM images
I am building a JQM webapp on iOS6 and using the appcache to get it to work offline. It seems to work OK until I add the images/*.png files and ajax-load.gif - then the offline caching seems to fail. I am catching data from a form. I have added data-ajax=”false” to the form to try to simplify the way it works. Any thoughts? This is what is in the appcache file... CACHE MANIFEST # 2012-10-28:v3 mainpage.html jquery.mobile-1.2.0.min.css jquery-1.8.2.min.js jquery.mobile-1.2.0.min.js images/ajax-load.gif
draggable pictures revert back to bottom of pile
hi every I'm new to jquery, so I do apologise if I don't see the obvious in what I am trying to achieve. I have added 6 images and arranged them one on top of the other. What i would like to happen is when a user drags the top image away, it reverts back to the stack but at the bottom of the pile. this is what I have to far: <div id=”pinboard”> <ul> <li><img src="images/chalet.jpg" /></li> <li><img src="images/girl.jpg" /></li> <li><img src="images/iceland.jpg" /></li> <li><img src="images/ice.jpg"
having trouble with fancymoves slider plugin
I've been messing with this plugin for a couple days now and can't figure out how to customize it. http://webdesignandsuch.com/fancymoves-jquery-product-slider-2/ I just started learning javascript and jQuery about a week ago and was able to follow along with the tutorials for installing the apps they used.. but I can't get this one to work right. The left arrow isn't present... then I want to size it down to 480px width... but can't figure it out.. I went through all 3 CSS files sourced into it
datepicker positioning
Why doesn't the jQuery UI datepicker use the build-in position utility? I searched the docs and couldn't find any instructions on how to change the position of the popup. There are lots of blog posts and answers on StackOverflow out there showing how to reposition it using the beforeShow callback, but really including the position utility would make it so much easier.
jquery
hi friend, I am working to develop a website as my project , i am not able to complete it because i want to add one functionality to the header text that when any one roll mouse over that text with out clicking over their a drop down window slides and when user remove the mouse from that text the slided window just disappears. kindly help me this regards and you can email me the answer at abhinav.octane@gmail.com i will be very thankful to you. below is the screen shot of functionality which i want.
Newbie (seeks Black-Hat) re issues with jqgrid row editing (datepicker) and examples towards my overall design model
Hi all... Firstly, I'm experiencing the below when implementing the simple example (per: http://www.trirand.com/blog/jqgrid/jqgrid.html) TypeError: $.ui is undefined @ http://localhost:3000/javascripts/jquery-ui/ui/jquery.ui.datepicker.js:1608 This occurs when I click focus to the date column to edit. All js,css loaded 200/OK, e.g. GET http://localhost:3000/javascripts/jquery-min.js [HTTP/1.0 200 OK 3ms] GET http://localhost:3000/javascripts/jqGrid/js/jquery.jqGrid.min.js [HTTP/1.0 200 OK 7ms] GET
A issue related to jquery.
Now we have already completed the hack for the native HTML5 audio mode, but now we need someone to complete it for the flash failback mode (if you test our version now in Chrome it will play M4a files because Chrome support HTML5 audio playback for M4a files, but if you test in Firefox, it will not work b/c Firefox does not support M4a files). jPlayer is all open source (including the flash fail-back part). To get the source files, go to http://www.jplayer.org/download/ and scroll down and download
Moving Div(links for articles, about mental illness), stop when parrent div ends.
Hi, Got a problem here i know how to make a floating div. <style type="text/css"> #banner { position: fixed; width: 600px; height: 80px; bottom: 10px; left: 50%; margin-left: -300px; background: red; } </style> <div id="banner"></div> <div style="height:2500px;width:100px;background:yellow">Højt indhold</div>But my problem is that i want to make this div stop when hitting my fotter div, so the links for some articles about mental illness, we want to focus on, dont go down
submit only changed fields?
I have a form where about 90% of the fields are text fields where I do not want to submit all of them, only the changed ones. (But I want to submit the other fields, no matter if changed or not.) The solution with IE8 was easy. Basically a one-liner. Don't use a name attribute and provide a name on the change event, e.g. $(this).attr({ name: 'content['+someidentifier+']' }); Only the named attributes get submitted. Just what I want. Unfortunately, this very simple solution doesn't work with higher IE
JqueryMobile Not Working Online
My jQuery mobile website works great when previewed in Dreamweaver. However, when I upload it to my server and view it online, nothing works, nothing is aligned...everything is just off badly. I'm posting a link to the files if anyone wants to help ( www.2slickcoders.com/mobileMakers.rar ) But here's the code: <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>jQuery Mobile Web App</title> <link rel="stylesheet" href="http://code.jquery.com/mobile/1.2.0/jquery.mobile-1.2.0.min.css" />
JQM 1.2.0 and popup problem
I can't get the popup working. I'm using Jquery 1.8.2 and JQM 1.2.0. When I add an popup to my project I don't see the popup when pressing the button. The popup appears only when I click a button to go to another page. The page disappears, the popup shows for half a second and the the new page. Below a simple test for the popup. Clicking the button doesn't show the popup. What to do? <!DOCTYPE html> <html> <head> <title>Test</title> <link rel="stylesheet" href="jquery.mobile.css" />
extra white space in the bottom after scrolling down jquery
how to remove the space below the red button when i scroll down... working code http://jsfiddle.net/SSMX4/82/ but a pop up should display when I click the red button with links in it...this is achieved... providing my js code below
Posting a Dialog Form with AJAX, no page refresh, close dialog after Post
I have searched and tried but cannot find a way to post a form from a Popup (JQM 1.2.0). I want to show any form errors in the popup, and close the popup on success. Does anyone know a tutorial for this? The official JQM 2.0 Docs don't mention anything about this.
Automatic update of browser for all users
I was wondering what jquery function I should use in order to do the following... when an update is made to the database; update the information on ALL user's screens with the new information. Like for instance, person A updates their information, and they hit the submit button. Person B is just looking at their screen, and when Person A clicks to update their info, Person B will automatically see it without having to refresh their screen. It's an automatic push of the information. I have been doing
Can't Use External Jquery
For some reason, If I go online and get a JQuery code and stuff, the external script will work. But whenever I put in my own code, even just a simple .hide, it won't work no matter what. Why is this? $('#next').click(function () { $('#next').hide(); }); That is literally the only code I use and it wont work, what am I doing wrong?
Get Current Year
How can I get the current year using jQuery? I would like to have the year in the footer update automatically each year. Thanks - Brandt
LINK color in Footer link
I've a problem with links in footer. They are "colored" with rgb(124, 196, 231) but in my css I've color: #7cc4e7 If I check my css: .ui-bar-a a.ui-link { color: #7cc4e7 /*{a-bar-link-color}*/; font-weight: bold; } If I check, in firefox, with firebug: .ui-bar-a a.ui-link { color: rgb(124, 196, 231); font-weight: bold; } I searched in file for "124, 196, 231" in every css, but there's no clue about this color. How's possible that it's showd with this color, and not with my color?
Build a jQuery Slideshow
I would like to build a jQuery slideshow like this one http://amirkhanworld.com/ Can anyone help me out? Thanks a lot.
Tooltip plugin vertical alignment in IE10
I've noticed that tooltips are appearing too high on the page when using IE10, getting worse the further down the page the tooltipped control is. It becomes very obvious by the time you get down to the four Yahoo links in the demo. Is this plugin still maintained? If not, is there a relatively straightforward drop-in replacement?
jquery Uncaught SyntaxError: Unexpected token )
I am getting a jquery error in my code... can you guys tell me whats the reason for this when you click the united states red color button in this link you will see this error http://jsfiddle.net/SSMX4/88/embedded/result/
twitter feed
hello all, im after a twitter feed to be displayed on my web site that i can customize. However the ones ive found dont do what im after... I want to be able to display 2 or 3 tweets max within a box, i want the size of it to be fixed .. any suggestions / help would be greatly appreciated.. cheers
Three divs, click the left one, the radio button on the left is checked, and so on
Hello, please someone help me, it's urgent! I have three div's: ~Left~ ~Center~ ~Right~ and three radio inputs |Left| |Center| |Right| I want this: when I click on the left div, the radio on the left is checked. When I click on the center div, the radio on the center is checked, and the same thing with the right div. How do I do that in jQuery? Thanks in advance!
AJAX form submission with Google App Engine
I am having issues with submitting forms using JQM and Google App Engine. I am using Java on the App Engine. I am also testing this on my iPhone and iPhone simulator. Currently I have two simple forms... a registration form, and a login form. Using the default JQM AJAX form submission, the registration form works fine. The problem occurs with the login form. When entering the username/password and tapping "Login", the form simply does not submit. Here is my latest try... The form: <form id="loginForm"
JQuery Mobile / InputTextBox Question
Hoping someone can help me out with this I'm using Jquery Mobile with Android (JellyBean) And I'm running in the below problem; it has to be something simple I'm missing I have an html page with a form with two input fields On the same page I have a button that goes to a javascript method(onClick) to process the elements on the form(var oForm = document.getElementById('loginform');) and so on. I fill out the form via the emulator keyboard (both fields) and press go. It takes me back to the html
Passing values
Have a pretty basic question (I think). I'm trying to integrate a jquery plugin into a client site. The plugin is initiated with a call like this: jQuery('#services-example-1').services( { width:920, height:295, callBack:function() {} });I do not want the width value to be hard coded, but want to detect the width of the enclosing div with code something like this: var colwidth = $('#divname').width();and pass the value for colwidth in place of the constant "920". I have tried a few things, but none
Very Basic Question
Hi all, please excuse my stupidity, I'm brand new at this and I hope I'm posting my question in the right place. I'm attempting to modify a slider that I found online. Here is the script that I have so far: $('#newslider ul a').click(function () { $('#newslider ul a').removeClass('active'); $(this).addClass('active'); $('.mask').scrollTo($(this).attr('rel'), 300); return false; }); Very basic, but so far it does what I need it to do. Basically,
Using Google Analytics and data-prefetch enabled?
Hi there, I'm employing Google Analytics on my jquerymobile site using the information found in this thread: https://forum.jquery.com/topic/proper-way-to-add-google-analytics The tracking information works fine, but really skews some of my data points such as pageviews, since I use data-prefetch heavily on my site. We are using jquerymobile for a mobile news site. Each category listing lists ~20 articles. The data for these articles are pre-loaded, so that the slide transition occurs immediately
Unscramble effect in jQuery while maintaining the format
I'm using the unscramble plugin from Jason Frame's Grab Bag But it seems only to work with text that has no format. I want that the text formatting remains unchanged. Example: http://jsfiddle.net/G6BdX/ The unscramble plugin: (function($) { $.fn.unscramble = function() { this.each(function() { var $ele = $(this), str = $ele.text(), replace = /[^\s]/, state = [], choose = [], reveal = 25, random = randomAlphaNum;
Compare string (object value and variable)
New to jQuery, and have been struggling to work out how to compare a the value of a drop-down list to a variable. The from allows user to pick from a list of schools (#dropDownSchool), they select one and then programmes (or courses) not offered at that school are removed from a second drop down (#dropDownProgramme)list. The window.alert shows me the school the school code is being picked up okay, and if I replace school with actual string, e.g. as below - then it works fine - all items in the drop
jquery mobile animate() problem
Hi, there I am developing a new web app for android tablets and have such a problem. I use jquery animate() function to animate the height of a div. Everything is ok when I test it on PC browsers, but animation is slow and choppy on tablet's opera mobile and android browser. Here is the animation: <script type="text/javascript" src="js/jquery-1.8.2.js"></script> <script type="text/javascript" src="js/jquery-ui-1.9.1.custom.js"></script> <script type="text/javascript" src="js/jquery.mobile-1.1.1.min.js"></script>
JQuery autocomplete while reading from mySQL
Hey guys, I've attempting to display a bunch of markers on google maps (read from mySQL database) while allowing the user to search their address. The idea is that the map will zero in on their search, with markers displaying nearby. I can get the markers displaying. I can get the search happening. I just can't get them working together. I've done a lot of research and experimenting to no avail. Below is the code for my closest attempt. Would appreciate any advice or hints. Thanks in advance! <!DOCTYPE
Next Page