JavaScript - Java Script Error Style Is Null Or Not An Object

I have a bug that is only seeming to effect IE 8:. It seems to have a problem with this line:

theSelectBox.selectedIndex = -1;

This is where my full page is:
http://www.mauirealestate.net/advancedsearch-rets.php

Also has a weird display issue in IE8, but not in "compatibility view", which the bug may fix. Works and looks beautiful is Safari and Firefox. Any suggestions are helpful.

Hello

I am using a timer which goes down from 2 minutes to zero when 'jsp' is called. Timer is written in javascript. I am getting an error that document.form1.timerMin.value=<%=min%> is null or not an object.
Here is the code (t.jsp):
<%
/* Default timer */
int min = 2;
int sec = 5;

/* Check for timer params */
try {
String timerMin = request.getParameter("timerMin");
if (timerMin==null)timerMin="";
if (timerMin != null) {
min = Integer.parseInt(timerMin);
}
String timerSec = request.getParameter("timerSec");
if (timerSec==null)timerSec="";
if (timerSec != null) {
sec = Integer.parseInt(timerSec);
}
}

catch(Exception m) {
System.out.println("generated exception..............:"+m);
}

%>

<script language="JavaScript" type="text/javascript">
<!--

/* Initialise timer */
var min = <%=min%>; // set the minutes
var sec = <%=sec%>; // set the seconds
function countDown() {
sec--;
if (sec == -1) {
sec = 59;
min--;
}

/* Write timer state to hidden form fields */
document.form1.timerMin.value=<%=min%>
document.form1.timerSec.value=<%=sec%>;

time = (min<=9 ? "0" + min : min) + " min and " + (sec<=9 ? "0" + sec : sec) + " sec ";
document.getElementById('theTime').innerHTML = time;

SD=window.setTimeout("countDown()", 1000);
if (min == 0 && sec == 0) {
window.clearTimeout(SD);
}
}

window.onload = countDown();
-->
</script>

<style type="text/css">
<!--
.timeClass {
font-family:arial,verdana,helvetica,sans-serif;
font-weight:normal;
font-size:10pt;
}
-->
</style>

<table width="100%">
<tr><td width="100%" align="right">
<span id="theTime" class="timeClass"></span>
</td></tr>
<form method="post" name="form1" id="form1" action="t.jsp"
<td width="50%" valign="middle">
<input type="hidden" name="timerMin" value="<%=min%>">
<input type="hidden" name="timerSec" value="<%=sec%>">
<div align="center"><a href="javascript:form1.submit()" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image3','','/lms/images/submit_0.gif',1)"><img name="Image3" border="0" src="/lms/images/submit_0.gif" width="70" height="30"></a></div>
</td>

</form>

Looking forward for an early reply.

Thanks

Hi,
I have added an validation script for Pizza menu. Validation working fine in all browsers except IE.
When I working in IE8 it throws an error "length is null or not an object error in IE8".
Please help me. See Java script code below:
<script>
function UnCheckRadios(radioButtonGroupName)
{

var formName = "frmOrder";
var form = document.forms[formName];
alert(form);
var noOfRadioButtons=form[radioButtonGroupName].length;
for(var x=0;x<noOfRadioButtons;x++)
{
chk=form[radioButtonGroupName]
.checked=false;

}
}
</script>

PHP code:
<input type="radio" id="<?=$subitem['subgroup_id'];?>_comboleft" name="<?=$subitem['subgroup_id'];?>_comboleft" value="<?=$subitem['id'];?>:Left Side" onclick="UnCheckRadios('<?=$subitem["subgroup_id"];?>_combowhole');">

Hey Guys,

I wondered if anyone would be kind enough to look at an issue I am having running a Javascript on IE.

The script works fine in FF and Chrome but chucks up an error in all versions of IE so the Menubar does not display child pages.

Here's the Error:

User Agent: Mozilla/4.0 (compatible; MSIE 8.0; Windows NT 5.1; Trident/4.0; .NET CLR 2.0.50727; .NET CLR 3.0.4506.2152; .NET CLR 3.5.30729)
Timestamp: Tue, 16 Aug 2011 14:45:53 UTC

Message: 'lastChild' is null or not an object
Line: 31
Char: 3
Code: 0

The full script is he http://www.makingtrails.com/wp-conte...ks3/js/menu.js

Any help much appreciated as the author of this script is not providing any support.

Thanks

Jon

Hi, first post here. I was working on code for opening a link in a new window when clicked. I read somewhere that it's a good idea to remove all of the javascript elements from the HTML. So I pieced it together and it works. But I get the following error in IE8:

Code:

Message: 'document.getElementById(...)' is null or not an object

Here's the relevant HTML:

Code:

