Is there a way, besides writing another method, to make Date.setMonth() do something more useful than nothing when the month in question creates an invalid date? If I try
d=new Date();
d.setMonth( 1 );
today, I'd really like to get some kind of an error rather than silent failure.
I am having difficulty trying to change the format of selected date from date picker. This is a test so my code is very simple. Here it is.
[Code]....
I expect to see "foo" for the 2nd alert. Instead, the value of select is
cleared. Am I missing something?
<html>
<head><title>Foo</title>
<script language="javascript">
<!--
function foo()
{
alert('Before change: ' + document.control.titleFont.value);
document.control.titleFont.value = 'foo'
alert('After change: ' + document.control.titleFont.value);
}
-->
</script>
</head>
<body>
<form name="control" method="POST">
<select name="titleFont">
<option value="sans-serif">Arial</option>
<option value="serif">Times</option>
</select>
<input type="submit" name="control" value="Submit" onclick="return
foo()"/>
</form>
</body>
</html>
I'm trying to create an array of dates two weeks apart from an arbitrary startDate, and I've noticed some odd behavior in my variables. I did a little experiment on my JS console and here's what I got. My inputs are in blue, the output is in black.
Code:
Everything's good so far, but here's where it gets odd. I try to add 14 days to cur.
Code:
Why is it that when I make changes to cur, the same changes are made to startDate?
I have a java script that I like and recently changed the text on the page to 10 pt. but can't figure out how to change this script to 10.
<SCRIPT language="JavaScript" type="text/javascript">
<!--
// current date
// Array of day names
var dayNames = new Array("Sunday","Monday","Tuesday","Wednesday","Thursday","Friday","Saturday");
var monthNames = new Array("January","February","March","April","May","June","July",
"August","September","October","November","December");
var dt = new Date();
var y = dt.getYear();
// Y2K compliant
if (y < 1000) y +=1900;
document.write(dayNames[dt.getDay()] + ", " + monthNames[dt.getMonth()] + " " + dt.getDate() + ", " + y);
// -->
</SCRIPT>
Any ideas?
I would like to learn if there is way to change a different format every time the user want as example is London 12:00:33 - Friday 18/03/2011
View 2 Replies View RelatedMy datepicker works well except that the date it outputs in my input field is like mm-dd-yy, whereas I want dd-mm-yy. I tried to use formatDate :
$( "#timeline" ).datepicker({ disabled: true });
$.datepicker.formatDate('yy-mm-dd', new Date(2007, 1 - 1, 26));
But it doesn't change anything
I have a difficult problem with the changing of the format with many way in a global clock with date .
Code:
<select name="city" onClick="">
<option value="0">Adelaide</option>
<option value="1">Anchorage</option>
<option value="2">Athens</option>
[Code]....
i made this clock and for me in the UK it displays my time, however for people everywhere else in the world it displays their current time, i would like it to display GMTdate only regardless of where you live below is my code:
<script type="text/javascript">
<!--
function updateClock ( )
[code].....
I have a start date and end date text boxs. What I would like to achieve is when a submit button is clicked all the available dates between start and end dates should be displayed together with 3 check boxes next to each date (please see below). I am just wondering whether that'sachievablewith jquery, and if so, how I might be able to implement this.
Start date End date
I've got a div, and it has an onMouseOver handler attached to it which makes a second div visible. The second div shares part of one side with the first, but not all.
The first div also has an onMouseOut handler which, you guessed it, makes the second div invisible.
However, if the user rolls out of the first div and into the second, I'd like to keep the second div visible. Any ideas how to accomplish this?
My question is regarding the behavior of Supersubs in IE6. It seems to adjust to the correct width, but, it applies the new width to all of
the parent UL's of the widest LI. In IE7 and FF the new width is only applied to the containing UL of the LI.
I have a table that changes its cell (input text) colors when their contents
have changed (actually on keypress) and shows a couple of buttons
automatically, UDPATE and CANCEL. This works partially, though detecting
enter and escape doesn't seem to work, or parhaps calling the button click
events directly doesn't (see below).
In addition to getting the ENTER and ESC keypresses to fire their
appropriate button clicks, I need to be able to collect information on which
cells have changed, so on the page loading again I can read this
information, perhaps from a hidden field, to use to update a database
server-side.
<script language=javascript>
function GirdTextKeyPress(txtID, btnsContainerlID, btnUpdateID, btnCancelID)
{
var txt = document.getElementById(txtID);
txt.className = 'GridChanged'
var bc = document.getElementById(btnsContainerlID);
bc.style.display = 'inline'
var btnUpdate = document.getElementById(btnsContainerlID);
if (event.keyCode == 13)
{
event.returnValue=false;
event.cancelBubble = true;
btnUpdate.click();
}
var btnCancel = document.getElementById(btnCancelID)
if (event.keyCode == 61)
{
event.returnValue=false;
event.cancelBubble = true;
btnCancel.click();
}
}
</script>
<style>
Input.Grid
{
border-style:none;
}
Input.GridChanged
{
background-Color:Yellow
}
</style>
Normally, a button like <input type="image"is also a submit button.
Is there any way to override that so that it has an onclick event but
does not submit the form?
For what I'm trying to do, I cannot use an <imgelement with onclick.
I have to use a form element (and I'd rather have an image than a
button)
I coudn't understand some behavior of RegExp.test function.
Example html code:
----------------
<html><head></head><body><script type="text/javascript">
var r = /^https?:///g;
document.write( [
r.test('http://a'),
r.test('http://b'),
r.test('http://c'),
r.test('http://d')
]);
</script></body></html>
---------------------
The page displays true, false, true, false. (in Opera, Firefox and IE)
This is strange because I expected it would display true, true, true,
true. There must be something I didn't know about the function
RegExp.test.
I used the following script to allow me to bring up a list of events
for a given year by simply hovering the mouse over the filename. As
follows --
<script Language="JavaScript">
function winopen1(){
msg1=open
("","WINDOW1","toolbar=no,location=no,directories=no,status=no,me nubar=no,scrollbars=no,resizable=no,copyhistory=no ,width=550,height=200");
msg1.location="1989H.htm"}
</Script>
Then....
<a href="1989H.htm" onMouseOver="winopen1();return true;"
onMouseOut="msg1.close();return true;">1989</a></font></td>
This is one example .... this is repeated about 20 times in the
program, one for each year of our history...
It works fine ... but not on all the browsers in our office. Most work
fine ... others (all IE) work fine on some dates; other dates, when
you hover, flash a blank page repeatedly until you move the mouse
away; almost as though it is looping ...
I notice that "about:blank" flashes briefly before the called page
comes up ... but that appears to be normal.... I have checked and
rechecked all coding, all brackets and semi-colons ... and it works
perfectly -- for me and for a few others.
I've been working with a page that should act as a 'jump page' before
loading a PDF and when I use the location.replace function to replace
the jump page with the resulting PDF, both the jump page and the pdf
show up into the browser history (in IE only) leading to the dreaded
back-button loop. Code:
I want to call a JS function when Enter is pressed inside the form, and when the submit button is clicked I want to submit the form. Any simple way for doing this?
View 1 Replies View Relatedi'm sure its been thought of before and i'm sure this is just gunna piss off the people who like to tab through their pages, but i just made a little behavior component file that stops any links from gaining focus on your page.
put this is the style section of your page.
<style type="text/css">
a { behavior: url("hidefocus.htc"); }
</style>
then put the attached file in the same dir. (hidefocus.htc) this is all it is
<public:component>
<public:attach event="onfocus" handler="blurry" />
<script>
function blurry() {
element.blur();
}
</script>
</public:component>
Note: since this behavior is stored in an external file, sometimes one instance of link focus can occur before the htc file can be loaded. if anyone has any tips on fixing that i'd like to hear'em.
I have a drop down menu on my page, works. Then I went to add another ddm, doesn't work when on page, but works independently . DW creates a file called mm_menu.js. I am sure the problem is here, but I don't know what to change. Might anyone here know what I am talking about/had this prob before?
View 1 Replies View RelatedI was reading Peter-Paul Koch's article about how to separate javascript from the html and put it in another file:
http://www.digital-web.com/articles/...d_structure_2/
but I can't get it to work(IE6 and Firefox1.0 on windows). Here is my html file:
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">
<head>
<title>Web Design 1</title>
<meta name="author" content="Mr. Smith, I presume" />
<meta name="description" content="web" />
<script src="mouseovers.js" type="text/javascript"></script>
</head>
<body>
<div><img id="mouseover_effect" src="green_square.jpg" /></div>
</body>
</html>
and here is my mouseovers.js file:
Code:
function initializeMouseOvers(){
var images=document.getElementsByTagName("img");
var c=images.length;
for(var ii=0; ii < c; ii++){
images[ii].onMouseOver=mouseover;
}
}
function mouseover(){
this.src="red_square.jpg"
}
window.onload=initializeMouseOvers;
A green square displays, but I don't get any rollover effect--I'm trying to get the green square to switch to a red square.
I have a JSP page on which when print is pressed - Records are fetched
on a redirected page and those are to be printed.
I use the lines -
<script language="javascript">
window.print();
history.back();
</script>
to do the same.
When browsed from Netscape 4.7, the Resultset page is printed
perfectly whereas in IE6, the resultset page is generated and the
source page is printed i.e. the one where Print command was given
Is there a workaround for IE6 for the same which will let me print the
Result page silently without changing the sequence of operations for
the user?
ok, here's the background on my "lets learn jquery" debacle ... I have downloaded it (plus the UI) and that demo index.html loads and functions perfectly.
well, I can create a brand new .html document, and include just the jquery.js and perform something, and it will work ... here's the thing, if I change *anything* in the source file, the content in firefox will not refresh ... I could even delete random tags, including the <body> tags, the <h1> tags and text ... and it will just not carry over to the browser. And, if I view the source on firefox it will show a random amount of lines removed from the bottom of the .html file
what in the world is happening ... it is driving me crazy that i cant figure this out. (btw i'm using jquery1.4.4 on centos5.4 + apache2.3.3, and firefox3.6.6 from win7 if it matters)
to recap, if i start with a blank/fresh/from scratch file it will work as designed ... but as soon as I change anything, adding or removing code/content, it blows up randomly displaying content (even old content that isnt even saved in the .html file anymore!)
I have a div i would like to present and while it is presented i would like to disable everything else behind (like what modal dialog does). I'de like to write it myself and not use a plugin, is it hard to do?
View 1 Replies View Relatedmy code:
GEvent.addListener(map, 'infowindowbeforeclose', function() {
var form1 = $('#window_form_tab1').serialize();
var name = form1.name_field;
[code]....
and this is the form:
''+
'<div id='window_div1' style='width: 300px; height: 300px; '>'+
' <form id='window_form_tab1'>'+
' <label>Tipo de espaço</label>'+
[code]....
I want to add an event to a generated SELECT field. It's an onChange call to a function named calculateSubtotal(). The result I want would look like <select name="..." id="..." onChange="calculateSubtotal()">.
This is what I've got so far. The drop menu is created with no error, but no onChange either. Code:
var newTour = document.createElement('SELECT');
newTour.name = 'registour' + rowCount;
newTour.id = 'registour' + rowCount;
var newAttrib = document.createTextNode('onChange="calculateSubtotal()"');
addOption(newTour, '');
addOption(newTour, 'Tour 1');
addOption(newTour, 'Tour 2');
addOption(newTour, 'Tour 3');
document.getElementById('groupreg').appendChild(newTour);
document.getElementById(newTour.id).appendChild(newAttrib);
I also tried this, it doesn't work either:
newTour.onchange = 'calculateSubtotal()'
