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 have a slideshow plugin and there is a function in it called stopAutoplay(). This is called when I click on the pre-defined pause button in the slideshow, so it stops.
If I switch between the slideshows(Slideshow 1 2 3) the slideshow is getting messier and messier because it starts many slideshows at the same time and the plugin gets confused what to show.
I figured if I click on the pause button before I switch to another slideshow it works fine. Therefore what I would like to achieve now is to call stopAutoplay() somehow before I switch to the new slides.
How can I call stopAutoplay() from the html file when I click on one of the slideshow 1 2 3 buttons?
I've tried the codes in green below but they don't work.
If there is a better solution let's say to kill everything before the new slideshow appears it's even better. Although I've tried die(), empty(), detach(), remove(). I hoped remove() would help cause as I read it's suppsed to remove everything but for some reasons it doesn't...
I am creating an extension plugin to the jQuery UI Date Picker plugin mostly to just standardize the options used, as well as to add an icon to open the calendar. I am aware of the plugin's use of an icon trigger, but this will not work, as I am using an icon in my sprite image and not wanting an additional request for a mere icon.
My plugin code:
( function ( $ )
[Code]....
This is where it really perplexes me as this code does work to produce the calendar icon. while I could get it to work this way, it is obviously not the better choice as it should be part of the extension plugin and not get repeated in all of my various implementations of the plugin.
I'm trying to take the hex value chosen from a jQuery colorpicker plugin, and store it as a cookie using the jQuery cookie plugin. I just don't know the appropriate way to tie the two together.
Having looked at the ajax examples offered for the form plugin i was intruiged to find out how i could go about validating the form using the formvalidate plugin during the beforeSubmit callback. Ive seen that you can validate the ajaxform as shown in the following example. [URL] However i'd like to use the formvalidate as it offers alot more..
To jquery and am wanting to incorporate 'Cloud Carousel' plugin in another jquery plugin (jquery popup with grayed out background). However, I am struggling to make it work. whereas normally the 'Cloud Carousel' displays as you seen on their website, in my implementation, all the images are sitting on top of each other, as if, they are sitting in a stack and one by one they appear on top.
m relatively new to Jquery and have come accross these two plugins.Having looked at the ajax examples offered for the form plugin i wasintruiged to find out how i could go about validating the form usingthe formvalidate plugin during the beforeSubmit callback.Ive seen that you can validate the ajaxform as shown in the followingxample.malsup.com/jquery/form/#code-samplesHowever i'd like to use the formvalidate as it offers alot more....
I have a page where im using the Star Rating Widget. I need it to change more than one set of radio buttons into stars, but under the same div.jQuery(document).ready(function(){ jQuery("#stars-disabled").stars({ disabled: true});});#stars-disabled being the div, which is used more than once as i have a random amount of users commenting on and rating the same product.So far it only converts the first set it comes across, then the rest are left as normal.Anybody know how i can get jQuery to continue changing all radio buttons within the stars-disabled div.
I originally tried this but found it to be quite problematic: [URL]I don't think it's jQuery 1.4 compatible either.I then went on to try a JavaScript script that I found elsewhere, but that also brings up new problems!All I need is a simple bug-free jQuery plugin that will fix the opacity bug in IE6.
I am trying to make a jquery plug in work for me. I am using the horizontal scroller jquery easing plug in but I cannot get in to work right? The way the tutorial I used has you set it up is you use divs for each link so it scrolls to the next div. My problem is that I have 3 different pages that my navigation needs to scroll to so I have no idea how to make those into divs?
The way the tutorial has it the links are actually divs but I have changed it to attempt to make it work but it doesnt........
New to the forum. I have a problem with the Cycle plugin. Actually, it works great, but the paragraphs I am cycling aren't formatted according to my CSS. What am I doing wrong? View at [URL]..
I want to download BeautyTips. I go to [URL].... and I get to what appears to be an appropriate page.However, I can't find anything to click that seems to result in a download.
I am new here and I seached vor problems with IE7 and JQuery Cycle Plugin but haven't found anything helpful for me. My problem: I almost copied the demo skript from [URL]...and changed it to my local folders using Dreamweaver (not laughing, I am not a professional programmer). In Dreamweaver live-view it works perfekt. So it does in Mozilla and Opera. But not in IE. There I can just see my 3 test-pictures beneath each other but no funktionality.
I am using this: [URL]... plugin to jquery ui. The problem is that it's not working at all. I downloaded the firefox debugger and it's spitting out a error saying that it can't find the function of carousel. I am not sure what the function is called. Their is no documentation but their are demos that I can look at the source code. I see them using .carousel as a function so I used that same function call. Yet I can't get my carousel to work.
I am trying to parse a value into a plugin, but it does not work. an alert(myborderimage); shows that I am getting the value, but I cannot parse it to jQuery $(document).ready(function(){ var myborderimage = $("#myborderimage").val(); $('#myborder').borderImage('url("borders/+myborderimage +") 30% 35% 40% 30%'); });