<a href="http://www.samplesite.com" id="sampleid">Sample Text</a>

And here's the relevant javascript that I put in a seperate .js file:

Code:

function samplefct() {
window.open(this.href);return false;
}

window.onload = function()
{document.getElementById("sampleid").onclick = samplefct;
}

The code does work as planned. But I'd still like to get rid of the error. Can anybody think of a different way of stating the javascript that would perform the same thing and lose the error?

Any help would be greatly appreciated.
Thanks!
IB

Hey guys,
I've just started with javascript so please, be gentle

I am making a wordpress plug-in which puts a banner-rotator on the front page which is able to load both images and flvs'.

It has a carousel menuand the images/objects are loaded as you hover over the thumbnails.

I have made an js array in a php loop so that every element of the menu list gets assigned a different onMouseOver function when it is generated.

Because I was not able to change FlashVars with js I have put the whole object embed code in one variable and insert that in a div with innerHTML when mouseOver.

This works fine in firefox but not at all in any other browsers!!

What can I do?

The website is located at: www.mediapod.org/jwp

Here is the code:
Code:

function wp_main_player() {
global $wpdb;
$noChartsID = $wpdb->get_col($wpdb->prepare("SELECT * FROM wp_term_relationships WHERE term_taxonomy_id = 5"));
$noCharts = count($noChartsID);
?>
<div class="box" style="height:350px;">
<div id="maind" style="height:280px;">
<div id="icont">
<a id="link" href="#"><img name="main" height="280" width="560" src="" /></a>
</div>
<div id="fcont" style="display:none; width:100%; height:100%; background:#fff;">
</div>
</div>
<a class="pprev" style="float:left; width:10px; height:60px; margin-top:10px;" href="javascript:void(0)"></a>
<div class="player" style="float:left; margin-top:11px; width:540px !important;">
<script>
var myCode = [];
</script>
    <ul style="float:left;">
<?php 
if ($noCharts > 0) {
for ($i = 0; $i < $noCharts; $i += 1) {
$posts = $wpdb->get_row("SELECT * FROM wp_posts WHERE id = $noChartsID[$i]", ARRAY_A);
$link = $wpdb->get_row("SELECT * FROM wp_postmeta WHERE post_id = $noChartsID[$i] AND meta_key ='link'", ARRAY_A);
$link = $link['meta_value'];
$image = $posts['post_content'];
$flv = strpos($image, 'flv:');

if ($flv==1){
$flv = str_replace("-flv:", "", $image);
$flv = substr(rstrstr($flv, '-img:'),0 ,-6);
$image = substr(strstr($image, '-img:'), 5);
?>

<script>
myCode[<?php echo $i; ?>]=<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=8,0,0,0" width="560" height="280" id="FlashXMLShoutcastRadioPlayerV4.0" align="middle">	
<param name="allowScriptAccess" value="sameDomain" />
								<param name="movie" value="http://www.mediapod.org/jwp/wp-content/plugins/JRockControll/FLVPlayer_Progressive.swf" />
								<param name="menu" value="false" />
								<param name="quality" value="high" />
                               <param name="wmode" value="opaque" ></param>
<param name="FlashVars" value="&amp;MM_ComponentVersion=1&amp;skinName=http://www.mediapod.org/jwp/wp-content/plugins/JRockControll/Corona_Skin_1&amp;streamName=<?php echo $flv; ?>&amp;autoPlay=true&amp;autoRewind=false"   />
<param name="bgcolor" value="#111111" />
								<embed bgcolor="#111111" wmode="opaque" src="http://www.mediapod.org/jwp/wp-content/plugins/JRockControll/FLVPlayer_Progressive.swf" menu="false" FlashVars ="&amp;MM_ComponentVersion=1&amp;skinName=http://www.mediapod.org/jwp/wp-content/plugins/JRockControll/Corona_Skin_1&amp;streamName=<?php echo $flv; ?>&amp;autoPlay=true&amp;autoRewind=false" quality="high" width="560" height="280" name="FlashXMLShoutcastRadioPlayerV4.0" align="middle" allowScriptAccess="sameDomain" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" />
						</object>;




</script>

        <li class="p_img"><img onmouseover="document.getElementById('icont').style.display='none';document.getElementById('fcont').style.display=''; document.getElementById('fcont').innerHTML=myCode[<?php echo $i; ?>]; document.main.src='<?php echo $image;?>'; document.getElementById('link').href='<?php echo $link;?>';" src="<?php echo $image;?>" height="52" width="102" /></li>
<?php 
} else {
?>
        <li class="p_img"><img onmouseover="document.getElementById('icont').style.display=''; document.getElementById('fcont').innerHTML=''; document.getElementById('fcont').style.display='none'; document.main.src='<?php echo $image;?>'; document.getElementById('link').href='<?php echo $link;?>';" src="<?php echo $image;?>" height="52" width="102" /></li>
<?php 
}
}
}
?>
    </ul>
</div>
<a class="pnext" style="float:right; width:10px; height:60px;  margin-top:10px;" href="javascript:void(0)"></a>
<script type="text/javascript">
		jQuery(function() {
			jQuery(".player").jCarouselLite({
				btnNext: ".pnext",
				btnPrev: ".pprev",
                                speed: 300,
                                visible: 5
			});
		});
		</script>
</div>
<?php
}

