Making a Javascript Bookmark

@jeepguy_1980Jan 24.2009

Would someone mind helping me make a javascript bookmark to automatically open this ~~[url=https://www.cnatra.navy.mil/scheds/tw5/TW5XMLSortFilterGrid2.aspx?sq=VT-2]~~page[/url], click tomorrow’s date, enter a name in the filter, and click submit?

I just want to add the bookmark to my computer, so I can click it and have it bring up just my schedule for the next day. Thanks.

to post a comment

JavaScript

35 Comments(s) _↴

@MrNobodyJan 25.2009 — #Multiple threads for the same issue are forbidden on this site:

http://www.webdeveloper.com/forum/showthread.php?t=200577

...and I didn't answer your question because that site has an invalid security certificate. Thus, I don't trust it. ;-)

@jeepguy_1980authorJan 25.2009 — #It's a .mil site. Ever .mil site pops that error for some reason.

@MrNobodyJan 25.2009 — #Basically, you have to look in the source of the page and identify the [B]name[/B] attribute values and/or [B]id[/B] attribute values for the HTML elements you wish to access. Then, if you tell me the name(s) or id(s) and what type of HTML element it is, then I can tell you how to access it from a bookmarklet.

@jeepguy_1980authorJan 25.2009 — #I have done that to a certain degree. I made a javascript bookmark that can jump to a specific date, but not tomorrow's date. It does nothing more than highlight the date.

The dates are selected using a (seemingly random) number that increases by one each date. i.e. this would select Jan 31st:

javascript:__doPostBack('Calendar1','3318')

The name filter text block is:

<input name="txtNameSearch" type="text" id="txtNameSearch"

The actual filter button is:

<input type="submit" name="btnFilter" value="Filter" id="btnFilter"

@MrNobodyJan 25.2009 — #The dates are selected using a (seemingly random) number that increases by one each date. i.e. this would select Jan 31st:

javascript:__doPostBack('Calendar1','3318')[/QUOTE]
Is there an HTML element containing these numbers in the page?

@jeepguy_1980authorJan 25.2009 — #This is the entire table that makes up the calendar:

