JavaScript - Problem With Document.createelement

I have a problem that I have been told to fix. The code that is there work perfectly in Firefox, but throws errors in IE and will not work.

Code:

var newtbody = document.createElement("tbody");
newtbody.id = "ROW"+newkey;
document.getElementById(trElement).parentNode.insertBefore(newtbody,document.getElementById(trElement));
newtbody.innerHTML = gcp;

gcp has the HTML for inside the tbody tag. The error I get in IE is the "Unknown runtime error". I have tried some of the "solutions" that I have seen online but none have worked. Can anyone help?

I'm trying to check to see if a dynamically created element exists BEFORE creating another element of the same exact type...but my if statement at the beginning is not working and another element is just created.

Code:

function writeElement(id) {
	if(document.getElementsByTagName('transElement')[0]) {
		var id = id;
		killElement();
		writeElement(id);
	}
	var id = id;
	var transElement = document.createElement('transElement');
	var solidElement = document.createElement('solidElement');
	var closeElement = document.createElement('closeElement');
	//transElement.id = "transElement";
	transElement.setAttribute('id', 'transElement');
	solidElement.setAttribute('id', 'solidElement');
	closeElement.setAttribute('id', 'closeElement');
	closeElement.setAttribute('onClick', 'killElement()');
	closeElement.innerHTML = "Close";
	var content =  "inject_poem.php?id=" + id;
	getdata(content, 'solidElement');
	document.body.appendChild(transElement);
	document.body.appendChild(solidElement);
	document.body.appendChild(closeElement);
}

Does anyone know what is incorrect about my if statement?

Please delete, someone had a retard moment

Code:

onload=function() {progress1();}

var repeat=0;
function progress1() {
document.getElementById('clib').style.display="inline";
if (repeat<9) {
repeat=repeat+1;
setTimeout('progress1()',1000);
old = document.getElementById('cliba').innerHML;
document.getElementById('cliba').innerHML=old+'.';
}
else {
progress2();
}
}

var repeata=0;
function progress2() {
document.getElementById('wlib').style.display="inline";
if (repeata<23) {
repeata=repeata+1;
setTimeout('progress2()',1000);
old = document.getElementById('wliba').innerHML;
document.getElementById('wliba').innerHML=old+'.';
}
else {
progress3();
}
}

var repeatb=0;
function progress3() {
document.getElementById('dlib').style.display="inline";
if (repeatb<17) {
repeatb=repeatb+1;
setTimeout('progress3()',1000);
old = document.getElementById('dliba').innerHML;
document.getElementById('dliba').innerHML=old+'.';
}
else {
progress4();
}
}

var repeatc=0;
function progress4() {
document.getElementById('slib').style.display="inline";
if (repeatc<4) {
repeatc=repeatc+1;
setTimeout('progress4()',1000);
old = document.getElementById('sliba').innerHML;
document.getElementById('sliba').innerHML=old+'.';
}
else {
progress5();
}
}

var repeatd=0;
function progress5() {
document.getElementById('vlib').style.display="inline";
if (repeatd<17) {
repeatd=repeatd+1;
setTimeout('progress5()',1000);
old = document.getElementById('vliba').innerHML;
document.getElementById('vliba').innerHML=old+'.';
}
else {
progress6();
}
}

var repeate=0;
function progress6() {
document.getElementById('xlib').style.display="inline";
if (repeate<33) {
repeate=repeate+1;
setTimeout('progress6()',1000);
old = document.getElementById('xliba').innerHML;
document.getElementById('xliba').innerHML=old+'.';
}
else {
pyws();
}
}

var repeatf=0;
function pyws() {
document.getElementById('pyws').style.display="inline";
if (repeatf<7) {
repeatf=repeat+1;
setTimeout('pyws()',1000);
old = document.getElementById('pywsa').innerHML;
document.getElementById('pywsa').innerHML=old+'.';
}
}

HI.....idk why it is not working......when I load site, it will start counting, but dots after that .lib files.....look: http://ikoos.tk/load_os/ ......if you don't know what I mean....try to send me a PM. Thank you.

here's my javascript code Code:

