|
JavaScript - Getelementbyid Is Null Error
Hello,
I'm working on some php and javascript. I have php creating some forms using values from a database and wrapping them in divs called showform1, showform 2 etc I then want to use Javascript to show one form at a time when I click on a tickbox. So I've got it working so when you click on a checkbox and it shows the right form, but I want it to hide all the others first so it only shows one at a time if possible. When I do this is errors saying document.getElementById(showform1) is null - it does this for all the forms not just the first one. My php goes like this: PHP Code: $i=1; //loop through all things in db while ($info_query = mysql_fetch_assoc($info)) { ?> <label>Item <?php echo $i;?></label> <input type="radio" name="show" value="show" onclick="showhide(this.value,'showform<?php echo $i;?>')"/> //here's the div with the dynamically generated ID... <div id="showform<?php echo $i;?>" style="visibility:hidden;height:0px;"> <p> info for item 1 </p> </div> //increment the counter so the next div has a different name $i=$i+1; } My Javascript looks like this: Code: <script type="text/javascript">
function showhide(radval,divid)
{
if(radval=="show")
{
<?php
//hide them all first
$i=1;
while ($details_query = mysql_fetch_assoc($details))
{?>
var showform<?php echo $i;?>;
document.getElementById(showform<?php echo $i;?>).style.visibility="hidden";
document.getElementById(showform<?php echo $i;?>).style.height="0px";
<?php
$i=$i+1;
}
//then show just the one ticked
?>
document.getElementById(divid).style.visibility="visible";
document.getElementById(divid).style.height="auto"
}
}
</script>
the details and info queries are the same query...each looping through the same data. It works if I don't hide all the values first, and shows each form when I tick the box, but if I try to hide them all and THEN make one visible, the first line that hides the divs always errors. I've moved the JS around to the footer, the header in case its because stuff hasn't loaded yet, but it doesn't make sense as it has loaded to work to show the div. Really appreciate your help. Thanks, Nicola Similar TutorialsHi, 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 I'm getting the following problem. The reason is that the object appears through AJAX. But if I choose it NOT to appear it gives this problem. How can I avoid this? I put an if statement inline Code: if(document.getElementById('vsbtitle_1').value!=null){
thisurlext+='&btitle1='+document.getElementById('vsbtitle_1').value;
}
But it doesn't help. Quote: Error: document.getElementById("vsbtitle_1") is null Source File: javascript:%20var%20file='forforum.php';%20var%20thisurlext='?type=forforum&btitle0='+document.getEl ementById('vsbtitle_0').value;%20if(document.getElementById('vsbtitle_1').value!=null){thisurlext+=' &btitle1='+document.getElementById('vsbtitle_1').value;%20}%20var%20checkedlength=0;%20thisurlext+=' &checkresult0=';%20for(i=0;i<document.getElementsByName('checkresult_0').length;++i){if(document.get ElementsByName('checkresult_0')[i].checked){thisurlext+=document.getElementsByName('checkresult_0')[i].value;checkedlength++;if(i+1<document.getElementsByName('checkresult_0').length){if(document.getEle mentsByName('checkresult_0')[i+1].checked){thisurlext+='+';}}}};%20thisurlext+='&checkresult1=';%20for(i=0;i<document.getElementsByNa me('checkresult_1').length;++i){if(document.getElementsByName('checkresult_1')[i].checked){thisurlext+=document.getElementsByName('checkresult_1')[i].value;checkedlength++;if(i+1<document.getElementsByName('checkresult_1').length){if(document.getEle mentsByName('checkresult_1')[i+1].checked){thisurlext+='+';}}}};var%20getKeyURL='';%20for(a=0;%20a<document.getElementById('txtid').v alue;%20a++){if(document.getElementById('txtarea_'+[a]).value!=%20''){getKeyURL+='&txtarea'+[a]+'=';}getKeyURL+=document.getElementById('txtarea_'+[a]).value;}var%20thisnewurlext=file+thisurlext+getKeyURL;%20forForum(); Line: 1 Hi....I have an error in my script, but idk where it is..... here is the script: Code: <script type="text/javascript">
var browser = navigator.appName;
if (browser=="Netscape") {
document.getElementById(msg).style.display="none";
}
</script>
<div id="msg" style="width:100%;padding:3px;position:fixed;top:0px;left:0px;background:red;">Please install <a href="http://www.mozilla.org/sk/firefox/">Mozilla Firefox</a> to view this page normally.</div>
I cant figure out why this doesnt work - Firefox says: Error: document.getElementById("test") is null Source File: file:///Users/briantoovey/test.html Line: 10 Code: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1" />
<title>Rotating Quotes</title>
</head>
<body>
<script type="text/javascript">
document.getElementById("test").innerHTML = 'eat it';
</script>
<div id="test"></div>
</body>
</html>
I have a button you should be able to click on it once and have one new page open into ID 1 then you should be able to click on it again and have a second page load into ID 2. Sometimes it works sometimes it doesnt. I have no idea why. The script is below. I highlighted the bits I think relevant. When it doesn't work I get the error message: document.getElementById(...)' is null or not an object Mainpage: Code: <?php
session_start();
if (!(isset($_SESSION[login]) && $_SESSION[login] !='')){
header ("Location: Welcome.php");
}
$Sfullname=$_SESSION['fullname'];
$SMyPId=$_SESSION['MyPId'];
?>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
<html>
<title>Chat</title>
<head>
<link rel="stylesheet" type="text/css" href="eightysixdegreesstyle.css" />
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.4.3/jquery.min.js"></script>
<script type="text/javascript">
$(document).ready(function (){
$('#submitchat1, #submitchat2, #submitchat3, #submitchat4, #submitchat5').live('click',function(){
var btn = $(this).attr('id');
var Frm;
if(btn == 'submitchat1'){
Frm = '#chatmessage1';
} else if(btn == 'submitchat2'){
Frm = '#chatmessage2';
} else if(btn == 'submitchat3'){
Frm = '#chatmessage3';
} else if(btn == 'submitchat4'){
Frm = '#chatmessage4';
} else if(btn == 'submitchat5'){
Frm = '#chatmessage5';
}
var data = $(Frm).serialize();
$.post ('insertChat.php',data, function(){
$(Frm).each (function(){
this.reset();
});
return false;
});
});
$('#maximizeChat1, #maximizeChat2, #maximizeChat3, #maximizeChat4, #maximizeChat5').live('click',function(){
var btn = $(this).attr('id');
var Display;
if(btn == 'maximizeChat1'){
Display = '#ChatDisplayOne';
} else if(btn == 'maximizeChat2'){
Display = '#ChatDisplayTwo';
} else if(btn == 'maximizeChat3'){
Display = '#ChatDisplayThree';
} else if(btn == 'maximizeChat4'){
Display = '#ChatDisplayFour';
} else if(btn == 'maximizeChat5'){
Display = '#ChatDisplayFive';
}
$(Display).slideToggle("slow");
});
});
</script>
<style type="text/css">
/*<![CDATA[*/
#chat1
{
display:block;
}
#chat2
{
display:block;
}
#chat3
{
display:block;
}
#chat4
{
display:block;
}
#chat5
{
display:block;
}
/*]]>*/
</style>
<script type="text/javascript">
function loadChat(File,ID,Msg,TID,Cile){
loadChatComplex(File,ID,Msg);
delay = setTimeout(function(){loadChatRefresh(Cile,TID,Msg)},5000);
}
</script>
<script type="text/javascript">
function OpenChat(File,LID,Msg,Dsg,Sile,SID,Wile,WID,Wsg){
loadChatComplex('getUpdateNew.php','txtHingNoNew',Dsg);
breath = setTimeout(function(){loadChatTalkComplex(File,LID,Msg)},1000);
lalker = setTimeout(function(){loadChatTalkComplex(Sile,SID,Wsg)},3000);
talker = setTimeout(function(){loadChatTalkRefresh(Wile,WID,Wsg)},5000);
}
</script>
<script type="text/javascript">
function loadChatCheck(File,ID,Tile,TID){
loadQuickCheck(File,ID);
dodo = setTimeout(function(){loadQuickMessageCheck(Tile,TID)},3000);
}
</script>
<script type="text/javascript">
function closeChat(ID,File,LID,Msg){
loadChatComplex(File,LID,Msg);
document.getElementById(ID).style.display="none";
}
</script>
<script type="text/javascript">
function loadChatComplex(File,ID,Msg){
if (window.XMLHttpRequest) {
xmlhttp=new XMLHttpRequest();
}
else {
try{
xmlhttp=new ActiveXObject("Msxml2.XMLHTTP");
} catch (e) {
xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
}
}
xmlhttp.onreadystatechange=function(){
if (xmlhttp.readyState==4 && xmlhttp.status==200){
document.getElementById(ID).innerHTML=xmlhttp.responseText;
}
}
var params=Msg;
xmlhttp.open("POST",File,true);
xmlhttp.setRequestHeader("Pragma", "Cache-Control:no-cache");
xmlhttp.setRequestHeader("Content-type", "application/x-www-form-urlencoded");
xmlhttp.setRequestHeader("Content-length", params.length);
xmlhttp.setRequestHeader("Connection", "close");
xmlhttp.send(params);
}
</script>
<script type="text/javascript">
function loadChatTalkComplex(File,ID,Msg){
if (window.XMLHttpRequest) {
xmlhttp=new XMLHttpRequest();
}
else {
try{
xmlhttp=new ActiveXObject("Msxml2.XMLHTTP");
} catch (e) {
xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
}
}
xmlhttp.onreadystatechange=function(){
if (xmlhttp.readyState==4 && xmlhttp.status==200){
document.getElementById(ID).innerHTML=xmlhttp.responseText;
}
}
var params=Msg;
xmlhttp.open("POST",File,true);
xmlhttp.setRequestHeader("Pragma", "Cache-Control:no-cache");
xmlhttp.setRequestHeader("Content-type", "application/x-www-form-urlencoded");
xmlhttp.setRequestHeader("Content-length", params.length);
xmlhttp.setRequestHeader("Connection", "close");
xmlhttp.send(params);
}
</script>
<script type="text/javascript">
function loadChatRefresh(File,ID,Msg){
if (window.XMLHttpRequest) {
xmlhttp=new XMLHttpRequest();
}
else {
try{
xmlhttp=new ActiveXObject("Msxml2.XMLHTTP");
} catch (e) {
xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
}
}
xmlhttp.onreadystatechange=function(){
if (xmlhttp.readyState==4 && xmlhttp.status==200){
document.getElementById(ID).innerHTML=xmlhttp.responseText;
ticker = setInterval(function(){loadChatRefresh(File,ID,Msg)},3000);
}
}
var params=Msg;
xmlhttp.open("POST",File,true);
xmlhttp.setRequestHeader("Pragma", "Cache-Control:no-cache");
xmlhttp.setRequestHeader("Content-type", "application/x-www-form-urlencoded");
xmlhttp.setRequestHeader("Content-length", params.length);
xmlhttp.setRequestHeader("Connection", "close");
xmlhttp.send(params);
}
</script>
<script type="text/javascript">
function loadChatTalkRefresh(File,ID,Msg){
if (window.XMLHttpRequest) {
xmlhttp=new XMLHttpRequest();
}
else {
try{
xmlhttp=new ActiveXObject("Msxml2.XMLHTTP");
} catch (e) {
xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
}
}
xmlhttp.onreadystatechange=function(){
if (xmlhttp.readyState==4 && xmlhttp.status==200){
document.getElementById(ID).innerHTML=xmlhttp.responseText;
ticker = setInterval(function(){loadChatRefresh(File,ID,Msg)},3000);
}
}
var params=Msg;
xmlhttp.open("POST",File,true);
xmlhttp.setRequestHeader("Pragma", "Cache-Control:no-cache");
xmlhttp.setRequestHeader("Content-type", "application/x-www-form-urlencoded");
xmlhttp.setRequestHeader("Content-length", params.length);
xmlhttp.setRequestHeader("Connection", "close");
xmlhttp.send(params);
}
</script>
<script type="text/javascript">
function loadChatBasic(File,ID){
if (window.XMLHttpRequest) {
xmlhttp=new XMLHttpRequest();
}
else {
xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
}
xmlhttp.onreadystatechange=function(){
if (xmlhttp.readyState==4 && xmlhttp.status==200){
document.getElementById(ID).innerHTML=xmlhttp.responseText;
}
}
xmlhttp.open("POST",File,true);
xmlhttp.send();
}
</script>
<script type="text/javascript">
function loadQuickCheck(File,ID){
if (window.XMLHttpRequest) {
xmlhttp=new XMLHttpRequest();
}
else {
xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
}
xmlhttp.onreadystatechange=function(){
if (xmlhttp.readyState==4 && xmlhttp.status==200){
document.getElementById(ID).innerHTML=xmlhttp.responseText;
malaky = setInterval(function(){loadQuickCheck(File,ID)},5000);
}
}
xmlhttp.open("POST",File,true);
xmlhttp.send();
}
</script>
<script type="text/javascript">
function loadQuickMessageCheck(File,ID){
if (window.XMLHttpRequest) {
xmlhttp=new XMLHttpRequest();
}
else {
xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
}
xmlhttp.onreadystatechange=function(){
if (xmlhttp.readyState==4 && xmlhttp.status==200){
document.getElementById(ID).innerHTML=xmlhttp.responseText;
whistle = setInterval(function(){loadQuickCheck(File,ID)},5000);
}
}
xmlhttp.open("POST",File,true);
xmlhttp.send();
}
</script>
</head>
<body onload="loadChatCheck('getCheckNewMessages.php','txtHintCheckNewMessage','getFriendsOnline.php','txtHintShowFriends')">
<div class="mainpage">
<table border="0" width="100%">
<tr>
<td>
<h1>Thanks</h1>
<?php echo "Hi " . $Sfname;?>
<br />
</td>
<td>
<div class="right">
<input type="text" name="search" class="input"
value="search" size="40" onclick="clearMe(this)" onkeyup="ShowHint(this)">
<br />
<div id="txtMainSearchHint"></div>
</div>
</td>
</tr>
</table>
<hr />
<br />
<br />
<div>
<div class="pageleft">
<p>Friends Online:</p>
<br /></br />
<div id="txtHintShowFriends"></div>
<div id="txtHintEndChat"></div>
<div id="txtHintCheckNewMessage"></div>
<div id="txtHingNoNew"></div>
<div id="txtHintClearChat"></div>
<br /><br />
<input type="button" value="Clear All" onclick="loadChatBasic('getClearChat.php','txtHintClearChat')" />
<br /><br />
<div class="chat1" id="chat1">Space Holder</div>
<div class="chat2" id="chat2">Space Holder</div>
<div class="chat3" id="chat3">Space Holder</div>
<div class="chat4" id="chat4">Space Holder</div>
<div class="chat5" id="chat5">Space Holder</div>
<br />
<br />
</div>
<div class="pageright">
<?php include("SideBar.php"); ?>
</div>
</div>
<div class="clear"></div>
<br />
<br />
<?php include("footer.php"); ?>
</div>
getFriendsOnline.php PHP Code: <?php session_start(); if (!(isset($_SESSION['login']) && $_SESSION['login'] !='')){ header ("Location: Welcome.php"); } $SMyPId=$_SESSION['MyPId']; include("dbconnect.php"); $result = mysql_query("SELECT *, signedin.PId as SIPId FROM signedin INNER JOIN friends ON signedin.PId=friends.invited OR signedin.PId=friends.invitee WHERE ((friends.invitee={$SMyPId} AND friends.statae='accepted') OR (friends.invited={$SMyPId} AND friends.statae='accepted')) AND signedin.LogOff IS NULL AND signedin.PId !={$SMyPId}"); while($row = mysql_fetch_array($result)){ $mugwort= $mugwort . ';' . $row['SIPId']; } $motherwort=explode(';',$mugwort); foreach ($motherwort as $mulberry){ $result = mysql_query("SELECT COUNT(*) as divonecount FROM chat WHERE chatter='{$SMyPId}' AND chatterspace='chat1' AND EndDate IS NULL"); $row = mysql_fetch_assoc($result); $divonecount=$row['divonecount']; $result = mysql_query("SELECT COUNT(*) AS divtwocount FROM chat WHERE chatter='{$SMyPId}' AND chatterspace='chat2' AND EndDate IS NULL"); $row = mysql_fetch_assoc($result); $divtwocount=$row['divtwocount']; $result = mysql_query("SELECT COUNT(*) AS divthreecount FROM chat WHERE chatter='{$SMyPId}' AND chatterspace='chat3' AND EndDate IS NULL"); $row = mysql_fetch_assoc($result); $divthreecount=$row['divthreecount']; $result = mysql_query("SELECT COUNT(*) AS divfourcount FROM chat WHERE chatter='{$SMyPId}' AND chatterspace='chat4' AND EndDate IS NULL"); $row = mysql_fetch_assoc($result); $divfourcount=$row['divfourcount']; $result = mysql_query("SELECT COUNT(*) AS divfivecount FROM chat WHERE chatter='{$SMyPId}' AND chatterspace='chat5' AND EndDate IS NULL"); $row = mysql_fetch_assoc($result); $divfivecount=$row['divfivecount']; if($divonecount=='0'){ $showchat='chat1'; } elseif ($divtwocount=='0'){ $showchat='chat2'; } elseif ($divthreecount=='0'){ $showchat='chat3'; } elseif ($divfourcount=='0'){ $showchat='chat4'; } elseif ($divfivecount=='0'){ $showchat='chat5'; } [COLOR="Red"] if($showchat=='chat1'){ $result = mysql_query("SELECT * FROM allusers WHERE PId='{$mulberry}'"); while($row = mysql_fetch_array($result)){ $nosegay=rand(). rand(). rand(). rand(). rand(); $nightshade="{$SMyPId};{$mulberry};{$row['fullname']};{$nosegay}"; echo '<img src="thumbs/' . $row['pphoto'] . '" width="30px" /><input type="button" class="button10" name="frol" id="frol" value="' . $row['fullname'] . '" onclick="OpenChat(\'chatheader1.php\',\'chat1\',\'chat=' . $nightshade . '\',\'ChatID=0\',\'getDisplayChat1.php\',\'ChatDisplayOne\',\'getThisChat1.php\',\'displaytalkOne\',\'artemis=' . $nightshade . '\')" /><br /> '; } }elseif($showchat=='chat2'){ $result = mysql_query("SELECT * FROM allusers WHERE PId='{$mulberry}'"); while($row = mysql_fetch_array($result)){ $nosegay=rand(). rand(). rand(). rand(). rand(); $nightshade="{$SMyPId};{$mulberry};{$row['fullname']};{$nosegay}"; echo '<img src="thumbs/' . $row['pphoto'] . '" width="30px" /><input type="button" class="button10" name="frol" id="frol" value="' . $row['fullname'] . '" onclick="OpenChat(\'chatheader2.php\',\'chat2\',\'chat=' . $nightshade . '\',\'ChatID=0\',\'getDisplayChat2.php\',\'ChatDisplayTwo\',\'getThisChat2.php\',\'displaytalkTwo\',\'artemis=' . $nightshade . '\')" /><br /> '; } }elseif($showchat=='chat3'){ $result = mysql_query("SELECT * FROM allusers WHERE PId='{$mulberry}'"); while($row = mysql_fetch_array($result)){ $nosegay=rand(). rand(). rand(). rand(). rand(); $nightshade="{$SMyPId};{$mulberry};{$row['fullname']};{$nosegay}"; echo '<img src="thumbs/' . $row['pphoto'] . '" width="30px" /><input type="button" class="button10" name="frol" id="frol" value="' . $row['fullname'] . '" onclick="OpenChat(\'chatheader3.php\',\'chat3\',\'chat=' . $nightshade . '\',\'ChatID=0\',\'getDisplayChat3.php\',\'ChatDisplayThree\',\'getThisChat3.php\',\'displaytalkThree\',\'artemis=' . $nightshade . '\')" /><br /> '; } }elseif($showchat=='chat4'){ $result = mysql_query("SELECT * FROM allusers WHERE PId='{$mulberry}'"); while($row = mysql_fetch_array($result)){ $nosegay=rand(). rand(). rand(). rand(). rand(); $nightshade="{$SMyPId};{$mulberry};{$row['fullname']};{$nosegay}"; echo '<img src="thumbs/' . $row['pphoto'] . '" width="30px" /><input type="button" class="button10" name="frol" id="frol" value="' . $row['fullname'] . '" onclick="OpenChat(\'chatheader4.php\',\'chat4\',\'chat=' . $nightshade . '\',\'ChatID=0\',\'getDisplayChat4.php\',\'ChatDisplayFour\',\'getThisChat4.php\',\'displaytalkFour\',\'artemis=' . $nightshade . '\')" /><br /> '; } }elseif($showchat=='chat5'){ $result = mysql_query("SELECT * FROM allusers WHERE PId='{$mulberry}'"); while($row = mysql_fetch_array($result)){ $nosegay=rand(). rand(). rand(). rand(). rand(); $nightshade="{$SMyPId};{$mulberry};{$row['fullname']};{$nosegay}"; echo '<img src="thumbs/' . $row['pphoto'] . '" width="30px" /><input type="button" class="button10" name="frol" id="frol" value="' . $row['fullname'] . '" onclick="OpenChat(\'chatheader5.php\',\'chat5\',\'chat=' . $nightshade . '\',\'ChatID=0\',\'getDisplayChat5.php\',\'ChatDisplayFive\',\'getThisChat5.php\',\'displaytalkFive\',\'artemis=' . $nightshade . '\')" /><br /> '; } }else{ $result = mysql_query("SELECT * FROM allusers WHERE PId='{$mulberry}'"); while($row = mysql_fetch_array($result)){ $nosegay=rand(). rand(). rand(). rand(). rand(); $nightshade="{$SMyPId};{$mulberry};{$row['fullname']};{$nosegay}"; echo '<img src="thumbs/' . $row['pphoto'] . '" width="30px" /><input type="button" class="button10" name="frol" id="frol" value="' . $row['fullname'] . '" onclick="alert(\'You have reached your IM capacity, please close a chat box\')" ;> '; } } } [/COLOR] echo '<br /><div class="clear"></div><br /><br />'; mysql_close($con); ?> Or you can see it at : Website: eighty-sixdegrees.com Then Sign in; Username: guest@eighty-sixdegrees.com Password: abcdefgh123456 Click on chat in the header menu then wait five seconds for the boxes to load. Hi I am having trouble with a script. I cannot figure out why I get the message: error: null is null or not an object (In IE8) The site is: www.rayburns.com I have check the javascript for the navigation bar and for the rotating images and cannot see what is missing. Not sure what is not being called. Can someone please help with this. Thank you in advance! Hey all, For the below code, I'm just trying to create a simple toggle menu for a Table of Contents. However, when page loads, I get document.gelementbyid('sidebar') is null even though it's clearly there and if I move script to below markup, it will also give me a hideElements() is not a function error, even though it clearly is. Code: <script type="text/javascript">
(function(){
var headers = document.getElementById("sidebar").childNodes;
for(var i=0; i < headers.length; i++){
hideElements(headers[i]);
if(headers[i].nodeName == "h1"){
headers[i].childNodes[0].onclick = function(){
hideElements(headers[i]);
this.parentNode.nextSibling.style.display = "block";
return false;
}
}
}
var hideElements = function(element){
if(element.nodeName == "UL") element.style.display = "none";
}
})();
</script>
<body>
<a name="top"></a>
<div id="masthead">
<h1>This is the Help Page</h1>
</div>
<div id="sidebar">
<h1><a href="chapter1"> Info</a></h1>
<ul>
<li><a href="#section1">Section 1</a></li>
<li><a href="#section2">Section 2</a></li>
<li><a href="#section3">Section 3</a></li>
</ul>
<h1><a href="chapter2"> Info</a></h1>
<ul>
<li><a href="#section4">Section 4</a></li>
<li><a href="#section5">Section 5</a></li>
<li><a href="#section6">Section 6</a></li>
</ul>
</div>
<div id="content">
<h1 id="section1">Section 1</h1>
<p>
</p>
<a href="#top">Back to Top</a>
<h1 id="section2">Section 2</h1>
<p>
</p>
<a href="#top">Back to Top</a>
<h1 id="section3">Section 3</h1>
<p>
</p>
<a href="#top">Back to Top</a>
</div>
</body>
Thanks for any response. Hi, I am getting an error on this code - sometimes! - and I'm not sure what it is. If I run this as is there is no error. If I add it into another page with other stuff it's ok for a while and then I get an error. So, I added my new page block my block to this code and waited for the error to appear so I could determine a conflict - but it was fine. And then a few clicks later the error. This is the error in IE. In Firefox it seems to be fine lol. Line 159 Char 3 'window.document.sendform.message_text' is null or not an object Can someone make any suggestions? Code: <script language="JavaScript" type="text/javascript">
maxlen = 160;
countLen();
function countLen()
{
message_text = window.document.sendform.message_text.value;
realLength = message_text.length;
if (realLength>maxlen)
{
realLength = maxlen;
window.document.sendform.message_text.value = message_text.substring(0,maxlen);
}
message_text = window.document.sendform.message_text.value;
// del enter
var m = message_text.match(/[\r\n]/);
if (m !== null)
{
window.document.sendform.message_text.value = message_text.replace(/[\n\r]/g, '')
}
window.document.sendform.messlen.value=maxlen-realLength;
}
</script>
<cfset thismessage = "Hi, is this a start">
<cfform action="step2.cfm" method="post" id="sendform" name="sendform">
<cfoutput><textarea id="styled" name="message_text" onkeypress=countLen() onkeydown=countLen() onkeyup=countLen() onchange=countLen() onmouseover=countLen() rows="4">#thismessage#</textarea></cfoutput>
<table width="331" border="0" cellpadding="0" cellspacing="0">
<tr>
<td width="5"></td>
<td width="26"><cfoutput>
<input name="messlen" type="text" value="160" class="counterField" onFocus="this.form.message_text.focus();" /></cfoutput></td>
<td width="300">characters remaining</td>
</tr>
</table>
</cfform>
Thanks! Much appreciated! Kind regards, jo 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 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, Error Console tells me : exp is null Line 10 This does not make any sense to me. Could someone look at the short script below and tell me why I get this message? I know how to make this script work, but I just want to understand why function changePar cannot access the variable exp in the script below. Thank you very much. <code> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title> Exercise 2</title> <meta http-equiv="content-type" content="text/html;charset=UTF-8" /> <script type="text/javascript"> exp=document.getElementById("experiment"); function changePar() { exp.getElementsByTagName("button")[0].onclick=function() { document.getElementById("changingParagraph").innerHTML="Hello World"; } } window.onload=changePar; </script> </head> <body> <div id="experiment"> <button>Click Here</button> </div> <p id="changingParagraph"></p> </body> </html> </code> Hi I am using a custom form elements script in the link below: www_bristolstreet_co_uk/page/find_a_dealer.htm and an error for null object is appearing from this line: active = option[0].childNodes[0].nodeValue; Can anyone please help? I am a novice at Javascript but got this script working perfectly on my local machine - once I loaded it the live site it didn't work... any advice would be greatly appreciated. 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');"> 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>
İ want to use this code but when the page opens, I get a null reference error. When I open the page a second time, this error doesn't occur. I understand when the site caches, this error doesn't occur. The error comes from tb_show function. My code: <script type="text/javascript"> function writeCookie(CookieAdi) { var dtGun = 1 var strValue = "1" if (dtGun == null || dtGun == "") dtGun = 365; var d = new Date(); d.setTime(d.getTime() + (dtGun * 24 * 60 * 60 * 1000)); var zt = "; expires=" + d.toGMTString(); document.cookie = CookieAdi + "=" + strValue + zt + "; path=/"; } function readCookie(cookieadi) { var c = document.cookie; if (c.indexOf(cookieadi) != -1) { s1 = c.indexOf("=", c.indexOf(cookieadi)) + 1; s2 = c.indexOf(";", s1); if (s2 == -1) s2 = c.length; strValue = c.substring(s1, s2); return strValue; } } writeCookie('OnerFacebook'); if (readCookie('OnerFacebook') != 1) { tb_show('', 'http://www.mobilyala.com/OnerFacebook/?KeepThis=true&TB_iframe=true&height=500&width=300&modal=true', ''); } </script> What should I do for it? Hi , I have a an application which works fine on XP IE6, but the same application throws error " Java Script Error Style is null or not an object" on XP IE8 and Windows 7 . Please help me to resolve this issue. Please Tahnks in advance 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 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 Code: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xmlns:v="urn:schemas-microsoft-com:vml">
<head>
<meta name="viewport" content="initial-scale=1.0, user-scalable=no" />
<meta http-equiv="content-type" content="text/html; charset=UTF-8"/>
<title>Washington DC</title>
<script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=false"></script>
<script type="text/javascript" src="scripts/downloadxml.js"></script>
<style type="text/css">
html, body { height: 100%; }
</style>
<script type="text/javascript">
var side_bar_html = "";
var gmarkers = [];
var map = null;
function createMarker(latlng, name, html) {
var contentString = html;
var marker = new google.maps.Marker({
position: latlng,
map: map,
zIndex: Math.round(latlng.lat()*-100000)<<5
});
google.maps.event.addListener(marker, 'click', function() {
infowindow.setContent(contentString);
infowindow.open(map,marker);
});
// save the info we need to use later for the side_bar
gmarkers.push(marker);
// add a line to the side_bar html
side_bar_html += '<a href="javascript:myclick(' + (gmarkers.length-1) + ')">' + name + '<\/a><br>';
}
function myclick(i) {
google.maps.event.trigger(gmarkers[i], "click");
}
function initialize() {
var myOptions = {
zoom: 14,
center: new google.maps.LatLng(38.897725,-77.036511),
mapTypeControl: true,
mapTypeControlOptions: {style: google.maps.MapTypeControlStyle.DROPDOWN_MENU},
navigationControl: true,
mapTypeId: google.maps.MapTypeId.ROADMAP
}
map = new google.maps.Map(document.getElementById("map_canvas"),
myOptions);
google.maps.event.addListener(map, 'click', function() {
infowindow.close();
});
// Read the data from Washington.xml
downloadUrl("Washington.xml", function(doc) {
var xmlDoc = xmlParse(doc);
var marker = xmlDoc.documentElement.getElementsByTagName("marker");
for (var i = 0; i < markers.length; i++) {
// obtain the attribues of each marker
var lat = parseFloat(marker[i].getAttribute("lat"));
var lng = parseFloat(marker[i].getAttribute("lng"));
var point = new google.maps.LatLng(lat,lng);
var html = marker[i].getAttribute("html");
var label = marker[i].getAttribute("label");
// create the marker
var POI = createMarker(point,label,html);
}
// put the assembled side_bar_html contents into the side_bar div
document.getElementById("side_bar").innerHTML = side_bar_html;
});
}
var infowindow = new google.maps.InfoWindow(
{
size: new google.maps.Size(150,50)
});
</script>
</head>
<body style="margin:0px; padding:0px;" onload="initialize()">
<table border="1">
<tr>
<td>
<div id="map_canvas" style="width: 1000px; height: 600px"></div>
</td>
<td valign="top" style="width:200px; text-decoration: underline; color: #4444ff;">
<div id="side_bar"></div>
</td>
</tr>
</table>
</body>
</html>
|
|||||||