<i>
 </i>&lt;table id="Calendar1" cellspacing="0" cellpadding="4" bordercolor="#999999" border="0" bgcolor="White" height="180" width="236" style="Z-INDEX: 102; LEFT: 32px; POSITION: absolute; TOP: 65px"&gt;
 &lt;tr&gt;&lt;td colspan="7" bgcolor="#999999"&gt;&lt;font face="Verdana" color="Black" size="1"&gt;&lt;table cellspacing="0" border="0" width="100%"&gt;
 &lt;tr&gt;&lt;td valign="Bottom" width="15%"&gt;&lt;font face="Verdana" color="Black" size="1"&gt;&lt;b&gt;&lt;a href="javascript:__doPostBack('Calendar1','V3257')" style="color:Black"&gt;&amp;lt;&lt;/a&gt;&lt;/b&gt;&lt;/font&gt;&lt;/td&gt;&lt;td align="Center" width="70%"&gt;&lt;font face="Verdana" color="Black" size="1"&gt;&lt;b&gt;January 2009&lt;/b&gt;&lt;/font&gt;&lt;/td&gt;&lt;td align="Right" valign="Bottom" width="15%"&gt;&lt;font face="Verdana" color="Black" size="1"&gt;&lt;b&gt;&lt;a href="javascript:__doPostBack('Calendar1','V3319')" style="color:Black"&gt;&amp;gt;&lt;/a&gt;&lt;/b&gt;&lt;/font&gt;&lt;/td&gt;&lt;/tr&gt;
 &lt;/table&gt;&lt;/font&gt;&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td align="Center" bgcolor="#CCCCCC"&gt;&lt;font face="Verdana" color="Black" size="1"&gt;&lt;b&gt;S&lt;/b&gt;&lt;/font&gt;&lt;/td&gt;&lt;td align="Center" bgcolor="#CCCCCC"&gt;&lt;font face="Verdana" color="Black" size="1"&gt;&lt;b&gt;M&lt;/b&gt;&lt;/font&gt;&lt;/td&gt;&lt;td align="Center" bgcolor="#CCCCCC"&gt;&lt;font face="Verdana" color="Black" size="1"&gt;&lt;b&gt;T&lt;/b&gt;&lt;/font&gt;&lt;/td&gt;&lt;td align="Center" bgcolor="#CCCCCC"&gt;&lt;font face="Verdana" color="Black" size="1"&gt;&lt;b&gt;W&lt;/b&gt;&lt;/font&gt;&lt;/td&gt;&lt;td align="Center" bgcolor="#CCCCCC"&gt;&lt;font face="Verdana" color="Black" size="1"&gt;&lt;b&gt;T&lt;/b&gt;&lt;/font&gt;&lt;/td&gt;&lt;td align="Center" bgcolor="#CCCCCC"&gt;&lt;font face="Verdana" color="Black" size="1"&gt;&lt;b&gt;F&lt;/b&gt;&lt;/font&gt;&lt;/td&gt;&lt;td align="Center" bgcolor="#CCCCCC"&gt;&lt;font face="Verdana" color="Black" size="1"&gt;&lt;b&gt;S&lt;/b&gt;&lt;/font&gt;&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td align="Center" bgcolor="#FFFFCC" width="14%"&gt;&lt;font face="Verdana" color="Gray" size="1"&gt;&lt;a href="javascript:__doPostBack('Calendar1','3284')" style="color:Gray"&gt;28&lt;/a&gt;&lt;/font&gt;&lt;/td&gt;&lt;td align="Center" width="14%"&gt;&lt;font face="Verdana" color="Gray" size="1"&gt;&lt;a href="javascript:__doPostBack('Calendar1','3285')" style="color:Gray"&gt;29&lt;/a&gt;&lt;/font&gt;&lt;/td&gt;&lt;td align="Center" width="14%"&gt;&lt;font face="Verdana" color="Gray" size="1"&gt;&lt;a href="javascript:__doPostBack('Calendar1','3286')" style="color:Gray"&gt;30&lt;/a&gt;&lt;/font&gt;&lt;/td&gt;&lt;td align="Center" width="14%"&gt;&lt;font face="Verdana" color="Gray" size="1"&gt;&lt;a href="javascript:__doPostBack('Calendar1','3287')" style="color:Gray"&gt;31&lt;/a&gt;&lt;/font&gt;&lt;/td&gt;&lt;td align="Center" width="14%"&gt;&lt;font face="Verdana" color="Black" size="1"&gt;&lt;a href="javascript:__doPostBack('Calendar1','3288')" style="color:Black"&gt;1&lt;/a&gt;&lt;/font&gt;&lt;/td&gt;&lt;td align="Center" width="14%"&gt;&lt;font face="Verdana" color="Black" size="1"&gt;&lt;a href="javascript:__doPostBack('Calendar1','3289')" style="color:Black"&gt;2&lt;/a&gt;&lt;/font&gt;&lt;/td&gt;&lt;td align="Center" bgcolor="#FFFFCC" width="14%"&gt;&lt;font face="Verdana" color="Black" size="1"&gt;&lt;a href="javascript:__doPostBack('Calendar1','3290')" style="color:Black"&gt;3&lt;/a&gt;&lt;/font&gt;&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td align="Center" bgcolor="#FFFFCC" width="14%"&gt;&lt;font face="Verdana" color="Black" size="1"&gt;&lt;a href="javascript:__doPostBack('Calendar1','3291')" style="color:Black"&gt;4&lt;/a&gt;&lt;/font&gt;&lt;/td&gt;&lt;td align="Center" width="14%"&gt;&lt;font face="Verdana" color="Black" size="1"&gt;&lt;a href="javascript:__doPostBack('Calendar1','3292')" style="color:Black"&gt;5&lt;/a&gt;&lt;/font&gt;&lt;/td&gt;&lt;td align="Center" width="14%"&gt;&lt;font face="Verdana" color="Black" size="1"&gt;&lt;a href="javascript:__doPostBack('Calendar1','3293')" style="color:Black"&gt;6&lt;/a&gt;&lt;/font&gt;&lt;/td&gt;&lt;td align="Center" width="14%"&gt;&lt;font face="Verdana" color="Black" size="1"&gt;&lt;a href="javascript:__doPostBack('Calendar1','3294')" style="color:Black"&gt;7&lt;/a&gt;&lt;/font&gt;&lt;/td&gt;&lt;td align="Center" width="14%"&gt;&lt;font face="Verdana" color="Black" size="1"&gt;&lt;a href="javascript:__doPostBack('Calendar1','3295')" style="color:Black"&gt;8&lt;/a&gt;&lt;/font&gt;&lt;/td&gt;&lt;td align="Center" width="14%"&gt;&lt;font face="Verdana" color="Black" size="1"&gt;&lt;a href="javascript:__doPostBack('Calendar1','3296')" style="color:Black"&gt;9&lt;/a&gt;&lt;/font&gt;&lt;/td&gt;&lt;td align="Center" bgcolor="#FFFFCC" width="14%"&gt;&lt;font face="Verdana" color="Black" size="1"&gt;&lt;a href="javascript:__doPostBack('Calendar1','3297')" style="color:Black"&gt;10&lt;/a&gt;&lt;/font&gt;&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td align="Center" bgcolor="#FFFFCC" width="14%"&gt;&lt;font face="Verdana" color="Black" size="1"&gt;&lt;a href="javascript:__doPostBack('Calendar1','3298')" style="color:Black"&gt;11&lt;/a&gt;&lt;/font&gt;&lt;/td&gt;&lt;td align="Center" width="14%"&gt;&lt;font face="Verdana" color="Black" size="1"&gt;&lt;a href="javascript:__doPostBack('Calendar1','3299')" style="color:Black"&gt;12&lt;/a&gt;&lt;/font&gt;&lt;/td&gt;&lt;td align="Center" width="14%"&gt;&lt;font face="Verdana" color="Black" size="1"&gt;&lt;a href="javascript:__doPostBack('Calendar1','3300')" style="color:Black"&gt;13&lt;/a&gt;&lt;/font&gt;&lt;/td&gt;&lt;td align="Center" width="14%"&gt;&lt;font face="Verdana" color="Black" size="1"&gt;&lt;a href="javascript:__doPostBack('Calendar1','3301')" style="color:Black"&gt;14&lt;/a&gt;&lt;/font&gt;&lt;/td&gt;&lt;td align="Center" width="14%"&gt;&lt;font face="Verdana" color="Black" size="1"&gt;&lt;a href="javascript:__doPostBack('Calendar1','3302')" style="color:Black"&gt;15&lt;/a&gt;&lt;/font&gt;&lt;/td&gt;&lt;td align="Center" width="14%"&gt;&lt;font face="Verdana" color="Black" size="1"&gt;&lt;a href="javascript:__doPostBack('Calendar1','3303')" style="color:Black"&gt;16&lt;/a&gt;&lt;/font&gt;&lt;/td&gt;&lt;td align="Center" bgcolor="#FFFFCC" width="14%"&gt;&lt;font face="Verdana" color="Black" size="1"&gt;&lt;a href="javascript:__doPostBack('Calendar1','3304')" style="color:Black"&gt;17&lt;/a&gt;&lt;/font&gt;&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td align="Center" bgcolor="#FFFFCC" width="14%"&gt;&lt;font face="Verdana" color="Black" size="1"&gt;&lt;a href="javascript:__doPostBack('Calendar1','3305')" style="color:Black"&gt;18&lt;/a&gt;&lt;/font&gt;&lt;/td&gt;&lt;td align="Center" width="14%"&gt;&lt;font face="Verdana" color="Black" size="1"&gt;&lt;a href="javascript:__doPostBack('Calendar1','3306')" style="color:Black"&gt;19&lt;/a&gt;&lt;/font&gt;&lt;/td&gt;&lt;td align="Center" width="14%"&gt;&lt;font face="Verdana" color="Black" size="1"&gt;&lt;a href="javascript:__doPostBack('Calendar1','3307')" style="color:Black"&gt;20&lt;/a&gt;&lt;/font&gt;&lt;/td&gt;&lt;td align="Center" width="14%"&gt;&lt;font face="Verdana" color="Black" size="1"&gt;&lt;a href="javascript:__doPostBack('Calendar1','3308')" style="color:Black"&gt;21&lt;/a&gt;&lt;/font&gt;&lt;/td&gt;&lt;td align="Center" width="14%"&gt;&lt;font face="Verdana" color="Black" size="1"&gt;&lt;a href="javascript:__doPostBack('Calendar1','3309')" style="color:Black"&gt;22&lt;/a&gt;&lt;/font&gt;&lt;/td&gt;&lt;td align="Center" width="14%"&gt;&lt;font face="Verdana" color="Black" size="1"&gt;&lt;a href="javascript:__doPostBack('Calendar1','3310')" style="color:Black"&gt;23&lt;/a&gt;&lt;/font&gt;&lt;/td&gt;&lt;td align="Center" bgcolor="#666666" width="14%"&gt;&lt;font face="Verdana" color="White" size="1"&gt;&lt;b&gt;&lt;a href="javascript:__doPostBack('Calendar1','3311')" style="color:White"&gt;24&lt;/a&gt;&lt;/b&gt;&lt;/font&gt;&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td align="Center" bgcolor="#FFFFCC" width="14%"&gt;&lt;font face="Verdana" color="Black" size="1"&gt;&lt;a href="javascript:__doPostBack('Calendar1','3312')" style="color:Black"&gt;25&lt;/a&gt;&lt;/font&gt;&lt;/td&gt;&lt;td align="Center" width="14%"&gt;&lt;font face="Verdana" color="Black" size="1"&gt;&lt;a href="javascript:__doPostBack('Calendar1','3313')" style="color:Black"&gt;26&lt;/a&gt;&lt;/font&gt;&lt;/td&gt;&lt;td align="Center" width="14%"&gt;&lt;font face="Verdana" color="Black" size="1"&gt;&lt;a href="javascript:__doPostBack('Calendar1','3314')" style="color:Black"&gt;27&lt;/a&gt;&lt;/font&gt;&lt;/td&gt;&lt;td align="Center" width="14%"&gt;&lt;font face="Verdana" color="Black" size="1"&gt;&lt;a href="javascript:__doPostBack('Calendar1','3315')" style="color:Black"&gt;28&lt;/a&gt;&lt;/font&gt;&lt;/td&gt;&lt;td align="Center" width="14%"&gt;&lt;font face="Verdana" color="Black" size="1"&gt;&lt;a href="javascript:__doPostBack('Calendar1','3316')" style="color:Black"&gt;29&lt;/a&gt;&lt;/font&gt;&lt;/td&gt;&lt;td align="Center" width="14%"&gt;&lt;font face="Verdana" color="Black" size="1"&gt;&lt;a href="javascript:__doPostBack('Calendar1','3317')" style="color:Black"&gt;30&lt;/a&gt;&lt;/font&gt;&lt;/td&gt;&lt;td align="Center" bgcolor="#FFFFCC" width="14%"&gt;&lt;font face="Verdana" color="Black" size="1"&gt;&lt;a href="javascript:__doPostBack('Calendar1','3318')" style="color:Black"&gt;31&lt;/a&gt;&lt;/font&gt;&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td align="Center" bgcolor="#FFFFCC" width="14%"&gt;&lt;font face="Verdana" color="Gray" size="1"&gt;&lt;a href="javascript:__doPostBack('Calendar1','3319')" style="color:Gray"&gt;1&lt;/a&gt;&lt;/font&gt;&lt;/td&gt;&lt;td align="Center" width="14%"&gt;&lt;font face="Verdana" color="Gray" size="1"&gt;&lt;a href="javascript:__doPostBack('Calendar1','3320')" style="color:Gray"&gt;2&lt;/a&gt;&lt;/font&gt;&lt;/td&gt;&lt;td align="Center" width="14%"&gt;&lt;font face="Verdana" color="Gray" size="1"&gt;&lt;a href="javascript:__doPostBack('Calendar1','3321')" style="color:Gray"&gt;3&lt;/a&gt;&lt;/font&gt;&lt;/td&gt;&lt;td align="Center" width="14%"&gt;&lt;font face="Verdana" color="Gray" size="1"&gt;&lt;a href="javascript:__doPostBack('Calendar1','3322')" style="color:Gray"&gt;4&lt;/a&gt;&lt;/font&gt;&lt;/td&gt;&lt;td align="Center" width="14%"&gt;&lt;font face="Verdana" color="Gray" size="1"&gt;&lt;a href="javascript:__doPostBack('Calendar1','3323')" style="color:Gray"&gt;5&lt;/a&gt;&lt;/font&gt;&lt;/td&gt;&lt;td align="Center" width="14%"&gt;&lt;font face="Verdana" color="Gray" size="1"&gt;&lt;a href="javascript:__doPostBack('Calendar1','3324')" style="color:Gray"&gt;6&lt;/a&gt;&lt;/font&gt;&lt;/td&gt;&lt;td align="Center" bgcolor="#FFFFCC" width="14%"&gt;&lt;font face="Verdana" color="Gray" size="1"&gt;&lt;a href="javascript:__doPostBack('Calendar1','3325')" style="color:Gray"&gt;7&lt;/a&gt;&lt;/font&gt;&lt;/td&gt;&lt;/tr&gt;
 
 &lt;/table&gt;

