JavaScript - Display Type Change Not Working

Hey guys I've been trying to get this script working to change a couple attributes in the CSS but it hasn't been working.

It's supposed to change the left and right margins of the #content tag if the resolution is greater that 1024x768. The text doesn't seem to want to stay in the center.

Heres the code:
Code:

<!--
if (screen.width > 1024)
{
ChangeCSS('#content','marginLeft','28%');
ChangeCSS('#content','marginRight','29%');
}
//-->

Heres the CSS:
Code:

#content {
        margin-bottom:0;
        margin-top:0;
        margin-left:24%;
        margin-right:27%;
	position: absolute;
	width: 38em;
}

The CSS code is all inline because this is a tumblr and I don't have a place to host style sheets.

Can anyone tell me whats wrong?

Thanks!

www.e-decals.com/dev displays fine in Firefox and Safari, (link color a {
color : #b2b2b2 correct) but IE showing default link colors around images in multibox - IE error he

User Agent: Mozilla/4.0 (compatible; MSIE 8.0; Windows NT 6.0; Trident/4.0; GTB6; SLCC1; .NET CLR 2.0.50727; .NET CLR 1.1.4322; .NET CLR 3.5.30729; .NET CLR 3.0.30618)
Timestamp: Thu, 5 Nov 2009 15:11:40 UTC

Message: Object doesn't support this property or method
Line: 467
Char: 4
Code: 0
URI: http://www.e-decals.com/dev/multibox/multibox.js

Any ideas?

Code:

<img id="who" class="who" src="who.jpg" alt="Warriors Chosen For Battle" title="Warriors Chosen For Battle">
<img id="chosen" class="selector" src="selector.jpg" alt="Click for next image" title="Click for next image" onclick="chosen()">
<img id="ambassador" class="selector" src="selector.jpg"  alt="Click for next image" title="Click for next image"onclick="ambassador()">

Code:

function chosen()
{
document.getElementById("who").src="chosen_for_christ.jpg";
}

function ambassador()
{
document.getElementById("who").src="ambassador.jpg";
}

Yeah so basically when I click on one of the selector images I want it to change the value "who" images src value. I'm making an image selector, it works fine in IE, but every other browser it refuses to do anything.

I have a form where I want certain fields to be visible only if the user clicks a checkbox on the form.

Specifically, when Presented_to_Goverment_EntityCheckbox0 is checked, these fields should appear.

Code:

DropDownList ID="GovEntity"
	Officials_Last_NameTextBox0
	Officials_First_NameTextBox0
	Officials_TitleTextBox0

I created two different styles, show below; one makes the fields visible and one hides them
Code:

	<style type="text/css">
	.hideit {
	visibility: hidden;
	overflow: hidden;
	position: absolute;
	}
	.showit {
	visibility: visible;
	overflow: visible;
	position: static;
}


	</style>

Then I surrounded the fields with a div ID'ed as wdiv

Code:

<div class="hideit" id="wdiv">
                                        Type Government Entity:
                                        <asp:TextBox ID="Type_Government_EntityTextBox" 

runat="server" 
                                            Text='<%# Bind("Type_Government_Entity") %>' />
                                        <br />
                                        Officials Last Name:
                                        <asp:TextBox ID="Officials_Last_NameTextBox" 

runat="server" style="display:none"
                                            Text='<%# Bind("Officials_Last_Name") %>' />
                                        <br />
                                        Officials_First_Name:
                                        <asp:TextBox ID="Officials_First_NameTextBox" 

runat="server" 
                                            Text='<%# Bind("Officials_First_Name") %>' />
                                        <br />
                                        Officials_Title:
                                        <asp:TextBox ID="Officials_TitleTextBox" 

runat="server" 
                                            Text='<%# Bind("Officials_Title") %>' />
                                        <br />
                                        </div>

I am using the following javascript to change the styles in response to an onclick event.

Code:

<script language="javascript" type="text/javascript">
               

function changeDiv(wdiv) {	thediv = document.getElementById(wdiv);	

if(thediv.className == 'hideit'){		

thediv.className = 'showit';	} else if (thediv.className == 'showit'){		

thediv.className = 'showit';		}}
</script>

I call the Javascript in this line

Code:

 <asp:CheckBox ID="Presented_to_Goverment_EntityCheckBox" onClick="ChangeDiv(wdiv)" 

runat="server" />                                
                                        <br />

However nothing happens when I click the checkbox and if I look in Firefox's error console it says ChangeDiv is not defined. Thanks.

Hi. this is my code for a form i am working on, i want it so that when "Non_Conformance_Type" = ID1
that <tbody id="ID1" style="display: none;">
</tbody>
is displayed.
Code:

 <script type="text/javascript">
// <![CDATA[
function display(obj,id1,id2,id3,id4,id5,id6,id7,id8) {
txt = obj.options[obj.selectedIndex].value;
document.getElementById(id1).style.display = 'none';
document.getElementById(id2).style.display = 'none';
document.getElementById(id3).style.display = 'none';
document.getElementById(id4).style.display = 'none';
document.getElementById(id5).style.display = 'none';
document.getElementById(id6).style.display = 'none';
document.getElementById(id7).style.display = 'none';
document.getElementById(id8).style.display = 'none';
if ( txt.match(id1) ) {
document.getElementById(id1).style.display = 'block';
}
if ( txt.match(id2) ) {
document.getElementById(id2).style.display = 'block';
}
if ( txt.match(id3) ) {
document.getElementById(id2).style.display = 'block';
}
if ( txt.match(id4) ) {
document.getElementById(id2).style.display = 'block';
}
if ( txt.match(id5) ) {
document.getElementById(id2).style.display = 'block';
}
if ( txt.match(id6) ) {
document.getElementById(id2).style.display = 'block';
}
if ( txt.match(id7) ) {
document.getElementById(id2).style.display = 'block';
}
if ( txt.match(id8) ) {
document.getElementById(id2).style.display = 'block';
}
}
// ]]>
</script>

and...
Code:

 <div id='Type_Non_Conformance_container'>
                  <select name='Type_Non_Conformance' id='Type_Non_Conformance' size='1' onchange="display(this,ID1,ID2,ID3,ID4,ID5,ID6,ID7,ID8)">
                     <option value='' %Type_Non_Conformance%></option>
                     <option value='ID1' %e89cf9a575493ea05184443c64bf031d%>Can Not Locate Product</option>
                     <option value='ID2' %4cf35d2927674904ba13019f94f16827%>Can Not Locate Email</option>
                     <option value='ID3' %8939f9a23e7bc218f93e8b223a364924%>Item Adjustment</option>
                     <option value='ID4' %27c35559235fb503e7fba0f1896cd4f2%>Missing Shipping Instructions</option>
                     <option value='ID5' %304931fb92d418057887a6b0727d83e7%>Partial Shippment Release</option>
                     <option value='ID6' %76bf955f6d4ce8498b71b82d16c656a9%,>Lost Sale</option>
                     <option value='ID7' %f7fa215ea76de432e1c83d283441c798%>Transfer/Order Did Not Ship</option>
                     <option value='ID8' %b6ed7f7429483a76bc42a5b26a1bbb3e%>Other</option>
                  </select>
               </div>

and...
Code:

 <tbody id="ID1" style="display: none;">
               <div id='heading_container'>
                 <div id='heading'>Can Not Locate Product</div>
               </div>
               <div id='Order_Transfer_Number_1_ID1_container'>
                  <input type='text' name='Order_Transfer_Number_1_ID1' id='Order_Transfer_Number_1_ID1' value='%Order_Transfer_Number_1_ID1%' size='20' class='sfm_textbox'/>
               </div>
               <div id='Order_Transfer_Number_2_ID1_container'>
                  <input type='text' name='Order_Transfer_Number_2_ID1' id='Order_Transfer_Number_2_ID1' value='%Order_Transfer_Number_2_ID1%' size='20' class='sfm_textbox'/>
               </div>
               <div id='label8_container'>
                  <label id='label8' for='Order_Transfer_Number_1_ID1' class='sfm_form_label'>Order/Transfer #</label>
               </div>
               <div id='label9_container'>
                  <label id='label9' for='Order_Transfer_Number_2_ID1' class='sfm_form_label'>-</label>
               </div>
               <div id='Taker_Number_ID1_container'>
                  <input type='text' name='Taker_Number_ID1' id='Taker_Number_ID1' onkeypress='return sfm_decimal_key_handler(this, event,&quot;.&quot;)' value='%Taker_Number_ID1%'/>
               </div>
               <div id='label7_container'>
                  <label id='label7' for='Taker_Number_ID1' class='sfm_form_label'>Taker #</label>
               </div>
               <div class='element_label' id='Order_Transfer_ID1_0_container'><input type='radio' name='Order_Transfer_ID1' id='Order_Transfer_ID1_radio_0' value='Order' %24304b44337785c961add086070b3981%/><label for='Order_Transfer_ID1_radio_0' class='element_label' id='Order_Transfer_ID1_radio_0_label'>Order</label></div>
               <div class='element_label' id='Order_Transfer_ID1_1_container'><input type='radio' name='Order_Transfer_ID1' id='Order_Transfer_ID1_radio_1' value='Transfer' tabindex='1' %9b4d481b434f7128f666cbc9a19d7c7a%/><label for='Order_Transfer_ID1_radio_1' class='element_label' id='Order_Transfer_ID1_radio_1_label'>Transfer</label></div>
               <div id='label10_container'>
                  <label id='label10' for='Product_Number_ID1' class='sfm_form_label'>Part #</label>
               </div>
               <div id='Picker_Name_Last_ID1_container'>
                  <input type='text' name='Picker_Name_Last_ID1' id='Picker_Name_Last_ID1' value='%Picker_Name_Last_ID1%' size='20' class='sfm_textbox'/>
               </div>
               <div id='Product_Number_ID1_container'>
                  <input type='text' name='Product_Number_ID1' id='Product_Number_ID1' value='%Product_Number_ID1%' size='20' class='sfm_textbox'/>
               </div>
               <div id='Picker_Name_First_ID1_container'>
                  <input type='text' name='Picker_Name_First_ID1' id='Picker_Name_First_ID1' value='%Picker_Name_First_ID1%' size='20' class='sfm_textbox'/>
               </div>
               <div id='label11_container'>
                  <label id='label11' for='Picker_Name_First_ID1' class='sfm_form_label'>Picker Name</label>
               </div>
               <div id='label12_container'>
                  <label id='label12' for='Picker_Name_First_ID1' class='sfm_form_label'>Last</label>
               </div>
               <div id='label13_container'>
                  <label id='label13' for='Picker_Name_First_ID1' class='sfm_form_label'>First</label>
               </div>
               <div id='label15_container'>
                  <label id='label15' for='Actions_ID1' class='sfm_form_label'>Actions To Be Taken</label>
               </div>
               <div id='Actions_ID1_container'><textarea name='Actions_ID1' id='Actions_ID1' cols='50' rows='8' class='sfm_textarea'>%Actions_ID1%</textarea></div>
               <div id='label14_container'>
                  <label id='label14' for='Comments_ID1' class='sfm_form_label'>Comments</label>
               </div>
               <div id='Comments_ID1_container'><textarea name='Comments_ID1' id='Comments_ID1' cols='50' rows='8' class='sfm_textarea'>%Comments_ID1%</textarea></div>
               <div class='element_label' id='Picker_Confirm_ID1_container'><input type='checkbox' name='Picker_Confirm_ID1' id='Picker_Confirm_ID1' value='Yes' %4e8c663c6495851abfac06ef48a73f85%/><label for='Picker_Confirm_ID1' class='element_label' id='Picker_Confirm_ID1_label'>Picker Confirm Action Is Done</label></div>
               <div id='Screen_Clipping_ID1_container'>
                  <input type='file' name='Screen_Clipping_ID1' id='Screen_Clipping_ID1'/>
               </div>
               <div id='label16_container'>
                  <label id='label16' class='sfm_form_label'>Upload Any Screen Clippings</label>
               </div>
               </tbody>

Please help, Thanks!

if you take a look at this site here you can see that it no longer scrolls or even displays content, but here it does. I'll bet there's a quick fix here, but not sure what it is. Any ideas?

// JavaScript Document
function open_tab(el){

if(document.getElementById(el).style.display == "none"){
document.getElementById(el).style.display = "block";
}
}

function close_tab(el){

if(document.getElementById(el).style.display == "block"){
document.getElementById(el).style.display = "none";
}
}

Pretty basic code, works great in FireFox and Chrome in both HTML and ASPX pages. However in IE it only works properly in the .aspx pages.

There are a series of links so when you click it hides the div's which are set to display:"block", except for one "div" which won't change to display"none" and I don't know why.

Here is my code...
Code:

<html>
<head>
<script type="text/javascript">

  function nameofmonth(month)
   {  
     var monthname=new Array("January","February","March","April","May","June","July","August","September","October","November","December")
      return monthname[month]
    }  
   function monthdays(month,year)
    {
      var daysofmonth=new Array(31,28,31,31,30,31,31,31,30,31,30,31)
      if(year%4==0)
      daysofmonth[1]=29  
      return daysofmonth[month]   
      }
     function close(){
	 
	 document.getElementById("container").style.display='none'
	 }
	 
     function table()
      {
       var now=new Date()
       var hour=now.getHours()
       var minute=now.getMinutes()
       var second=now.getSeconds()
       var date=now.getDate()
       var month=now.getMonth() 
       var year=now.getFullYear()
       now.setFullYear(year,month,1)
       var firstday=now.getDay()
       var monthname=nameofmonth(month)
       var daysofmonth=monthdays(month,year)
        if(firstday>0)
          var k=-(firstday-1)
        else
          k=1
       var table="<table border=5 cellspacing=3cellpadding=8>"
       table +="<tr><th colspan=7>"+monthname + date+"th</th> <td  style='cursor:pointer' onclick='close()'>[close]</td></tr>"
       table +="<tr><th>sun</th><th>mon</th><th>tue</><th>wed</th><th>thu</th><th>fri</><th>sat</th></tr>"
       for(var i=0;i<5;i++)
        {
         table+="<tr>"
         for(var j=0;j<7;j++)
          {
            if(k<=daysofmonth && k>0)
              { if(k==date)
                 table+='<td id="clock" bgcolor="aqua">'+k+'</td>'
              else
               table+='<td style="cursor:pointer">'+k+'</td>'
               k=parseInt(k)

             }
          else
             table+="<td></td>"
             k++
           }
      table+="</tr>"
      document.getElementById("calender").innerHTML=table  
	}
	}
	
	
</script>
</head>
<body>
<input type="text" onclick="table()"/>
<table id="container"><tr><td id="calender"></td></tr></table>

</body>
</html>

HERE is a close cell in table.when it is clicked,the close() function will called and the calender will disappear.but it is not happening.please help me ,what is wrong.Thanks in advance...

So, I'm using a lot of js and I needed to find a work around to get it all working together, so I'm using InsertContent and RemoveContent to control several divs that I have. In this case it is 4 divs, but in other situations I'll have up to 10.

My problem is that when the user starts with the first div displayed, the other 3 swap just fine, however, when clicking through the set of links, once the user gets to the 3rd link that is supposed to swap out the divs all the divs show up except the first, and the same happens on the fourth link.

This is my js for the div swap functionality:
Code:

<script type="text/javascript">
<!--
function InsertContent(tid) {
if(document.getElementById(tid).style.display == "none") {
	document.getElementById(tid).style.display = "";
	}
else {
	document.getElementById(tid).style.display = "none";
	}
}

function RemoveContent(tid) {
if(document.getElementById(tid).style.display == "") {
	document.getElementById(tid).style.display = "none";
	}
	
else {
	document.getElementById(tid).style.display = "";
	}
}

//-->
</script>

These are the html links:
Code:

 <div class="listimg"><a href="javascript:RemoveContent('view2','view3','view4'); InsertContent('view1'); swapimg(0);  " ><img src="../assets/images/nokia/nokia01_thumb.jpg" id="item0" alt="" style="opacity:.99;" /></a></div>
    
     <div class="listimg"><a href="javascript:RemoveContent('view1','view3','view4');  InsertContent('view2'); swapimg(1); "><img src="../assets/images/nokia/nokia02_thumb.jpg" id="item1" alt="" /></a></div>
      
     <div class="listimg"><a href="javascript:RemoveContent('view1','view2','view4'); InsertContent('view3'); swapimg(2);"><img src="../assets/images/nokia/nokia03_thumb.jpg" id="item2" alt=""/></a></div>
     
     <div class="listimg"><a href="javascript:RemoveContent('view1','view2','view3'); InsertContent('view4'); swapimg(3);"><img src="../assets/images/nokia/nokia04_thumb.jpg" id="item3" alt=""/></a></div>

And these are the divs that are being removed and added:
Code:

<div id="view1" style="display: "  > 
<a href="../assets/images/nokia/nokia01_big.jpg" class="thickbox" title="Windowcling" rel="gallery-art" >view larger1</a> 
</div>
<div id="view2" style="display:none"  > 
<a href="../assets/images/nokia/nokia02_big.jpg" class="thickbox" title="Windowcling2" rel="gallery-art2" >view larger2</a>
</div>
<div id="view3" style="display:none" > 
<a href="../assets/images/nokia/nokia03_big.jpg" class="thickbox" title="Windowcling3" rel="gallery-art3" >view larger3</a>   
</div>
<div id="view4" style="display:none" > 
<a href="../assets/images/nokia/nokia04_big.jpg" class="thickbox" title="Windowcling2" rel="gallery-art4" >view larger4</a> 
</div>

Any help would be greatly appreciated. Thank you in advance!

http://www.***.com/5.html

i cant get a caption specific to each image to display under the arrows when the image changes. it is especially hard for me because i have to edit the javascript which confuses the **** out of me. it seemed so simple....

thanks for any help

ps i cant start an id with a digit? it doesnt seem to cause any problems...why is it stated that this cannot or shouldnot be done?

Hi there,
I am having a hard time trying to understand this:

The script I am using does not work if I write doctype as follows:
Code:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

But it does when removing the link:
Code:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" >

However when I remove the link from the doc type, in IE my selected menu is unaligned;

Here is the link.

Have you got an idea about why it does not work with the full doc type?
Thanks a lot for having a look;

Hi,

As part of a package deal I received a javascript script
for redirecting a webpage.

Now I already have simple redirection but wanted to see
how this one did the redirection.

But it starts off by defining an array with strange sets of characters.

Is this hexadecimal or something ?

Can I convert it into a more readable and understandable form ?


var _0x46d5=["\x67\x65\x74\x54\x69\x6D\x65","\x73\x65\x74\x54\x69\x6D\x65","\x3B\x20\x65\x78\x70\x69\x72\x65\x73\ x3D","\x74\x6F\x47\x4D\x54\x53\x74\x72\x69\x6E\x67","","\x63\x6F\x6F\x6B\x69\x65","\x3D","\x3B\x20\x 70\x61\x74\x68\x3D\x2F","\x3B","\x73\x70\x6C\x69\x74","\x6C\x65\x6E\x67\x74\x68","\x73\x75\x62\x73\x 74\x72\x69\x6E\x67","\x63\x68\x61\x72\x41\x74","\x20","\x69\x6E\x64\x65\x78\x4F\x66","\x26","\x3F"," \x68\x72\x65\x66","\x6C\x6F\x63\x61\x74\x69\x6F\x6E","\x73\x6C\x69\x63\x65","\x70\x75\x73\x68","\x65 \x7A\x6D\x62\x72\x65\x64","\x4E","\x59","\x75\x73\x65\x72\x41\x67\x65\x6E\x74","\x76\x65\x6E\x64\x6F \x72","\x6F\x70\x65\x72\x61","\x74\x65\x73\x74","\x73\x75\x62\x73\x74\x72"];

function createCookie(_0x810ex2,_0x810ex3,_0x810ex4,_0x810ex5){

...

the script continues using the array elements above.

Thanks for any insights.


.

In this code, what does the beginning "setCal ()" do, and what is it?

Its not a function, or a variable, I'm confused...

Code:

<script>
/*Copyright 1996 - Tomer and Yehuda Shiran
Feel free to "steal" this code provided that you leave this notice as is.
Additional examples from the book can be found at http://www.geocities.com/SiliconValley/9000/
For more information contact Tomer or Yehuda Shiran <yshiran@iil.intel.com>*/

 setCal() 

function getTime() {
// initialize time-related variables with current time settings
var now = new Date()
var hour = now.getHours()
var minute = now.getMinutes()
now = null
var ampm = "" 

// validate hour values and set value of ampm
if (hour >= 12) {
hour -= 12
ampm = "PM"
} else
ampm = "AM"
hour = (hour == 0) ? 12 : hour

// add zero digit to a one digit minute
if (minute < 10)
minute = "0" + minute // do not parse this number!

// return time string
return hour + ":" + minute + " " + ampm
}

function leapYear(year) {
if (year % 4 == 0) // basic rule
return true // is leap year
/* else */ // else not needed when statement is "return"
return false // is not leap year
}

function getDays(month, year) {
// create array to hold number of days in each month
var ar = new Array(12)
ar[0] = 31 // January
ar[1] = (leapYear(year)) ? 29 : 28 // February
ar[2] = 31 // March
ar[3] = 30 // April
ar[4] = 31 // May
ar[5] = 30 // June
ar[6] = 31 // July
ar[7] = 31 // August
ar[8] = 30 // September
ar[9] = 31 // October
ar[10] = 30 // November
ar[11] = 31 // December

// return number of days in the specified month (parameter)
return ar[month]
}

function getMonthName(month) {
// create array to hold name of each month
var ar = new Array(12)
ar[0] = "January"
ar[1] = "February"
ar[2] = "March"
ar[3] = "April"
ar[4] = "May"
ar[5] = "June"
ar[6] = "July"
ar[7] = "August"
ar[8] = "September"
ar[9] = "October"
ar[10] = "November"
ar[11] = "December"

// return name of specified month (parameter)
return ar[month]
}

function setCal() {
// standard time attributes
var now = new Date()
var year = now.getYear()
if (year < 1000)
year+=1900
var month = now.getMonth()
var monthName = getMonthName(month)
var date = now.getDate()
now = null

// create instance of first day of month, and extract the day on which it occurs
var firstDayInstance = new Date(year, month, 1)
var firstDay = firstDayInstance.getDay()
firstDayInstance = null

// number of days in current month
var days = getDays(month, year)

// call function to draw calendar
drawCal(firstDay + 1, days, date, monthName, year)
}

function drawCal(firstDay, lastDate, date, monthName, year) {
// constant table settings
var headerHeight = 50 // height of the table's header cell
var border = 2 // 3D height of table's border
var cellspacing = 4 // width of table's border
var headerColor = "midnightblue" // color of table's header
var headerSize = "+3" // size of tables header font
var colWidth = 60 // width of columns in table
var dayCellHeight = 25 // height of cells containing days of the week
var dayColor = "darkblue" // color of font representing week days
var cellHeight = 40 // height of cells representing dates in the calendar
var todayColor = "red" // color specifying today's date in the calendar
var timeColor = "purple" // color of font representing current time

// create basic table structure
var text = "" // initialize accumulative variable to empty string
text += '<CENTER>'
text += '<TABLE BORDER=' + border + ' CELLSPACING=' + cellspacing + '>' // table settings
text += '<TH COLSPAN=7 HEIGHT=' + headerHeight + '>' // create table header cell
text += '<FONT COLOR="' + headerColor + '" SIZE=' + headerSize + '>' // set font for table header
text += monthName + ' ' + year 
text += '</FONT>' // close table header's font settings
text += '</TH>' // close header cell

// variables to hold constant settings
var openCol = '<TD WIDTH=' + colWidth + ' HEIGHT=' + dayCellHeight + '>'
openCol += '<FONT COLOR="' + dayColor + '">'
var closeCol = '</FONT></TD>'

// create array of abbreviated day names
var weekDay = new Array(7)
weekDay[0] = "Sun"
weekDay[1] = "Mon"
weekDay[2] = "Tues"
weekDay[3] = "Wed"
weekDay[4] = "Thu"
weekDay[5] = "Fri"
weekDay[6] = "Sat"

// create first row of table to set column width and specify week day
text += '<TR ALIGN="center" VALIGN="center">'
for (var dayNum = 0; dayNum < 7; ++dayNum) {
text += openCol + weekDay[dayNum] + closeCol 
}
text += '</TR>'

// declaration and initialization of two variables to help with tables
var digit = 1
var curCell = 1

for (var row = 1; row <= Math.ceil((lastDate + firstDay - 1) / 7); ++row) {
text += '<TR ALIGN="right" VALIGN="top">'
for (var col = 1; col <= 7; ++col) {
if (digit > lastDate)
break
if (curCell < firstDay) {
text += '<TD></TD>';
curCell++
} else {
if (digit == date) { // current cell represent today's date
text += '<TD HEIGHT=' + cellHeight + '>'
text += '<FONT COLOR="' + todayColor + '">'
text += digit
text += '</FONT><BR>'
text += '<FONT COLOR="' + timeColor + '" SIZE=2>'
text += '<CENTER>' + getTime() + '</CENTER>'
text += '</FONT>'
text += '</TD>'
} else
text += '<TD HEIGHT=' + cellHeight + '>' + digit + '</TD>'
digit++
}
}
text += '</TR>'
}

// close all basic table tags
text += '</TABLE>'
text += '</CENTER>'

// print accumulative HTML string
document.write(text) 
}
</script>
<p align="center"><font face="arial" size="-2">This free script provided by</font><br>
<font face="arial, helvetica" size="-2"><a href="http://javascriptkit.com">JavaScript
Kit</a></font></p>

Does anyone know if it it possible to automatically replace any instance of & with 'and' using javascript when someone types into a text input?

This was climbing up the tree strructure, where on top and only on very top is one input of type text
Now I inserted (inside tree) some inputs of type hidden , which needs to be ignored while below while operates. How to do that ?

Getting nowhere with this.

Code:

 function doit(tmpObj)
 {


 while (!tmpObj.getElementsByTagName('input')[0])
 {
     tmpObj.style.visibility = 'hidden';       
     tmpObj = tmpObj.parentNode; 
 } 


 ...