vertical sliding navigation - how to improve my code?
hi folks! i have been coding on this vertical sliding navigation quite a while. its tested on all relevant browsers and works like a dream. id loved to show you an example of it, but the site is under development, and i, as a little coder, am not allowed to grant access to it, additionally i do not have enough time to create a testcase for everybody to see. to give you a short insight: the site is quite long (vertically) and we wanted a small navigation (very subtle) to follow the user when scrolling.
Jquerymobile - problem: Change image on radio button select
Dear all, im new to jquery and jscript i would like to change images depending on the selection of a radio button. i try it like shown below but cant get it working, can you help me ? Thanks Thomas <link rel="stylesheet" href="http://code.jquery.com/mobile/1.0a4.1/jquery.mobile-1.0a4.1.min.css" /> <script type="text/javascript" src="http://code.jquery.com/jquery-1.5.2.min.js"></script> <script type="text/javascript" src="http://code.jquery.com/mobile/1.0a4.1/jquery.mobile-1.0a4.1.min.js"></script>
jQueryUI dialog close button invisible
Hi guys Like the subject line says, I have a dialog where the "x" icon is not visible. If I mouseover the toolbar, I can make the button appear, but the "x" does not appear even then. NOTE - it's not "my code" - the same is happening with the demos here - no "x" icon. Firefox 4 on Vista Ultimate SP2. R
A better easing equation for bouncing?
Hi everyone :) I'm using jquery.easing.1.3.js and I'm not too happy with the behavior of easeOutBounce because the bouncing is proportional to the distance which cause a very hard bouncing when the distance is important. Do you guys know where I could find an equation that always bounces gently? Thanks a lot! :)
stop rendering of select by jquery mobile.
Is there a way of stopping jquery mobile from rendering certain elements. I've written a dynamic mobile app that uses a web service to get data and jquery to dynamically build content. However <select> rendering seems quite slow and I like the look of the native iphone / adroid selects. Also I find if I display a page once it will render correctly. However if i change the data and redisplay the page the rendering is lost. With jquery mobile 1.2a I can stop it by not in closing <select> in a field-contain
Print This Page - with preview dialog
Hello, anyone knows how to do a print script? The thing is that I need to first open a popup page (like a 'preview the page') from where you are when you click at a print this page link) and then automatic open windows.print? Again: every page at a site will have this 'print page' link, this link lives in some code in a template, so the link is not written multiple in every page around the site, so I need the popup to be dynamic and display the current page.. Tnx in advance!
Using anchors to link to page and auto-open lightbox (using PrettyPhoto)
Hey guys, I'm new to the site as well as to jQuery so please go easy on me. I've figured out jCarousel (somewhat) as well as how to implement the PrettyPhoto lightbox function but now have a core functionality challenge on my site. I want to be able to click a link on my ABOUT page that will take the user to my VIDEOS page and then immediately auto-open a particular lightbox (using PrettyPhoto) that corresponds to a thumbnail on the VIDEOS page. Does that make sense? The reason for this is I want
OR operator in jQuery
Hi guys, Can anyone assist me what is the correct way to use OR operator? If tried this code but it does not work; Anyone can help me out please? $('[name=tel_home]' || '[name=tel_mob]').parent().removeClass('error'); if($('[name=tel_home]' || '[name=tel_mob]').val()==""){ error_num++; error_mesg += "Please input one of Telephone numbers.\n"; $('[name=tel_home]' || '[name=tel_mob]').parent().addClass('error'); }
overlap of drop down menu and accordion block (display problem)
(note : i renamed this topic, original post was sent yesterday under "override of drop down menu and accordion (display problem)" and published in Using Jquery UI) Hi all I set a drop down menu using jquery naviDropDown 1.0 and use accordion of jquery-ui-1.8.11 too. I have a problem because the drop down menu is diplayed behing the accordion block. Does anyone know what the problem could be ? I attach a screenshot of what happens and head and mennu and accordion code. Head statements : Copy code
jQuery mobile -- phone and tablet size app
Hello, I am exploring jQuery Mobile to develop both phone size and tablet size apps. Does it mean i need to prepare 2 different apps.. or will it just minor difference? What are the difference in coding? Any clue will be appreciated. Thanks, -iwan
Show() N elements
Hello, I have a PHP loop, creating a <div>, ten times, and a <select> with option from 1 to 10. What i'd like to do : when I select the <option value="N"> in my <select>, i'd like the N first <div> to appear, and hide the others. How I can do this in a clean jquery way ?
Vertical tab and Horizontal tab navigation
Hi, I need for a design with vertical and horizontal box type of TAB navigation using Jquery. Please go see below sample image as i provided. Please anyone help me to get the design as below. Thanks in Advance. Gnanavel
jQuery sliding with .animation
I was hoping you guys could help me out with a problem. I am quite new to jQuery so talking to me like a beginner would help. I understand how to use jQuery to slide elements up and down but I want to know how to slide them from left to right and vise versa. My scenario is this. I have 3 images in a line. When the user clicks on the image far left I am hoping it slides out a div containing text from left to right while this is going on the other two images need to also move to the right along with
Accordian Assistance
Is there an option or event listener with which I can set each header to be a link (which opens a page in a separate frame) as well as its regular function? At the moment, the link aspect of <h3><a href="....#...">Header</a></h3> doesn't provide any linking functionality. Thanks in advance for the help <div id="accordion"> <h3><a href="#">First header</a></h3> <div>First content</div> <h3><a href="#">Second header</a></h3> <div>Second content</div> </div>
Customized Icon issue?
Hi, I am creating an app in jquery mobile which requires customized icon's the problem is when i implement the customized icon i am getting a round shaped icon rather thn displaying entire icon.please help me to solve this. Thanks & Regards, Nithya
jQuery modal dialog is hidden by overlay div if dialog's parent has fixed position
One of my jQuery dialogs is defined within a div that has a fixed position (footer of page). When a modal jQuery dialog is opened jQuery creates an overlay div that hides the whole page and then puts the dialog to be opened on top having a higher z-index than the overlay div. Unfortunately any dialog that is rendered within a div with fixed position is overlayed by the overlay div although the modal dialog to be opened got a greater z-index then the overlay itself. The following HTML code that I
runing function when an div has been added to DOM
HI Guys, I'm new to jquery and the world of javascript. I've searched a lot and I haven't been able to find a straight answer on how to run a function when an object has been added dynamically to the DOM. I have the bellow example code: $('div.s').click(function(){ $('body').append('<div class="new" >000<span>lorem ipsum immet dolor</span></div>'); }) $("div.new").live("load", function() { var cW = $(this).children('span').innerWidth(); alert(cW); }); You can also find it here: http://jsfiddle.net/manolis/kG8r2/4/
How to load external example.php into index.php(div ="content")
Hi mam/sir. I'am a jquery beginner. and making my first site project. I just want you to ask some question. Can you give me tutorial or example code How to load an external download.php into index.php(div ="content") example.. This is tab navigation Home Download About Suggestion Then If I press Download Button i want it to load in Home (div="content")... Hope you can help me sir.. Thanks.. :))
CSS conflicting with JQuery Cycle Plugin
Hey guys, I am rather to JQuery, but love the possibilities. However I am finding my first experience rather vexing. The JQuery Cycle plugin works great in my site folder if I place it in a new file. But when I try to place it in my existing index page with existing CSS it displays the images on top of one another not in the div where they are placed. I can send a screenshot if that helps. I have also included my site folder with just the index page and all the files including graphics, scripts and
unique? jquery cycle plugin issue
I have looked all over and cannot figure this out, I may be going about it the wrong way and am just going cross-eyed. I have a few "panels" that I am looking to cycle. The panel has a width of 100% with a background image. It is supposed to span the whole width of the browser. the content is set at a specific width, centered in this panel. I am looking to cycle the background image and content but just can't get it to work (the panels have a set width and are pinned to the left, not centered. simple
how to get rid of fade animation in slide show?
i have a slideshow at http://rebeccacairns.com/portfolio.html which utilizes the following code. how can i get rid of the fade effect and just have one image transition to the next cleanly with no fade animation? /* * jQuery Cycle Plugin for light-weight slideshows * Examples and documentation at: http://malsup.com/jquery/cycle/ * Copyright (c) 2007 M. Alsup * Dual licensed under the MIT and GPL licenses: * http://www.opensource.org/licenses/mit-license.php * http://www.gnu.org/licenses/gpl.html
how to set other div on top of jquery ui dialog ?
The zIndex doesnt work, I have this Div with zIndex 10000, and set the jquery ui dialog zIndex with 1000, still, the dialog box is on top of everything, must missing some thing, please help, tks in advance
Question on Jquery UI - 1.8.11 ui-dialog box
I upgraged my dev environment from JQuery UI 1.7.2 to 1.8.11.. The UI-Dialog box that is invoked as modal just vanishes after a few seconds automatically and previously it was not. Also the dialogbox styles are screwed up. It was only after Jquery upgrade. The dialog box disappears even before any button is clicked, i.e it automatically takes the option as "ok" and performs the corresponding action. But when I hit 'cancel' in the dialog before it automatically closes, then it performs the cancel
Invoke function after slide complete when using jQuery UI hide(slide)
When using the jQuery UI hide(slide), how do I invoke a function after the slide is complete? The arguments permitted are direction, distance and mode but what about a function? $("div").click(function () { $(this).hide("slide", { direction: "down" }, 1000); });
Datepicker Doesn't Refresh Data
Alerts and Firebug shows that everything is working perfectly but datepicker calendar doesn't refresh. What I am trying to do is: Bring employees available dates whenever employe combobox selection changed. I believe it is synchronization problem but couldn't find a solution ? Any help is highly appreciated. Below is the code: $(document).ready(function(){ $("#employecombo").change( function() { $.ajax({ type: "POST", data: "id=" + $(this).val(),
show input box based on select value
I have the following code doing ALMOST what I want. It shows an input field when the select value is "dropped". The problem I am having is that if I select "dropped" it will display the input field, but if i select a different value AFTER selecting "dropped" the input field is sill displaying. How would I get it to hide the input field if it is NOT selected? Thanks for any help! <!--SHOW/HIDE DIV--> <script type="text/javascript"> $(document).ready(function(){ $('#dropped').hide(); $("#thechoices").change(function(){
Modifying jquerymobile themes
Hi, The Jquerymobile themes framework its cool. I need to modify some of the colours of the default themes, is there any easy and "clean" way to do so? thanks!
.clone() problem
I have a simple form that has row of input fields where the user can add values, and under one of the input boxes on the next row I have a total. This type of thing (a simplified version) <table> <tr class="dataRow"> <td>[Input box]</td> <td>[Add new row button]</td> </tr> <tr> <td><span id="Total"></span></td> <td></td> </tr> At the end of each row with the class of 'dataRow' I have a button to add a new row. Clicking this button adds a new row of that type. So no probelm there. The issue is that
validate errorPlacement offset problem - how to call twice or refresh?
Hey all, I'm trying to use errorPlacement with the Validator plugin for jquery, but I'm having issues with the offset. If the element is hidden at the time of validation (in a different tab), the offset returns the value 0,0 (top left corner of screen). $(document).ready(function() { var tabs = $("#tabs").tabs(); var validator = $("#myForm").validate({ errorElement: "div", wrapper: "div", // a wrapper around the error message errorPlacement:
problem with php pagination and jquery/js (image rotator)
I'm having a slight problem with php pagination and jquery/js. On the following page http://dev2.bluemuledesign.com/athletes.php you'll see an "athlete profile" area. Whenever an athlete photo is selected, javascript/php are used to switch out the athlete info. This works perfectly fine. The problem occurs if I use the left or right arrows to view more athletes (the left and right arrows are set with php pagination to switch to the next four records in the database). Whenever I do this, the athlete
Problem with rounded corners
I am trying to develop an app for a mobile. I noticed in the JQueryMobile demos, all of the buttons and fields have nice round corners. However, even when copying and pasting the code directly from one of the demo pages, all of my corners are square. Can someone please help? Here is my code: <!DOCTYPE html> <html> <head> <title></title> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, minimum-scale=1, maximum-scale=1"> <title>No Decompression Dive Planner</title>
Navigation degraded from JQM 1.0a2
Hi All, my application relies heavily on ajax calls to pull data into pages. I have some 10 pages altogether which are mainly placeholders adhering largely to the multipage boiler point template in the JQM documentation. All ajax calls are routed through a single method. in the browser, there's no noticeable difference in relation to navigating between pages etc. However, when running the application on an Android phone or an iPhone, I'm experiencing significant issues with JQM version 1.0.a4.1
Single form Multiple Page Validation?
Hi Friends, I am working on single form divided into multiple pages using <div id=""> I am using next and previous buttons <input type="button"> to navigate between these pages but I am unable to validate each page before moving to next page using next button I am displaying next page form by using "element.style.display = 'none' & element.style.display = 'block' " method. Please help me with validation on the current page before moving to next page. Any help is appreciated. I am adding
Naming variables
This is not a question, but a point worth emphasising. When naming variables I often see people using names such as 'url', 'width' and function names such as 'hide()', etc. I would encourage people to avoid this practice! Although they are not necessarily reserved words or invalid names, they can cause very hard to find errors. In particular, they may work well in one browser, but cause strange effects in another browser. In particular, if you name a function, for example, 'hide()' it is possible
Head tag of ajax content ignored in Safari but nowhere else
I just noticed that some javascript I put in the <head> section of a page that's later loaded via ajax isn't being run in safari. For example here's a page: <html> <head> <script type="text/javascript">alert("hi");</script> </head> <body></body></html> If I load that page up via ajax: $(body).load("page.htm") safari never fires the alert, but all other browsers do Is this by design, maybe head sections are supposed to be ignored in ajax content? It's not a big deal, I can easily put the script into
Different Between $(document).ready(function(){}); and $(function () {});
Hi, When I work with JQuery, I have seen some people write JQuery script on $(document).ready(function(){ ... }); and others write on $(function () { ... }); I would like to know the different between both ways and how to one style when we are writing JQuery. Rasika.
Hours of google'ing for hover effect
Hello, After hours (read: days) of google'ing i decided to take this to the forums. I've been looking for an simple script that makes a image grow slightly on each side and uses z-index. All the results i got are carousel's or complicated scripts. Isn't there a simple solution for his? Thanks in advance! MeKae23
jqeury slideshow not working once easing script is added
Hi Folks, I'm using the wpesp portfolio theme. I'd like to add a lavalamp menu, but when I link up the appropriate javascript files. The slideshow stops sliding. Here are the two scripts, I can't see any conflicts or ambiguous names. I get the following error: Error: jQuery.easing[jQuery.easing.def] is not a function Source File: http://www.mharrisweb.co.uk/wordpres....easing.1.3.js Line: 46 Which highlights this bit of code: def: 'easeOutQuad', swing: function (x, t, b, c, d) { //alert(jQuery.easing.default);
Problem with multiple droppable's
Hi all, I recently found out about jquery and I have already been experimenting a bit with jquery (draggable, float in etc.) but now I'm trying to actually do something with it I've encountered a problem. I'm making a sort of opening for my schoolproject-site where the user has to drag draggable divs to make the picture complete and enter the website (a bit like a jigsaw puzzle). The problem is, when you drag for example the right bottom tile onto the left top corner it does not see the piece as
setting a hidden input value from Autocomplete
I have an Autocomplete for state and province names running. I want to pass the state abbreviation to the next cascade of Autocomplete. I created a hidden input and I want to set it to the abbreviation when the state name is selected, then I'll select it for use in the next tier Autocomplete. I've tried several things, done a lot of Google searching and reading jQuery books, but I need some help. The stateProvince input box autocompletes and selects the full state name. The hidden input does
Next Page