Today's date is 3311 and it's highlighted. The line reads:

bgcolor="#666666" width="14%"&gt;&lt;font face="Verdana" color="White" size="1"&gt;&lt;b&gt;&lt;a href="javascript:__doPostBack('Calendar1','3311')" style="color:White"&gt;24&lt;/a&gt;&lt;/b&gt;

@MrNobodyJan 25.2009 — #OK, if you decode that table, you'll find that each day is represented by an arrangement such as the following.

[CODE]<td align="Center" bgcolor="#FFFFCC" width="14&#37;">
 <font face="Verdana" color="Gray" size="1"><a
 href="javascript:__doPostBack('Calendar1','3284')" style="color:Gray">[COLOR="Red"]28[/COLOR]</a></font>
 </td>[/CODE]

Now you can step through that table and find the number of the [COLOR="Red"]day[/COLOR] you're looking for. Then, backing up from there, you can extract the postback function you need.

@jeepguy_1980authorJan 25.2009 — #Is it possible to do that using a Bookmark?

@MrNobodyJan 25.2009 — #Yes.

@jeepguy_1980authorJan 25.2009 — #Would it be something like this?
javascript:(funcion(){var currentDate = new Date(),var day = currentDate.getDate()+1;__doPostBack('Calendar1',day);})

@MrNobodyJan 25.2009 — #No. In the first place, you posted this:

