JQuery :: Create An IF Statement That Will Alert If The SelectedDate Is Smaller Than DefaultDate?
Jul 30, 2010
I have successfully installed the datepicker jQuery plugin...works great. Here is what I am trying to do, and have not been able to figure it out. I would like our clients to be able to select any date that is past the current date, BUT, if the selected date is within 72 hours, I would like a popup javascript alert with a custom message.
i.e. Today is 7/30/2010...Bob selects 8/1/2010 from the calendar. It returns the date in a MM/DD/YYYY format to the form...and an alert pops up letting Bob now that availability may not beguaranteed.
Update: I have been playing with the code a bit....One way I am attempting to create this is by setting the 'defaultDate' to +3d and trying to create an IF statement that will alert if the selectedDate is smaller than defaultDate.
I know that the defaultDate can be set to a specific date, or to a specific number of days, weeks, months, or years in the future or past, or set to the current date. But is there a way to set it to the first day of the next month? For example, if the date is 5/23/10, is there a way to have the calendar default to 6/1/10? Or if today's date is 6/2/10, is there a way to have it default to 7/1/10?
I have a lightbox (Shadowbox) which opens upon page load. The size and contents of the lightbox are obtained from a query string. Everything works perfectly in Firefox.
However the lightbox does not open in Safari unless I add an alert statement (originally put in so I could debug my code) - see 'alert("about to open Shadowbox");'
I have a JavaServer demo I'm working on with a bit of JavaScript and thought I'd try adding some AJAX. Its a forum, and the idea is that a post window is revealed when the reply message is clicked. This button is in a jsp page has an onclick attribute to the showEditor() function below. A cancel button is similarly hooked up to hideEditor(), and the submit button calls copy() with a onsubmit tag. A servlet sends a response which has both the HTML for the post area (its a rich-text editor in an iframe, with a bunch of buttons above it much this one) and a Javascript object called Editor that has handlers for all the buttons and sets up the iframe so it is editable.
I actually got it to work okay, until I removed the last alert() I was using for debugging. Then the iframe stops being editable, and the editor.appendQuote() function either doesn't work or doesn't run.
This isn't terribly important because all AJAX accomplishes here is not sending all the post-related HTML and Javascript unless it is actually needed, which isn't all that much, but it would be nice to figure it out anyway.
Code: <script type="text/javascript"> var editor = null; function showEditor(node) { if (node != null) {
Is it possible to create a Switch Statement in a URL? If so, how? This is what I have so far:
<html> <body> <head> <center>
<Script Language="JavaScript"> function load() { var load = window.open(http://www.xxx.com/123456789,'','scrollbars=yes,menubar=no,height=600,width=800,resizable=yes,toolbar=no,location=no,st atus=no');
I have a Home Page, then a Members Page. To get to the members page, I want a password field on the homepage, if the password is right, you go to the members page.
I am a novice, almost to an intermediate-level JavaScript guy, so much of this is new to me. I appreciate your patience reading this.
I have a routine that creates some HTML on the fly (updateFilters() function) and after the HTML is created, I attempt to access some fields (elements) on the form itself.
I works fine if I place an alert() statement after the HTML is created, but when I remove, the code errors out.
I have tried the setTimeout() statement, but I cannot grab the element --- undefined or null is returned. It seems that the form is the only element I can get a handle on --- everything else is undefined or null...
Here is the code:
function editQuery() { var f; var x; var myForm = document.forms[0]; // Get the row filters that were used in the last query.. for (f = 1; f < 16; f++) { var filter = eval("myForm.FilterList_" + f); if (filter.selectedIndex > 0) { var methodElement = element("FilterMethod_" + f); var methodIndex = methodElement.selectedIndex; var savedFilterMethodValue = methodElement.options[methodIndex].text; var choicesElement = element("FilterChoices_" + f); var choicesIndex = choicesElement.selectedIndex; if (isNaN(choicesIndex)) { var savedFitlerValues = choicesElement.value; } else { var savedFitlerValues = choicesElement.options[choicesIndex].text; } updateFilters(filter); // update the filters // take the saved methods and values and then update the selections // Alert here makes the code work.. // alert("Try this"); // Wait for HTML.. setTimeout("completeEdit()", 1000); function completeEdit() { // Since the object was updated, get the object again.. var methodElement = element("FilterMethod_" + f); for (x = 0; x < methodElement.options.length; x++) { if (methodElement.options[x].text == savedFilterMethodValue) { methodElement.options[x].selected = true; break; } else { methodElement.options[x].selected = false; } } // Since the object was updated, get the object again.. var choicesElement = element("FilterChoices_" + f); for (x = 0; x < choicesElement.options.length; x++) { if (choicesElement.options[x].text == savedFitlerValues) { choicesElement.options[x].selected = true; break; } else { choicesElement.options[x].selected = false; } } // Only display next row if f = 2.. // If only one row was used, no reason display the next row.. if (f == 2) { displayNextFilter(f - 1); // display it } } clearTimeout(timeOut); } } }
Do I have to pass the object (the form, the elements) to the completeEdit() function in the setTimeout() statement?
I can get the outcome of this function into a variable that I can then use later on. At the moment it obviously alerts the answer but I just want that answer in a variable.
HTML Code: <!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" xml:lang="en" lang="en">
Basically, when you click a link a function is called with a parameter based on the particular link you run. Then the code runs through an xml file, and if the parent of the nodes I've cyling through has a value equal to the parameter past to the function, that node is used to create a new link with window.open function attached to it.It all works, or seems to, and when I alert what is being built, it looks right to me, yet the links don't work.I've attached a copy of one of the alerts of one of the links as it's built.
I would like to split jquery into smaller files to enhance loading timefor mobile devices. Smarphones can't cache files larger than 20kb. Is it possible spilt jquery into smaller files?
i want to hide a floating div if the user screen is < 1024 as it will overlay with my blog content area. i found this jquery on the net i am not sure how to use it.
See these demos here [URL]. I want to do the same thing (red on error and removes red upon correct entry) but only with one simple input (a spam question). All that jquery for one little thing seems def overkill. Anyone have a custom little script lying around or know of a example?
Code: <script language="JavaScript"> var checkobj function agreesubmit(el){[code]....
i need to make it like if the button is clicked and there the agreement checkbox is not checked.. it should give an alert that the alert is not checked.. i know that would require a if and else statement but i cant figure out how to do it
I've got a quick and little jQuery script set up so that when I hover over a div (#meatHome), a smaller div with a play button pops up (#playVideo). When you hit play, a div with a youtube embed comes up and plays (#promoVideo). Everything works, save for the fact that once the video comes up, I don't want the play button to come up anymore when I hover over it.
Here's the code:
When the play button is pressed, show the video player
Now, I have also tried using this for the function on lines 15 thru 18.
Which succesfully hides the #playVideo div permanently but fails to show the video div. If I swap out ($("#promoVideo")) with a simple string of text, it appears to work just fine. Can anybody shed some light on my plight?
make my script smaller by creating a function that controlls every textboxes instead of one textbox. See below my code that I want to make it smaller...
OK so the basic stylesheets comprise about 800 lines of code and look about as fragile as Trump's ego; I don't understand what most of these CSS selectors actually refer to and I'm intimidated about breaking something.I need to make a smaller (less width, 230px wide to be exact) version of the audio player.[URL]
i am facing a problem after using jquery jconfirm alert. Issue is that after receiving confirm alert, when user press tab to go on Cancel button and press Enter key there, despite of firing event of Cancel button, it fires the event of OK button. this issue is not produced when user press the cancel button by mouse. Waiting for your replies.
my webstie allows users to change the color of the background, so to keep the text readable I have it changing as well.the color picker I am using has text boxes with rgb values 0-255 for each.I am trying to get one bit of text to alternate between red and blue with the conditions
When I use Window.open ("mywindow.htm") the size of the window is the same as the size of the original. How can I open the new window in a smaller size, so people can still see my main window, and the smaller one.