It is an absolute mess

Thank you.

Hi Script Experts

I am facing issue in below code for Brisilia time zone.(GMT-3). Issue comes in October month only. It is going tobig loop. I am not getting how Date object is behaving here.

Thanks in advance
Pranav Sharma
***********************************
<script type="text/javascript">
var nDate;
var nCurrentYear = 2011;
var nCurrentMonth = 10;
nYear=2011;
nMonth=10;
var date = new Date(nYear, nMonth-1, 1);

document.write('Month:'+date.getMonth() +':CurrentMonth:'+nCurrentMonth);
while (date.getMonth() == nCurrentMonth-1)
{
nDate = date.getDate();
document.write(date.toDateString());
date = new Date(nCurrentYear, date.getMonth(), date.getDate()+1);
}


</script>

**********************************

Hello,

I hope you can help me, I have used a really simple image script which features 3 thumbnails, you click one thumbnail and it loads the image as a larger image.

Works perfectly in Google Chrome, Firefox - and then I've come to try in IE8... works perfect BUT javascript error as follows: -

Webpage error details

User Agent: Mozilla/4.0 (compatible; MSIE 8.0; Windows NT 6.1; WOW64; Trident/4.0; GTB6.6; SLCC2; .NET CLR 2.0.50727; .NET CLR 3.5.30729; .NET CLR 3.0.30729; Media Center PC 6.0; MDDC; InfoPath.2; .NET4.0C)
Timestamp: Fri, 31 Dec 2010 17:14:48 UTC

Message: 'document.images.image0' is null or not an object
Line: 13
Char: 1
Code: 0




Here is the code, what am I doing wrong? I can't spot it, theres a couple of threads online from 2005 about this script but none have helped me clear the error.

Code:

<html>
<head>
 
<script language="JavaScript"> 
image0 =new Image();
image1 =new Image();
image2 =new Image();
 
image0.src ="http://ec.europa.eu/information_society/activities/egovernment/images/project_logos/sample.jpg"
image1.src ="http://ec.europa.eu/information_society/activities/egovernment/images/project_logos/sample.jpg"
image2.src ="http://ec.europa.eu/information_society/activities/egovernment/images/project_logos/sample.jpg"
 
document.images['image0'].src=image0.src;
document.images['image1'].src=image1.src;
document.images['image2'].src=image2.src;
 
function image_click(clicks)
{
if(clicks==0){document.images['large'].src=image0.src;}
if(clicks==1){document.images['large'].src=image1.src;}
if(clicks==2){document.images['large'].src=image2.src;}
}
</script>
 
</head>
 
<body>
 
<a href="javascript:image_click(0)"><img src="http://ec.europa.eu/information_society/activities/egovernment/images/project_logos/sample.jpg" height="93" width="123" alt="" name="image0" border="0"/></a>
<a href="javascript:image_click(1)"><img src="http://ec.europa.eu/information_society/activities/egovernment/images/project_logos/sample.jpg" width="123" alt="" name="image1" border="0"/></a>
<a href="javascript:image_click(2)"><img src="http://ec.europa.eu/information_society/activities/egovernment/images/project_logos/sample.jpg" height="93" width="123" alt="" name="image2" border="0"/></a>
<img src="http://ec.europa.eu/information_society/activities/egovernment/images/project_logos/sample.jpg" align="middle" border="0" width="418" height="284" name="large">
 
</body>
</html>

i am getting error in document.createElement('input')





index1 = {
init: function()
{
var but=document.getElementById('button1');
index1.addEvent(but,'onClick',fun1,false);
},

fun1: function(e)
{
var bo=document.getElementById('body1');
var in=document.createElement('input');
in.type="button";
in.value="songs";
in.id="song";

bo.appendChild(in);

}

}
index1.addEvent(window,'load',index.init,false);

Hello Everybody,

Plese find the solution for this error,

i have a textbox(id=txt_Acronym), when i fill the data into that control

i get this error(document.getElementById()is null or not an object),Iam calling The Java script Function in "onchange".


Yours
NARASIMHA RAO K

Hello everyone,

I have question that I believe is an easy fix for one of you in here.
I have read that many people in here have similar questions but I can still not figure my error out.