[CODE]javascript:
 (
 funcion()
 {
 var currentDate = new Date(),var day = currentDate.getDate() + 1;
 __doPostBack('Calendar1',day);
 }
 )[/CODE]

but the equivalent bookmarklet would actually look like this:

[CODE]javascript:
 var day, currentDate = new Date();
 day = currentDate.getDate() + 1;
 __doPostBack('Calendar1',day);[/CODE]

In the second place, the value you're using for "day" is incorrect.

@jeepguy_1980authorJan 25.2009 — #I was just about to say that. I have to convert day back into a number, which is my next question.

I guess I can use 3288 as a baseline date and add the current date, month, and year to that number.

@jeepguy_1980authorJan 25.2009 — #Thanks for your help so far, it really got me pointed in the right direction. I tried this, still not selecting the next date. Any ideas?

<i>
 </i>javascript:
 var day, var baseDate, var, postDate, var msPerDay, currentDate = new Date();
 msPerDay = 24 * 60 * 60 * 1000;
 baseDate = new Date( "January 1, 2008, 00:00:01" );
 day = currentDate.getTime() + msPerDay;
 day -= baseDate.getTime();
 postDate = Math.round(day/msPerDay);
 __doPostBack('Calendar1',postDate);

@MrNobodyJan 25.2009 — #Shorten this:
[CODE]var day, var baseDate, var, postDate, var msPerDay, currentDate = new Date();[/CODE]
to this:
[CODE]var day, baseDate, postDate, msPerDay, currentDate = new Date();[/CODE]
I don't know that this affects anything, but I know this:
[CODE]baseDate = new Date( "January 1, 2008, 00:00:01" );[/CODE]
can be this with equivalent function:
[CODE]baseDate = new Date("01/01/2008");[/CODE]
Otherwise, have you confirmed that the results of your calculation is yielding the correct number?

@jeepguy_1980authorJan 25.2009 — #That did cause the page to do something. It is now selecting a date, though it is not in the month of January.

I'm not sure how to make a bookmarklet print an output. I've never programed in javascript before.

Would a document.write work for a bookmarklet?

But I did realize that I forgot to add the number 3288 to my post date number.

@MrNobodyJan 25.2009 — #Use [B]alert()[/B] in your script when you want to check values.

@jeepguy_1980authorJan 25.2009 — #This almost works. It's just selecting Jan 27 instead of Jan 26. I forgot it was 2009.

javascript:
 var day, baseDate, postDate, msPerDay, currentDate = new Date();
 msPerDay = 24 * 60 * 60 * 1000;
 baseDate = new Date("01/01/2009");
 day = currentDate.getTime() + msPerDay;
 day -= baseDate.getTime();
 postDate = Math.round(day/msPerDay);
 postDate += 3288;
 alert(postDate);
 __doPostBack('Calendar1',postDate);

I suppose I can get rid of the +msPerDay to solve my problem.

Now, what must I do to send a name to filter and click the filter button?

@jeepguy_1980authorJan 25.2009 — #Edit: This fills my name into the filter text box, but it doesn't submit it.

javascript:
 var day, baseDate, postDate, msPerDay, currentDate = new Date();
 msPerDay = 24 * 60 * 60 * 1000;
 baseDate = new Date("01/01/2009");
 day = currentDate.getTime();
 day -= baseDate.getTime();
 postDate = Math.round(day/msPerDay);
 postDate += 3288;
 Form1.txtNameSearch.value="MyName";
 __doPostBack('Calendar1',postDate);
 Form1.btnFilter.value="Filter";
 Form1.btnFilter.submit();

@MrNobodyJan 26.2009 — #This:
[CODE]Form1.btnFilter.submit();[/CODE]
should be either:
[CODE]Form1.btnFilter.click();[/CODE]
or:
[CODE]Form1.submit();[/CODE]

@jeepguy_1980authorJan 26.2009 — #Those aren't working. I have also tried

document.Form1.getElementById('btnFilter').click();

@MrNobodyJan 26.2009 — #Have to see the complete HTML for the form and the complete HTML for the button.

@jeepguy_1980authorJan 26.2009 — #

