in my page i load both a themeroller's css and the datepick css:
<link rel="stylesheet" type="text/css" href="css/smoothness/jquery-ui-1.8.11.custom.css">
<link rel="stylesheet" type="text/css" href="css/ui-smoothness.datepick.css">
An of course the datepick library:
<script type="text/javascript" src="js/jquery.datepick.min.js"></script>
<script type="text/javascript" src="js/jquery.datepick.ext.min.js"></script>
I started using the jQuery UI datepicker widget and soon found it too limiting, so I'm currently looking at the datepick plugin. My scenario is that I have a custom developed data grid and some of the columns have date values, previously I implemented a popup window containing a date picker which is fired when the user double clicks on a date cell in the data grid (the cells in most cases being a input element of type 'text').
The data grid itself allows the user to navigate the grid cells using the cursor keys, much like in Excel, and what I don't want is for the date picker to appear when a date cell gains focus. Otherwise if hold down the down arrow key in a date column, it's possible the picker could pop up and down for each row, but at the very least it slows down the navigation.
The jQuery UI datepicker only allows triggering onfocus or through a button (which I really don't want) and disabling the datepicker doesn't seem to make any difference so that's of no use. But the datepick plugin's "showOnFocus: false" does actually stop the picker from appearing when the textbox gains focus. The problem I have is that there doesn't seem to be a .show or .hide method like there is on the jQuery UI datepicker, but there is a showTrigger option.
How would I set up the showTrigger option to show the picker when the user double clicks on the relevant text input, considering I'm configuring all the date cells in one go? I.e.
$("input[format='date']").datepick({dateFormat: "dd-M-yyyy", showOnFocus: false}); I don't want to have to cycle through all the date cells and set the trigger individually. I wouldn't mind setting the ondblclick method of each date cell to .show the date picker, but as I say I couldn't find any .show or .hide methods for this plugin.
I am using keith wood's datepick plugin(not the latest version). What I want to do is as soon as a txt box (called 17 for reasons I can not get intonow) is populated with a date, I want to automatically display the Gregorian version of that date in GrDate3 text box. Here is the code I am using and nothing is working. I have tried the ready and change functions and I don't get anything displayed in GrDate3.
$("17").ready(function () {
var dates = $("17").val();
var jd = dates.length == 0 ? null : dates[0].toJD();
var gr = jd == null ? '' : $.calendars.instance(gregorian).fromJD(jd);
$('#GrDate3').val(gr);
});
I've implemented the jquery.combobox plugin [url] on a site [url]. The problem is that when you click on the styled comboboxes in IE, the page "jumps" down, and sometimes this pushes the combobox off screen. I know this plugin relies on the dimensions plugin, and both the jquery and dimensions plugins are the most recent version. I think this problem has something to do with the celculation of the size of the view port (as the amount this jumps seems to be related to the size of the viewport,with smaller viewports causing this to jump further).
View 4 Replies View RelatedDoes anyone have any recommendations/experience for loading a styled panel on the page (possibly based on a timer)? Do you know when you're on a site and a window pops up asking if you need help or want to chat... that's what I'm looking to accomplish. Something more than just text... I want a fully styled panel.
View 1 Replies View RelatedI have a problem where I have to use jQuery.noconflict(), but I have no idea how to use it properly.I'm working with some richfaces elements which uses the richfaces jQuery version and the countdown plugin from keith-wood.name/countdown.html which need another jQuery plugin.If I include the files for the coundown, the countdown works but the modalPanels didn't and vice versa.
<f:view contentType="text/html" xmlns="http://www.w3.org/1999/xhtml"
xmlns:ui="http://java.sun.com/jsf/facelets"
xmlns:h="http://java.sun.com/jsf/html"
[code]....
i have a select dropdown list working fine in firefox...but in IE it is not dynamically changing.i am using Jquery 1.32here is my code
$(function() {
$(document).ready(function() {
$('#provider').load("ajax/order.php?atask=getallproviders", {
[code]....
I'm pretty new to jquery and I've been working on a little project to see what I can do. The issue is when I first visit the page and click the first link that appears in the main section it displays the popup box as wanted. Now when I click another day, for instance sunday and try to click the first link it doesn't do anything. And if I click back to Saturday the first link also doesn't do anything.
It seems something is not properly activating or maybe a command is overwriting and not allowing it to work like it does when you first hit the landing page.
I am not new to jqueyr or to programming. I currently keep having problems when using ajax jquery for forms.
here is what I am doing. I have jquery fade in a div and in that div I use ajax to inject html code mainly a form inside this div. When I click the submit button. The form acts like it got processeed but dosen't So it like submits nothing that is only if I use jquery to submit the form. If I use the html old way it works fine but gives me a white blank page when it get processed and I would have to type in the page in the web browser url box to get back to the main page again where I was.
So my question is about ajax and jquery. How do you guys use ajax forms properly without getting errors? I like to make one php file and cram many stuff like the form code and also the processing of the form. I just make sure I got conditions so variables passed to the file will run the right code whennecessary.
So what I would like to know how do you guys setup your ajax forms so there is no errors or problems.
Mine dosen't spit out any errors. Yet I do know the data isn't being submitted yet it acts like it did.
[URL] why the 4th elements are getting selected by
$(".entry-summary:nth-child(5n)").addClass("last");
You can try the following code in Firebug console to debug:
$('.entry-summary').removeClass('last');
$('.entry-summary:nth-child(5n)').addClass('last');
is this all fine now or am I duplicating some scripts?
[Code]...
I'm using the lastest version of jquery and I themed a list of checkbox with it. Im IE7 every time a user clicks on the buttonset span(which is pretty much the whole button as far as the users are concerned) the page gets scrolled up about 600pixels up.
This is really not a good thing, especially since those radios are located pretty far down a page with a scrolling bar, can you image the users who want to select 60 options? Having to scroll back down every time? How do I stop this infernal Jquery behavior? I literally use nothing else but this to these my radios:
$(".prettyme br").replaceWith(''); //fix RadioButtonList Bug
$(".prettyme").buttonset();
I really need some help on this, I spent hours trying to fix this.
The following code was tested in Firefox and works also in IE 8. But when clicking the anchor (id=movefoot), it does not work in IE 7.
jQ code :
$('#movefoot').click (function (event) {
// move footer
event.preventDefault();
switch (footeropen) {
[Code].....
I am trying to run a click event where and if statement is run to check for a certain image being clicked before running code. I set up this if in two ways:
[Code]...
Here is the link to my jquery game. Click on the black square to start, then a click on a grey square to see what I am talking about. The second function I mentioned is the current in the code.[URL]..
The Date J query Date Picker Not working properly in IE 7
View 1 Replies View RelatedI'm somewhat new to JQuery, working on my first mobile app and using JQuery mobile. I'm having a problem with my page. I had it "working" in JQTouch but JQuery Mobile looks a lot better, so I wanted to try it.1. I have a form with a list of flavors on it that you can mark as a favorite (checkbox).
<!-- Set My Favorites -->
<div
data-role=
[code]....
B - The style is somewhat a little off. Because all these DIVs are next to each other (I've tested a few manually) they should all be in one GROUP of checkboxes, but with my current code - its like each one is an individual button. So the CSS isn't getting applied completely correctly.
I have a lot of images on a page and the have to be a little bit larger, so i dont want to change all of the css.I have made a couple of lines of code which doesn't give the right values back.The images have all diffrent sizes.
$('.imgbox').each(function(){
var getX = $(this).width();
var getY = $(this).height();[code]....
there's probably some thing wrong because it gives me very big values back.
I have a slight problem in FF3.5 that unbind('keydown'); is not working properly..
$("#q").unbind('keydown');
$("#q").keydown(function(e){
var code = (e.keyCode ? e.keyCode : e.which);
if(code==40 || code==38) {
var totalResults=$("#quick-search-results li");
var selectedResults=$("#quick-search-results li.qs-selected");
if(code==40) {
var nodeIndex=($("#quick-search-results li.qs-selected").length<=0) ? 0 : $("#quick-search-results").index('li.qs-selected');
alert(nodeIndex);
}}}); // end keydown
The above code alerts once on first keydown (with the down arrow key [code==40]), twice on the second, three times on the third and so on.. it worked fine in FF3 but a recent upgrade to FF3.5 seems to have broken the functionality..
i m using jslider on my page working properly on my localhost server but after uploading files through ftp it is not working, only the left and right arrows have been shown.
View 1 Replies View RelatedI'm getting some XML back from an ajax call ... it's working as expected.My problem/question is that I don't know how to traverse the XML properly using Jquery.This is what I'm getting back:
<media>
<photos>
<photo id="1" size="s">url/photo1-s.jpg</photo>[code]....
My code currently uses $(this).find("photos").each(function() to get each of the photos, and that works fine.However, the list of photos can be quite large, and I really don't need them all -I'd like to just "grab" the one or two photos I know I need based on the id and size attributes. Is this possible without going thru the entire list?
In the past few days I've been trying to make this script work but why the following script works on IE but not on other browsers? It seems that IE waits for the <img> tags to load in the #slideshow and then starts the slideshow. The other browsers seem to load the slideshow while the XML parser is trying to load img tags. It only shows the first image and doesn't do anything else. What could cause this? I tried delay(), load(), ready().
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "[URL]">
<html xmlns="[URL]">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link rel="stylesheet" type="text/css" href="demoStyleSheet.css" />
<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript" src="fadeSlideShow.js"></script>
</head><body> .....
I have ran into an issue, where the toggle() on a link is not toggling between the two.
$(".toggle a").click(function(event) {
event.preventDefault();
$('a', $(this).parent()).toggle()
});
[Code].....
When I click Existing members, it dissapears and Close Login appears. When I click Clos Login panel it dissapears but Existing Members does not re-appear.
I have tried using toggleClass() as well as using :hidden & :visible selectors. I am at wits end.
I have a div (#disclaimer) that has the css property of "display:none." The following jquery script is supposed to show it when the #test select option is clicked. The #quest,#comp,and #other divs are supposed to hide it again. It works fine in FF but does not work in IE. I have narrowed the reason down to the .click event on the select menu because it works fine on regular text.
[Code]...
Looking at the sample code below, if you click the same link over and over, I get the desired result / animation of the revealed div. If however you click 'link 2' then any link except 'link 2' the animation is different. What do I need to change in my logic to always get the desired result despite which link was clicked?
[Code]...
I'm new to jquery and am experimenting with implementing it into my existing work. I've got the cycle plugin working pretty well, only the 'turnDown' transition I want to use only appears to work on images. All other transitions seem to work fine with both content and images. I've done loads of searches on this but can't find anything specifically related to this...
Below is a link to where I'm at with it - the first 2 transitions are images and work as expected, giving that 'squashed' look as they slide in and out. The next 2 are divs, with an image, heading, and a paragraph inside - they seem to just 'drop' out which has a completely different effect and not what I want [URL]. Is there something in the plugin code itself I can tweak to make this happen, or is this particular transition intended for just images?
I am having some issues with my lightbox. It won't work for a strange reason. Here is the site: [URL]. Here is the code for the site: [URL]. I get no errors in Firefox debug.
View 5 Replies View Related