<script type="text/javascript">
function sel(id){
document.getElementById(id).className="selected";
var getEls = document.getElementById("countrytabs").getElementsByTagName("a");
var getAgn = getEls;
for(var i=0; i<getEls.length; i++)
{
	getEls[i].onclick=function()
	{	for (var x=0; x<getAgn.length; x++)
		{
			getEls[i].className=getAgn[x].className.replace("selected", "");
		}
	}
}
}	
	
</script>

<style>
	a:hover	{color: #FFFF00;}
	
	.selected{color: #FFFF00;
	text-decoration: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	line-height: 15px;
	background-color: #ACAAAB;
	border: 0px none #ACAAAB;
	height: 20px;
	width: 125px;
	text-align: left;}
	
	a{color: #333333;
	text-decoration: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	line-height: 15px;
	background-color: #ACAAAB;
	border: 0px none #ACAAAB;
	height: 20px;
	width: 125px;
	text-align: left;}
	
</style>

here's my html code
Code:

<a href="#" class="selected" id="one" onclick="sel('one')">
Bharati Axa
</a><br />
                            <a href="#" id="two" onclick="sel('two')">
                              BPCL</a>
                            <br />
                              <a href="#" id="three" onclick="sel('three')">
                             Hypercity                              </a><br />
                              <a href="#" id="four" onclick="sel('four')">
                              Idea                              </a>

the problem is when i select a link the first time. it works fine. but when i select another link the next time the script does not work.

Basically it works only once when page is loaded and then its not working at all.
Its not showing any errors either. don't know whats happing.?

Can someone please help me its urgent? Any help will be really gratefull!

document.write("<script type='text/javascript' src='http://www.website.com/javscript.js'></script>");

For some reason this will not output correctly. It ouputs

");

Which is the last three characters.

i have the code in JS:
Code:

 if(drop_list.value == "zed-catcher/11")
            {
               input_box.disabled=false;
               var catcher_id = document.getElementById('lpm_service_catcher_id');
               catcher_id.value = 11;
            }
            else
               input_box.disabled=true;

how come the line catcher_id.value = 11; is not setting the value to 11????
i get that catcher_id = null????

pleas help
thanks

document.write("<table><tr><td><a href='#' onMouseOver='MM_swapImage('changeMe','','images/calNum/calNum4g.jpg',1);'><img id='changeMe' name='changeMe' src='images/calNum/calNum1.jpg' border='0'/></a></td></tr></table>");

basically the one thing I am know is a problem or at least where the problem starts is when the ","(comma) is added in the parathesis for the params of MM_swapImage. Whats the correct way to write those commas?

Hello everyone. As lame as this may sound, I can't for the life of me get the document by the id. All looks fine to me, but I get the following error that just simply doesn't make sense.


Webpage error details

User Agent: Mozilla/4.0 (compatible; MSIE 8.0; Windows NT 6.1; WOW64; Trident/4.0; SLCC2; .NET CLR 2.0.50727; .NET CLR 3.5.30729; .NET CLR 3.0.30729; Media Center PC 6.0)
Timestamp: Fri, 15 Jan 2010 01:37:06 UTC


Message: Object required
Line: 7
Char: 4
Code: 0

Here's the code...

Code:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html>
  <head>
	<script type="text/javascript">
	function doSomething() {
		var elem = document.getElementById('doFade');
			alert(elem.src);
		}	
		
		window.onload = doSomething();
		
    </script>
  </head>
  <body>
	<img src="/images/aero.jpg" id="doFade" width="300" height="200" />
  </body>
</html>

Hi all,

I'm working on an internal site for my company and I have a snippet of code that works 100% fine indepentantly but when I try to use it inside a document.write I can't get it to work. I'm pretty sure it's down to the structure of it but I'm inexperienced with JS so I'm not sure how do correctly structure it.

Here is the code I want inside of a document.write():

Code:

<a href='javascript: void(0);' style="text-decoration:none; font-size:14px;" onclick="
document.getElementById('my_hidden_div_id_1').innerHTML = '<iframe src=\'{file:link}\' width=\'880\' height=\'500\'></iframe>'
$('#my_hidden_div_id_1').koverlay({title: '{file:filename}'});
$('.css_koverlay').css({'background-color':'#9c183a'});
;
">
Pop-Up</a>

Could anyone help me correctly insert it inside document.write() so that it outputs without errors?

Thanks!

Hey

I'm having a problem with this line:
Code:

 var val1 = document.sform.sel1.value;

sform is the name of a form that the data is being put onto. Problem is I want to change that name to verifypage.php

When I replace sform with the verifypage.php I believe (I have no clues on JS) that the . if the extension of verifypage.php is screwing the code up. It's a dynamic drop down list that I want to display the results on another page.

Thanks!

This is an example piece of code which I wish to add to an onkeydown event:

Code:

function keyListen(param1,param2,e) {
        
        // keycode for ie
        
        if(window.event) {
                e = window.event;
                var keycode = e.keyCode;
        }
        
        // keycode for firefox, safari and opera
        
        else {
                var keycode = e.which;
        }
        
        // if right arrow key was pressed execute a function
        
        if(keycode == '39') {
                someFunction(param1,param2);
        }
}

Then somewhere else in my code I dynamically add the function to an onkeydown event like so:

Code:

document.onkeydown = function() { keyListen(param1,param2,event) };

This works great in Internet Explorer, Opera, Safari and Google Chrome but not Firefox. Firefox keeps reporting that event is not defined, is there a way around this problem?

I have also tried this:

Code:

document.onkeydown = function() { keyListen(param1,param2) };

I excluded the event, but still the same outcome, works well in all browsers apart from Firefox. Please help me, thankyou.

Hello, I have a problem with the following code!
I want to use it so that customers check a checkbox under each photo they want, in a photo gallery, and when they finish, they can click and the photos they checked appear using document.write in a new page!
The problem I have is that when the script finds the first image, it uses document.write, shows only the first image it finds and then ends the foor loop!
How can I code it so that it finds all the photos first and then shows them in the new page!
Here is the sample code, sorry for my bad English and thanks for your time!
--------------------------------------------------------------------------

<script type="text/javascript">
function findphotos(test){
for (i=0; i<document.test.checkgroup.length; i++){
if (document.test.checkgroup[i].checked==true){
document.write('<img src="'+i+'.jpg">');
}
}
}
</script>

<form name="test">
<input type="checkbox" name="checkgroup" />
<input type="checkbox" name="checkgroup" />
<input type="checkbox" name="checkgroup" />
</form>
<h1 onclick="javascript:findphotos(test)">Find</h1>

I wanted to resize the modal dialog based on the content of the modal dialog for that i used the following lines of code,

window.dialogWidth = document.body.scrollWidth+ "px";
window.dialogHeight = document.body.scrollHeight+ "px";

The 'document.body.scrollHeight' is not giving the exact height of the modal dialog bcos the button on the modal dialog are not completely visible to click for the user.

Please can any one tell how to get the exact height of the modal dialog to resize it?

Hi..

I have problem on how can I automatically display the output from the computation (Demanded Qty * Quantity), after or while I input Demanded Qty.

I mean I input Demanded Qty, on below it will display the output also beside the SubItems.

Sorry, if i post again my problem, because I have no idea on how can I solve this problem.

here is my code:

PHP Code:
<?php                                                                          
   error_reporting(0);
   date_default_timezone_set("Asia/Singapore"); //set the time zone  
$con = mysql_connect('localhost', 'root','');

if (!$con) {
    echo 'failed';
    die();
}
mysql_select_db("mes", $con);
?>
<html>
<title>Stock Requisition</title>
<head>
<link rel="stylesheet" type="text/css" href="kanban.css">
<script type="text/javascript">
function compute_quantity(){
    var DemandedQty = document.getElementById('DemandedQty').value;
    var SubQty = document.getElementById('SubQty').value;
    var Quantity = document.getElementById('Quantity').value;
    
     SubQty = (DemandedQty * Quantity);
}
</script>
</head>
<body>
<form name="stock_requisition" action="<?php echo $_SERVER['PHP_SELF']; ?>" method="post">
<div>
<table>
<thead>
<th>Items</th>
<th>Sub Items</th>
<th>Item Code</th>
<th>Demanded Qty</th>
<th>UoM</th>
<th>Class</th>
<th>Description</th>
<th>BIN Location</th>
</thead>
<?php

$DemandedQty = $_POST['DemandedQty'];

$sql = "SELECT DISTINCT Items FROM bom_subitems ORDER BY Items";
$res_bom = mysql_query($sql, $con);

while($row = mysql_fetch_assoc($res_bom)){
    
    $Items = $row['Items'];
    $Items_ = substr($Items, 12, 3);
    
echo "<tr>
        <td style='border: none;font-weight: bold;'>&nbsp;<input type='name' value='$Items_' name='Items_[]' id='Items' readonly = 'readonly' style = 'border:none;width:auto;font-family: Arial, Helvetica, sans-serif;font-size: 1em;'></td>
        <td style='border:none;'>&nbsp;</td>
        <td style='border:none;'>&nbsp;</td> 
        <td style='border: none;'><center><input type='text' name='DemandedQty[]' id='DemandedQty' value='' size='12' onkeyup = compute_quantity()></center></td>     
        </tr>"; 
             
$sql = "SELECT Items, SubItems, ItemCode, UoM, Class, Description, BINLocation, Quantity FROM bom_subitems WHERE Items = '$Items' ORDER BY Items"or die(mysql_error());

$res_sub = mysql_query($sql, $con);  
 
 while($row_sub = mysql_fetch_assoc($res_sub)){

     $Items1 = $row_sub['Items'];
     $SubItems = $row_sub['SubItems'];
     $ItemCode = $row_sub['ItemCode'];
     $UoM = $row_sub['UoM'];
     $Class = $row_sub['Class'];
     $Description = $row_sub['Description'];
     $BINLocation = $row_sub['BINLocation'];
     $Quantity = $row_sub['Quantity']; 
      
    echo "<input type='hidden' name='Quantity' id='Quantity' value='$Quantity'>";
    echo "<tr>
        <td style='border: none;'>&nbsp;<input type='hidden' value='$Items1' id='Items1' name='Items1[]'></td>
        <td style='border: none;'>&nbsp;<input type='text' name='SubItems[]' value='$SubItems' id='SubItems' readonly='readonly' style='border:none; width:auto;font-family: Arial, Helvetica, sans-serif;font-size: 1em;'></td>
        <td style='border: none;'>&nbsp;<input type='text' name='ItemCode[]' value='$ItemCode' id='ItemCode' readonly='readonly' style='border:none; width:auto;font-family: Arial, Helvetica, sans-serif;font-size: 1em;'></td>
        <td style='border: none;'><center><input type='text' name='SubQty[]' id='SubQty' value='' size='12' style></center></td>
        <td style='border: none;' size='3'>&nbsp;<input type='text' name='UoM[]' value='$UoM' id='UoM' readonly='readonly' style='border:none; width:auto;font-family: Arial, Helvetica, sans-serif;font-size: 1em;' size='3'></td>
        <td style='border: none;'>&nbsp;<input type='text' name='Class[]' value='$Class' id='Class' readonly='readonly' style='border:none; width:auto;font-family: Arial, Helvetica, sans-serif;font-size: 1em;'></td>
        <td style='border: none;'>&nbsp;<input type='text' name='Description[]' value='$Description' id='Description' readonly='readonly' style='border:none; width:auto;font-family: Arial, Helvetica, sans-serif;font-size: 1em;' size= '30'></td>
        <td style='border: none;'>&nbsp;<input type='text' name='BINLocation[]' value='$BINLocation' id='BINLocation' readonly='readonly' style='border:none; width:auto;font-family: Arial, Helvetica, sans-serif;font-size: 1em;'></td>     
        </tr>";    
        
}
}               
?>
</table>
</div>
</form>
</body>
</html>

If you don't understand my issue feel free to ask me for further understanding.

I'm sorry again I really need to solve this and i tried to google but I can't find the solution.

Thank you so much