&lt;HTML&gt;
 &lt;HEAD&gt;
 &lt;title&gt;Schedule Data&lt;/title&gt;
 &lt;meta name="GENERATOR" content="Microsoft Visual Studio .NET 7.1"&gt;
 &lt;meta name="CODE_LANGUAGE" content="Visual Basic .NET 7.1"&gt;
 &lt;meta name="vs_defaultClientScript" content="JavaScript"&gt;
 
 <i>	</i>	&lt;meta name="vs_targetSchema" content="http://schemas.microsoft.com/intellisense/ie5"&gt;
 <i>	</i>&lt;/HEAD&gt;
 <i>	</i>&lt;body MS_POSITIONING="GridLayout" style="font-family:Arial, Helvetica, sans-serif; font-size:13px"&gt;
 <i>    </i>            &lt;font color="#990000"&gt;Be sure to click the date on the calendar before trying to view the schedule or front page.&lt;/font&gt;&lt;br /&gt;
 Click &lt;a href="https://www.cnatra.navy.mil/tw5/vt2"&gt;&lt;strong&gt;HERE&lt;/strong&gt;&lt;/a&gt; to return to the 
 VT-2 Doerbirds website.
 &lt;form name="Form1" method="post" action="TW5XMLSortFilterGrid2.aspx?sq=VT-2" id="Form1"&gt;
 &lt;input type="hidden" name="__EVENTTARGET" value="" /&gt;
 &lt;input type="hidden" name="__EVENTARGUMENT" value="" /&gt;
 &lt;input type="hidden" name="__VIEWSTATE" value="dDw3MDgyMTAyMzI7dDxwPGw8Q29sdW1uO09yZGVyOz47bDxSZWNObztBU0M7Pj47bDxpPDA+Oz47bDx0PDtsPGk8MD47aTwxPjtpPDk+O2k8MTA+Oz47bDx0PEAwPHA8cDxsPEFsbG93U29ydGluZzs+O2w8bzx0Pjs+Pjs+Ozs7Ozs7Ozs7Oz47Oz47dDxAMDxwPHA8bDxTRDs+O2w8bDxTeXN0ZW0uRGF0ZVRpbWUsIG1zY29ybGliLCBWZXJzaW9uPTEuMC41MDAwLjAsIEN1bHR1cmU9bmV1dHJhbCwgUHVibGljS2V5VG9rZW49Yjc3YTVjNTYxOTM0ZTA4OTwyMDA5LTAxLTI1Pjs+Oz4+Oz47Ozs7Ozs7Ozs7Pjs7Pjt0PHA8cDxsPFRleHQ7PjtsPFxlOz4+Oz47Oz47dDxwPHA8bDxWaXNpYmxlOz47bDxvPGY+Oz4+Oz47Oz47Pj47Pj47PkdWOSf0go47he59jQod6Ykrb6Wn" /&gt;
 
 &lt;script language="javascript" type="text/javascript"&gt;
 &lt;!--
 function __doPostBack(eventTarget, eventArgument) {
 var theform;
 if (window.navigator.appName.toLowerCase().indexOf("microsoft") &gt; -1) {
 theform = document.Form1;
 }
 else {
 theform = document.forms["Form1"];
 }
 theform.__EVENTTARGET.value = eventTarget.split("$").join(":");
 theform.__EVENTARGUMENT.value = eventArgument;
 theform.submit();
 }
 // --&gt;
 &lt;/script&gt;
 
 
 <i>	</i>		&lt;table id="Calendar1" cellspacing="0" cellpadding="4" bordercolor="#999999" border="0" bgcolor="White" height="180" width="236" style="Z-INDEX: 102; LEFT: 32px; POSITION: absolute; TOP: 65px"&gt;
 <i>	</i>&lt;tr&gt;&lt;td colspan="7" bgcolor="#999999"&gt;&lt;font face="Verdana" color="Black" size="1"&gt;&lt;table cellspacing="0" border="0" width="100&amp;#37;"&gt;
 <i>	</i>	&lt;tr&gt;&lt;td valign="Bottom" width="15%"&gt;&lt;font face="Verdana" color="Black" size="1"&gt;&lt;b&gt;&lt;a href="javascript:__doPostBack('Calendar1','V3257')" style="color:Black"&gt;&amp;lt;&lt;/a&gt;&lt;/b&gt;&lt;/font&gt;&lt;/td&gt;&lt;td align="Center" width="70%"&gt;&lt;font face="Verdana" color="Black" size="1"&gt;&lt;b&gt;January 2009&lt;/b&gt;&lt;/font&gt;&lt;/td&gt;&lt;td align="Right" valign="Bottom" width="15%"&gt;&lt;font face="Verdana" color="Black" size="1"&gt;&lt;b&gt;&lt;a href="javascript:__doPostBack('Calendar1','V3319')" style="color:Black"&gt;&amp;gt;&lt;/a&gt;&lt;/b&gt;&lt;/font&gt;&lt;/td&gt;&lt;/tr&gt;
 <i>	</i>&lt;/table&gt;&lt;/font&gt;&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td align="Center" bgcolor="#CCCCCC"&gt;&lt;font face="Verdana" color="Black" size="1"&gt;&lt;b&gt;S&lt;/b&gt;&lt;/font&gt;&lt;/td&gt;&lt;td align="Center" bgcolor="#CCCCCC"&gt;&lt;font face="Verdana" color="Black" size="1"&gt;&lt;b&gt;M&lt;/b&gt;&lt;/font&gt;&lt;/td&gt;&lt;td align="Center" bgcolor="#CCCCCC"&gt;&lt;font face="Verdana" color="Black" size="1"&gt;&lt;b&gt;T&lt;/b&gt;&lt;/font&gt;&lt;/td&gt;&lt;td align="Center" bgcolor="#CCCCCC"&gt;&lt;font face="Verdana" color="Black" size="1"&gt;&lt;b&gt;W&lt;/b&gt;&lt;/font&gt;&lt;/td&gt;&lt;td align="Center" bgcolor="#CCCCCC"&gt;&lt;font face="Verdana" color="Black" size="1"&gt;&lt;b&gt;T&lt;/b&gt;&lt;/font&gt;&lt;/td&gt;&lt;td align="Center" bgcolor="#CCCCCC"&gt;&lt;font face="Verdana" color="Black" size="1"&gt;&lt;b&gt;F&lt;/b&gt;&lt;/font&gt;&lt;/td&gt;&lt;td align="Center" bgcolor="#CCCCCC"&gt;&lt;font face="Verdana" color="Black" size="1"&gt;&lt;b&gt;S&lt;/b&gt;&lt;/font&gt;&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td align="Center" bgcolor="#FFFFCC" width="14%"&gt;&lt;font face="Verdana" color="Gray" size="1"&gt;&lt;a href="javascript:__doPostBack('Calendar1','3284')" style="color:Gray"&gt;28&lt;/a&gt;&lt;/font&gt;&lt;/td&gt;&lt;td align="Center" width="14%"&gt;&lt;font face="Verdana" color="Gray" size="1"&gt;&lt;a href="javascript:__doPostBack('Calendar1','3285')" style="color:Gray"&gt;29&lt;/a&gt;&lt;/font&gt;&lt;/td&gt;&lt;td align="Center" width="14%"&gt;&lt;font face="Verdana" color="Gray" size="1"&gt;&lt;a href="javascript:__doPostBack('Calendar1','3286')" style="color:Gray"&gt;30&lt;/a&gt;&lt;/font&gt;&lt;/td&gt;&lt;td align="Center" width="14%"&gt;&lt;font face="Verdana" color="Gray" size="1"&gt;&lt;a href="javascript:__doPostBack('Calendar1','3287')" style="color:Gray"&gt;31&lt;/a&gt;&lt;/font&gt;&lt;/td&gt;&lt;td align="Center" width="14%"&gt;&lt;font face="Verdana" color="Black" size="1"&gt;&lt;a href="javascript:__doPostBack('Calendar1','3288')" style="color:Black"&gt;1&lt;/a&gt;&lt;/font&gt;&lt;/td&gt;&lt;td align="Center" width="14%"&gt;&lt;font face="Verdana" color="Black" size="1"&gt;&lt;a href="javascript:__doPostBack('Calendar1','3289')" style="color:Black"&gt;2&lt;/a&gt;&lt;/font&gt;&lt;/td&gt;&lt;td align="Center" bgcolor="#FFFFCC" width="14%"&gt;&lt;font face="Verdana" color="Black" size="1"&gt;&lt;a href="javascript:__doPostBack('Calendar1','3290')" style="color:Black"&gt;3&lt;/a&gt;&lt;/font&gt;&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td align="Center" bgcolor="#FFFFCC" width="14%"&gt;&lt;font face="Verdana" color="Black" size="1"&gt;&lt;a href="javascript:__doPostBack('Calendar1','3291')" style="color:Black"&gt;4&lt;/a&gt;&lt;/font&gt;&lt;/td&gt;&lt;td align="Center" width="14%"&gt;&lt;font face="Verdana" color="Black" size="1"&gt;&lt;a href="javascript:__doPostBack('Calendar1','3292')" style="color:Black"&gt;5&lt;/a&gt;&lt;/font&gt;&lt;/td&gt;&lt;td align="Center" width="14%"&gt;&lt;font face="Verdana" color="Black" size="1"&gt;&lt;a href="javascript:__doPostBack('Calendar1','3293')" style="color:Black"&gt;6&lt;/a&gt;&lt;/font&gt;&lt;/td&gt;&lt;td align="Center" width="14%"&gt;&lt;font face="Verdana" color="Black" size="1"&gt;&lt;a href="javascript:__doPostBack('Calendar1','3294')" style="color:Black"&gt;7&lt;/a&gt;&lt;/font&gt;&lt;/td&gt;&lt;td align="Center" width="14%"&gt;&lt;font face="Verdana" color="Black" size="1"&gt;&lt;a href="javascript:__doPostBack('Calendar1','3295')" style="color:Black"&gt;8&lt;/a&gt;&lt;/font&gt;&lt;/td&gt;&lt;td align="Center" width="14%"&gt;&lt;font face="Verdana" color="Black" size="1"&gt;&lt;a href="javascript:__doPostBack('Calendar1','3296')" style="color:Black"&gt;9&lt;/a&gt;&lt;/font&gt;&lt;/td&gt;&lt;td align="Center" bgcolor="#FFFFCC" width="14%"&gt;&lt;font face="Verdana" color="Black" size="1"&gt;&lt;a href="javascript:__doPostBack('Calendar1','3297')" style="color:Black"&gt;10&lt;/a&gt;&lt;/font&gt;&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td align="Center" bgcolor="#FFFFCC" width="14%"&gt;&lt;font face="Verdana" color="Black" size="1"&gt;&lt;a href="javascript:__doPostBack('Calendar1','3298')" style="color:Black"&gt;11&lt;/a&gt;&lt;/font&gt;&lt;/td&gt;&lt;td align="Center" width="14%"&gt;&lt;font face="Verdana" color="Black" size="1"&gt;&lt;a href="javascript:__doPostBack('Calendar1','3299')" style="color:Black"&gt;12&lt;/a&gt;&lt;/font&gt;&lt;/td&gt;&lt;td align="Center" width="14%"&gt;&lt;font face="Verdana" color="Black" size="1"&gt;&lt;a href="javascript:__doPostBack('Calendar1','3300')" style="color:Black"&gt;13&lt;/a&gt;&lt;/font&gt;&lt;/td&gt;&lt;td align="Center" width="14%"&gt;&lt;font face="Verdana" color="Black" size="1"&gt;&lt;a href="javascript:__doPostBack('Calendar1','3301')" style="color:Black"&gt;14&lt;/a&gt;&lt;/font&gt;&lt;/td&gt;&lt;td align="Center" width="14%"&gt;&lt;font face="Verdana" color="Black" size="1"&gt;&lt;a href="javascript:__doPostBack('Calendar1','3302')" style="color:Black"&gt;15&lt;/a&gt;&lt;/font&gt;&lt;/td&gt;&lt;td align="Center" width="14%"&gt;&lt;font face="Verdana" color="Black" size="1"&gt;&lt;a href="javascript:__doPostBack('Calendar1','3303')" style="color:Black"&gt;16&lt;/a&gt;&lt;/font&gt;&lt;/td&gt;&lt;td align="Center" bgcolor="#FFFFCC" width="14%"&gt;&lt;font face="Verdana" color="Black" size="1"&gt;&lt;a href="javascript:__doPostBack('Calendar1','3304')" style="color:Black"&gt;17&lt;/a&gt;&lt;/font&gt;&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td align="Center" bgcolor="#FFFFCC" width="14%"&gt;&lt;font face="Verdana" color="Black" size="1"&gt;&lt;a href="javascript:__doPostBack('Calendar1','3305')" style="color:Black"&gt;18&lt;/a&gt;&lt;/font&gt;&lt;/td&gt;&lt;td align="Center" width="14%"&gt;&lt;font face="Verdana" color="Black" size="1"&gt;&lt;a href="javascript:__doPostBack('Calendar1','3306')" style="color:Black"&gt;19&lt;/a&gt;&lt;/font&gt;&lt;/td&gt;&lt;td align="Center" width="14%"&gt;&lt;font face="Verdana" color="Black" size="1"&gt;&lt;a href="javascript:__doPostBack('Calendar1','3307')" style="color:Black"&gt;20&lt;/a&gt;&lt;/font&gt;&lt;/td&gt;&lt;td align="Center" width="14%"&gt;&lt;font face="Verdana" color="Black" size="1"&gt;&lt;a href="javascript:__doPostBack('Calendar1','3308')" style="color:Black"&gt;21&lt;/a&gt;&lt;/font&gt;&lt;/td&gt;&lt;td align="Center" width="14%"&gt;&lt;font face="Verdana" color="Black" size="1"&gt;&lt;a href="javascript:__doPostBack('Calendar1','3309')" style="color:Black"&gt;22&lt;/a&gt;&lt;/font&gt;&lt;/td&gt;&lt;td align="Center" width="14%"&gt;&lt;font face="Verdana" color="Black" size="1"&gt;&lt;a href="javascript:__doPostBack('Calendar1','3310')" style="color:Black"&gt;23&lt;/a&gt;&lt;/font&gt;&lt;/td&gt;&lt;td align="Center" bgcolor="#FFFFCC" width="14%"&gt;&lt;font face="Verdana" color="Black" size="1"&gt;&lt;a href="javascript:__doPostBack('Calendar1','3311')" style="color:Black"&gt;24&lt;/a&gt;&lt;/font&gt;