The error is as follows...
'document.getElementById(...)' is null or not an object
Line: 34
Char: 4
Code: 0
URL: (jonasm.com/gray/)

Below is the script I believe the error is referring too.

Any ideas? ANy feed back is appreciated.

Thx,
Jonas

<!--
[CODE] <script>

// Javascript originally by Patrick Griffiths and Dan Webb.
// http://htmldog.com/articles/suckerfish/dropdowns/
sfHover = function() {
var sfEls = document.getElementById("navbar").getElementsByTagName("li");
for (var i=0; i<sfEls.length; i++) {
sfEls[i].onmouseover=function() {
this.className+=" hover";
}
sfEls[i].onmouseout=function() {
this.className=this.className.replace(new RegExp(" hover\\b"), "");
}
}
}
if (window.attachEvent) window.attachEvent("onload", sfHover);
</script>[CODE] -->

Hi i have done some reading on the net today because i am getting an error on ie. I did find the javascript twice in my code, once in the header and once here, so i removed it from the header. I also changed to src to the full url.

But i am still getting this and i dont know why. the file is located in the root directory.

Code:

Webpage error details

User Agent: Mozilla/4.0 (compatible; MSIE 8.0; Windows NT 5.1; Trident/4.0; SearchToolbar 1.2; .NET CLR 1.1.4322; .NET CLR 2.0.50727; .NET CLR 3.0.4506.2152; .NET CLR 3.5.30729; msn OptimizedIE8;ENUS)
Timestamp: Sat, 30 Jul 2011 16:03:05 UTC


Message: 'null' is null or not an object
Line: 8
Char: 3894
Code: 0
URI: http://www.mysite.com/swfobject.js

Code:

<script type='text/javascript' src='$CONST_LINK_ROOT/swfobject.js'></script>
<script type='text/javascript'>
var s1 = new SWFObject('player.swf','player','400','300','9');
s1.addParam('allowfullscreen','true');
s1.addParam('allowscriptaccess','always');
s1.addParam('flashvars','file=$CONST_LINK_ROOT/movies/$sql_array->vid_id.flv');
s1.write('preview');
</script>
<embed src='$CONST_LINK_ROOT/flvplayer.swf?file=$CONST_LINK_ROOT/movies/$sql_array->vid_id.flv&autoStart=false' width='175' height='175' quality='high' type='application/x-shockwave-flash' pluginspage='http://www.macromedia.com/go/getflashplayer'></embed>

would appreciate any suggestions thanks.


i was on 1.5 swfobject i did download 2.2 and im guessing all you do is replace the swfobject.js file to upgrade it, but what happened is it gives me this now.

Code:

Webpage error details

User Agent: Mozilla/4.0 (compatible; MSIE 8.0; Windows NT 5.1; Trident/4.0; SearchToolbar 1.2; .NET CLR 1.1.4322; .NET CLR 2.0.50727; .NET CLR 3.0.4506.2152; .NET CLR 3.5.30729; msn OptimizedIE8;ENUS)
Timestamp: Sat, 30 Jul 2011 16:31:08 UTC


Message: 'SWFObject' is undefined
Line: 1283
Char: 1
Code: 0
URI: http://www.mysite/video_admin.php?type=v

i dont mind going back to the old version i just need to get this working and im soooooooo lost lol


ok another update, this is becomming maddening lol. once i have this line in the header php

Code:

<script type='text/javascript' src='$CONST_LINK_ROOT/swfobject.js'></script>

I never have to use it again as long as they header php is included correct?


This is what is driving me nuts, im back on 1.5 and it says its undefined


Code:

but am in not defining it on this line? ---> var s1 = new SWFObject('player.swf','player','400','300','9');


<script type='text/javascript' src='swfobject.js'></script>
<script type='text/javascript'>
var s1 = new SWFObject('player.swf','player','400','300','9');
s1.addParam('allowfullscreen','true');
s1.addParam('allowscriptaccess','always');
s1.addParam('flashvars','file=$CONST_LINK_ROOT/movies/$sql_array->vid_id.flv');
s1.write('preview');
</script>

Another Update. I am back to the original question. null is null or not an object.. in my search i have found this

found a solution. basically Internet Explorer is crappy and doesnt like the setAttribute property so had to change the onchange handler by directly changing the attrbute for the object like so.
object.onchange = function() {}

i have no idea what they means, does that mean i need to change swfobject.js or does that mean i have to change my xml request. and if it is the swfobject i have no clue what they mean or what lines

well, when i do this fucntion:

function scroll(){
window.scroll(0,60)
}

i get a javascript error:

Error: too much recursion


well, what is wrong? what does that mean? how do i fix it?

thanks for any help