@jeepguy_1980authorJan 26.2009 — #

&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td align="Center" bgcolor="#666666" width="14&amp;#37;"&gt;&lt;font face="Verdana" color="White" size="1"&gt;&lt;b&gt;&lt;a href="javascript:__doPostBack('Calendar1','3312')" style="color:White"&gt;25&lt;/a&gt;&lt;/b&gt;&lt;/font&gt;&lt;/td&gt;&lt;td align="Center" width="14%"&gt;&lt;font face="Verdana" color="Black" size="1"&gt;&lt;a href="javascript:__doPostBack('Calendar1','3313')" style="color:Black"&gt;26&lt;/a&gt;&lt;/font&gt;&lt;/td&gt;&lt;td align="Center" width="14%"&gt;&lt;font face="Verdana" color="Black" size="1"&gt;&lt;a href="javascript:__doPostBack('Calendar1','3314')" style="color:Black"&gt;27&lt;/a&gt;&lt;/font&gt;&lt;/td&gt;&lt;td align="Center" width="14%"&gt;&lt;font face="Verdana" color="Black" size="1"&gt;&lt;a href="javascript:__doPostBack('Calendar1','3315')" style="color:Black"&gt;28&lt;/a&gt;&lt;/font&gt;&lt;/td&gt;&lt;td align="Center" width="14%"&gt;&lt;font face="Verdana" color="Black" size="1"&gt;&lt;a href="javascript:__doPostBack('Calendar1','3316')" style="color:Black"&gt;29&lt;/a&gt;&lt;/font&gt;&lt;/td&gt;&lt;td align="Center" width="14%"&gt;&lt;font face="Verdana" color="Black" size="1"&gt;&lt;a href="javascript:__doPostBack('Calendar1','3317')" style="color:Black"&gt;30&lt;/a&gt;&lt;/font&gt;&lt;/td&gt;&lt;td align="Center" bgcolor="#FFFFCC" width="14%"&gt;&lt;font face="Verdana" color="Black" size="1"&gt;&lt;a href="javascript:__doPostBack('Calendar1','3318')" style="color:Black"&gt;31&lt;/a&gt;&lt;/font&gt;&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td align="Center" bgcolor="#FFFFCC" width="14%"&gt;&lt;font face="Verdana" color="Gray" size="1"&gt;&lt;a href="javascript:__doPostBack('Calendar1','3319')" style="color:Gray"&gt;1&lt;/a&gt;&lt;/font&gt;&lt;/td&gt;&lt;td align="Center" width="14%"&gt;&lt;font face="Verdana" color="Gray" size="1"&gt;&lt;a href="javascript:__doPostBack('Calendar1','3320')" style="color:Gray"&gt;2&lt;/a&gt;&lt;/font&gt;&lt;/td&gt;&lt;td align="Center" width="14%"&gt;&lt;font face="Verdana" color="Gray" size="1"&gt;&lt;a href="javascript:__doPostBack('Calendar1','3321')" style="color:Gray"&gt;3&lt;/a&gt;&lt;/font&gt;&lt;/td&gt;&lt;td align="Center" width="14%"&gt;&lt;font face="Verdana" color="Gray" size="1"&gt;&lt;a href="javascript:__doPostBack('Calendar1','3322')" style="color:Gray"&gt;4&lt;/a&gt;&lt;/font&gt;&lt;/td&gt;&lt;td align="Center" width="14%"&gt;&lt;font face="Verdana" color="Gray" size="1"&gt;&lt;a href="javascript:__doPostBack('Calendar1','3323')" style="color:Gray"&gt;5&lt;/a&gt;&lt;/font&gt;&lt;/td&gt;&lt;td align="Center" width="14%"&gt;&lt;font face="Verdana" color="Gray" size="1"&gt;&lt;a href="javascript:__doPostBack('Calendar1','3324')" style="color:Gray"&gt;6&lt;/a&gt;&lt;/font&gt;&lt;/td&gt;&lt;td align="Center" bgcolor="#FFFFCC" width="14%"&gt;&lt;font face="Verdana" color="Gray" size="1"&gt;&lt;a href="javascript:__doPostBack('Calendar1','3325')" style="color:Gray"&gt;7&lt;/a&gt;&lt;/font&gt;&lt;/td&gt;&lt;/tr&gt;
 
 &lt;/table&gt;
 &lt;input type="submit" name="Button1" value="View Schedule" id="Button1" style="Z-INDEX: 103; LEFT: 296px; POSITION: absolute; TOP: 170px" /&gt;
 
 <i>    </i>    &lt;input type="submit" name="Button2" value="View Front Page" id="Button2" style="Z-INDEX: 103; LEFT: 296px; POSITION: absolute; TOP: 125px" /&gt;
 
 <i>    </i>    &lt;input name="txtNameSearch" type="text" id="txtNameSearch" title="Enter name or partial name then press Filter button to extract records" style="Z-INDEX: 108; LEFT: 296px; POSITION: absolute; TOP: 90px" /&gt;
 
 <i>	</i>&lt;span id="Label3" style="Z-INDEX: 109; LEFT: 296px; POSITION: absolute; TOP: 65px"&gt;Enter Instructor/Student Name to search.&lt;/span&gt;
 
 <i>	</i>&lt;input type="submit" name="btnFilter" value="Filter" id="btnFilter" style="Z-INDEX: 110; LEFT: 440px; POSITION: absolute; TOP: 90px" /&gt;
 
 <i>    </i>    &lt;!-- EITHER IMAGE NOT WORKING PROPERLY YET
 <i>    </i>    &lt;img id="Image1" src="https://wingweb/hcr4/images/vt27small.gif" alt="" border="0" height="80" width="88" style="Z-INDEX: 111; LEFT: 544px; POSITION: absolute; TOP: 78px" /&gt;
 
 <i>    </i>    &lt;img id="Image2" src="file:///\wingwebHCR4imagesPatch_vt27.jpg" alt="" border="0" height="120" width="136" style="Z-INDEX: 111; LEFT: 536px; POSITION: absolute; TOP: 78px" /&gt;
 <i>    </i>    --&gt;
 
 <i>	</i>&lt;span id="Label1" style="Z-INDEX: 105; LEFT: 296px; POSITION: absolute; TOP: 210px"&gt;&lt;b&gt;&lt;font color="Blue"&gt;&lt;/font&gt;&lt;/b&gt;&lt;/span&gt;
 
 <i>    </i>    &lt;/form&gt;
 
 <i>	</i>	&lt;/form&gt;
 <i>	</i>&lt;/body&gt;
 &lt;/HTML&gt;

I had to break it in two chunks. But that's the whole page.

@MrNobodyJan 26.2009 — #Sorry, I meant just the FORM tag -- not the whole form. ? Checking...

@jeepguy_1980authorJan 26.2009 — #I'm sort of confused on the form, b/c the page has two </form> tags and only one <form> tag.

@MrNobodyJan 26.2009 — #OK, let's go with this:
[CODE]document.forms['Form1'].btnFilter.click();[/CODE]
or this:
[CODE]document.forms['Form1'].submit();[/CODE]

@MrNobodyJan 26.2009 — #I'm sort of confused on the form, b/c the page has two </form> tags and only one <form> tag.[/QUOTE]
Yes, that would be some badly formed HTML. The second closing form tag shouldn't be there.

@jeepguy_1980authorJan 26.2009 — #Neither of those worked.

@jeepguy_1980authorJan 26.2009 — #This works, except for the fact that it doesn't have time to change the date:

<i>
 </i>javascript:
 var day, baseDate, postDate, msPerDay, currentDate = new Date();
 msPerDay = 24 * 60 * 60 * 1000;
 baseDate = new Date("01/01/2009");
 day = currentDate.getTime();
 day -= baseDate.getTime();
 postDate = Math.round(day/msPerDay);
 postDate += 3288;
 Form1.txtNameSearch.value="MyName";
 document.forms['Form1'].btnFilter.click();
 __doPostBack('Calendar1',postDate);

I had the same thing when putting my name in. I had to enter my name before the whole __postback thing. Or else, it wouldn't process entering my name.

I think I need to enter the date using another format. Probably like they did in their js function. I tried:

<i>
 </i>Form1.Calendar1.value=postDate;

@MrNobodyJan 26.2009 — #OK, that explains something. Executing the postback function is interfering with submitting the filter form.

@jeepguy_1980authorJan 26.2009 — #Maybe something like this:

document.forms['Form1'].__EVENTTARGET.value = "C$:a$:l$:e$:n$:d$:a$:r$:1$";
 document.forms['Form1'].__EVENTARGUMENT.value = postDate;

@jeepguy_1980authorJan 26.2009 — #Maybe this:

<i>
 </i>  __doPostBack('Calendar1',postDate);
 setTimeout("document.forms['Form1'].btnFilter.click();",2000);

@MrNobodyJan 26.2009 — #Experiment to your heart's content.

@jeepguy_1980authorJan 26.2009 — #Everytime the doPostBack function is called, it actually loads a new html page, but it keeps anything filled out in the form just as it was.

It seems that the hidden field Viewstate is my problem. If I could decode it and submit the appropriate ViewState code, I could skip the doPostBack funtion.

I either need to figure out how to decode that thing, and it's enormous, so I probably can't. Or figure out how to make the script wait until the new page has loaded.

Is it possible for the script to pause until a new page has loaded? The Timeout doesn't work, b/c as soon as the doPostBack calls the new page, my script stops executing.

@MrNobodyJan 26.2009 — #Well, that is a problem.

Also in #JavaScript _↴

Pulling form fields into a url Opening a popup window using a link Subtract 2 dates and return Month

Success!

Help @jeepguy_1980 spread the word by sharing this article on Twitter...

Tweet This

Making a Javascript Bookmark

35 Comments(s) _↴

Also in #JavaScript _↴

Success!

Social

Version

Making a Javascript Bookmark

35 Comments(s) ↴

Also in #JavaScript ↴

Success!

The web is an endless sea of information. Don't miss the boat... Subscribe!

Social

Version

35 Comments(s) _↴

Also in #JavaScript _↴