|
JavaScript - Firefox And Getelementbyid Problem
Hi,
I think from what I have been reading that Firefox has quite a problem with some Javascript. We had this little script written for us which works great in IE but I have no clue how to get it to work with Firefox. Any ideas would be greatly appreciated! Code: <script type="text/javascript">
<!--
function getObject(obj) {
var theObj;
if(document.all) {
if(typeof obj=="string") {
return document.all(obj);
} else {
return obj.style;
}
}
if(document.getElementById) {
if(typeof obj=="string") {
return document.getElementById(obj);
} else {
return obj.style;
}
}
return null;
}
function checkqty(item1,item2) {
var item1Obj=getObject(item1);
var item2Obj=getObject(item2);
if (item1Obj.checked == true) {
item2Obj.value = "1";
}
else if (item1Obj.checked == false) {
item2Obj.value = "0";
}
}
//-->
</script>
<input type="checkbox" name="item2" value="012345" onClick="checkqty('item2','quantity2');">
<input type="hidden" name="quantity2" value="0">
Similar TutorialsHi, This code uses the getElementById to change the background of certain <tr>'s. In a nutshell there are two buttons, the code checks which one has been clicked, then checks the background colour of a relevant <tr> and depending what it finds changes the colours of the cells. Works fine in Chrome and Firefox but not in IE and I'm now sorely vexed by it. Can anyone shed light on the solution please? Code: <script language="javascript" type="text/javascript">
function changeBackgroundColor(objDivID)
{
var backColor = new String();
if ( objDivID == "lifesciences" )
{
backColor = document.getElementById('claire').style.backgroundColor;
}
if ( objDivID == "healthcare" )
{
backColor = document.getElementById('adrienne').style.backgroundColor;
}
if(backColor.toLowerCase()=='#ffffff' || backColor.toLowerCase()=='rgb(255, 255, 255)')
// IE works with hex code of color e.g.: #eeeeee
// Firefox works with rgb color code e.g.: rgb(238, 238, 238)
// Thats why both types are used in If-condition below
{
if ( objDivID == "lifesciences" )
{
document.getElementById('david').style.backgroundColor = '#c0c0c0';
document.getElementById('claire').style.backgroundColor = '#c0c0c0';
document.getElementById('adrienne').style.backgroundColor = '#ffffff';
document.getElementById('karen').style.backgroundColor = '#c0c0c0';
document.getElementById('alice').style.backgroundColor = '#c0c0c0';
document.getElementById('kelly').style.backgroundColor = '#ffffff';
document.getElementById('sarah').style.backgroundColor = '#c0c0c0';
document.getElementById('carolyn').style.backgroundColor = '#c0c0c0';
document.getElementById('paul').style.backgroundColor = '#c0c0c0';
document.getElementById('kayleigh').style.backgroundColor = '#c0c0c0';
document.getElementById('tim').style.backgroundColor = '#c0c0c0';
document.getElementById('chantal').style.backgroundColor = '#c0c0c0';
document.getElementById('lee').style.backgroundColor = '#c0c0c0';
document.getElementById('lisa').style.backgroundColor = '#c0c0c0';
}
else
{
document.getElementById('david').style.backgroundColor = '#c0c0c0';
document.getElementById('claire').style.backgroundColor = '#ffffff';
document.getElementById('adrienne').style.backgroundColor = '#c0c0c0';
document.getElementById('karen').style.backgroundColor = '#c0c0c0';
document.getElementById('alice').style.backgroundColor = '#c0c0c0';
document.getElementById('kelly').style.backgroundColor = '#c0c0c0';
document.getElementById('sarah').style.backgroundColor = '#c0c0c0';
document.getElementById('carolyn').style.backgroundColor = '#ffffff';
document.getElementById('paul').style.backgroundColor = '#ffffff';
document.getElementById('kayleigh').style.backgroundColor = '#ffffff';
document.getElementById('tim').style.backgroundColor = '#c0c0c0';
document.getElementById('chantal').style.backgroundColor = '#c0c0c0';
document.getElementById('lee').style.backgroundColor = '#c0c0c0';
document.getElementById('lisa').style.backgroundColor = '#c0c0c0';
}
}
else
{
document.getElementById('david').style.backgroundColor = '#ffffff';
document.getElementById('claire').style.backgroundColor = '#ffffff';
document.getElementById('adrienne').style.backgroundColor = '#ffffff';
document.getElementById('karen').style.backgroundColor = '#ffffff';
document.getElementById('alice').style.backgroundColor = '#ffffff';
document.getElementById('kelly').style.backgroundColor = '#ffffff';
document.getElementById('sarah').style.backgroundColor = '#ffffff';
document.getElementById('carolyn').style.backgroundColor = '#ffffff';
document.getElementById('paul').style.backgroundColor = '#ffffff';
document.getElementById('kayleigh').style.backgroundColor = '#ffffff';
document.getElementById('tim').style.backgroundColor = '#ffffff';
document.getElementById('chantal').style.backgroundColor = '#ffffff';
document.getElementById('lee').style.backgroundColor = '#ffffff';
document.getElementById('lisa').style.backgroundColor = '#ffffff';
}
}
</script>
This code works fine in IE but it won't in FF. The error console says topdiv.style and sidediv.style are 'undefined' This is the javascript: Code: function changeposition() {
topdiv = "document.getElementById('top')";
sidediv = "document.getElementById('side')";
if (document.scrolltop > 100) {
topdiv.style.position = "fixed";
topdiv.style.top = "-100px";
sidediv.style.position = "fixed";
sidediv.style.position = "35px";
} else {
topdiv.style.position = "absolute";
topdiv.style.top = "0px";
sidediv.style.position = "absolute";
sidediv.style.position = "135px";
}}
window.onscroll = changeposition();
and the HTML: Code: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <link rel="stylesheet" type="text/css" href="standardstyle.css"> <script type="text/javascript" src="menuposition.js"></script> </head> <body> <div class="top" id="top"> ... </div> <div class="sidebar" id="side"> ... </div> ... </body> </html> I'm using FF4 I'm working on my own site for layouts for sites like Myspace and Ning. Myspace changed their layouts to no longer include CSS so I am working on a new way to post their layouts. I used this same method to post all our other layouts. For some reason this is not showing up in IE. Firefox: IE: Interestingly enough, when I run the debugger in IE it loads when it is done. If not I get the black hole effect above. ERRORS: Object required Not implemented Any help will be greatly appreciated! Code: bgImg = document.getElementById('bg').innerHTML;
tile = document.getElementById('bgtile').innerHTML;
att = document.getElementById('bgatt').innerHTML;
pos = document.getElementById('bgpos').innerHTML;
top = document.getElementById('mar').innerHTML;
ht = document.getElementById('marht').innerHTML;
alink = document.getElementById('sel').innerHTML;
col = document.getElementById('bgcol').innerHTML;
hed = document.getElementById('hdr').innerHTML;
bord = document.getElementById('bdr').innerHTML;
con = document.getElementById('ct').innerHTML;
div3 = document.getElementById('MS3css').innerHTML;
if (document.getElementById('bg')){
document.getElementById('bgimgEmpty').innerHTML='Background Image: <br /><textarea id="MS3" style="width:250px; height: 55px; background: #999999; color: #000000; padding: 2px;" onclick="select()" ><img src="'+bgImg+'"></textarea><br />';}
if (document.getElementById('bgtile')){
document.getElementById('bgtileEmpty').innerHTML='Background Tile: <br /><textarea id="MS3" style="width:250px; height: 25px; background: #999999; color: #000000; padding: 2px;" onclick="select()" >'+tile+'</textarea><br />';}
if (document.getElementById('bgatt')){
document.getElementById('bgattEmpty').innerHTML='Background Attachment: <br /><textarea id="MS3" style="width:250px; height: 25px; background: #999999; color: #000000; padding: 2px;" onclick="select()" >'+att+'</textarea><br />';}
if (document.getElementById('bgpos')){
document.getElementById('bgposEmpty').innerHTML='Background Position: <br /><textarea id="MS3" style="width: 250px; height: 25px; background: #999999; color: #000000; padding: 2px;" onclick="select()" >'+pos+'</textarea><br />';}
if (document.getElementById('mar')){
document.getElementById('marEmpty').innerHTML='Marquee: <br /><textarea id="MS3" style="width:250px; height: 55px; background: #999999; color: #000000; padding: 2px;"><a href="http://skemaholicsanonymous.com/"><img src="'+top+'"></a></textarea><br />';}
if (document.getElementById('marht')){
document.getElementById('marhtEmpty').innerHTML='Marquee Height: <br /><textarea id="MS3" style="width:60px; height: 25px; background: #999999; color: #000000; padding: 2px;" onclick="select()" >'+ht+'</textarea><br />';}
if (document.getElementById('sel')){
document.getElementById('selEmpty').innerHTML='Selected: <br /><textarea id="MS3" style="width:60px; height: 25px; background: #999999; color: #000000; padding: 2px;" onclick="select()" >'+alink+'</textarea><br />';}
if (document.getElementById('bgcol')){
document.getElementById('bgcolEmpty').innerHTML='Background Color: <br /><textarea id="MS3" style="width:60px; height: 25px; background: #999999; color: #000000; padding: 2px;" onclick="select()" >'+col+'</textarea><br />';}
if (document.getElementById('hdr')){
document.getElementById('hdrEmpty').innerHTML='Header: <br /><textarea id="MS3" style="width:60px; height: 25px; background: #999999; color: #000000; padding: 2px;" onclick="select()" >'+hed+'</textarea><br />';}
if (document.getElementById('bdr')){
document.getElementById('bdrEmpty').innerHTML='Borders: <br /><textarea id="MS3" style="width:60px; height: 25px; background: #999999; color: #000000; padding: 2px;" onclick="select()" >'+bord+'</textarea><br />';}
if (document.getElementById('ct')){
document.getElementById('ctEmpty').innerHTML='Content: <br /><textarea id="MS3" style="width:60px; height: 25px; background: #999999; color: #000000; padding: 2px;" onclick="select()" >'+con+'</textarea><br />';}
if (document.getElementById('MS3css')){
document.getElementById('code2Empty').innerHTML='<form id="genDone"action="http://blog.skemaholicsanonymous.com/MSPreview3/preview.php" method="post" rel="nofollow" target="_blank"><textarea id="codebox" style="display: none;" name="genCode">'+div3+'</textarea><br /><input type="submit" value="Preview" id="prevLoad" /></form>';}
Hi coders, I have an .asp page on which you can change the background picture of a cell by simply selecting the desired color from a dropdown field. When running the page in Firefox its Error console tells me the following: Error: document.getElementById.bgtd is undefined Source File: [localhost...] Line: 29 Here is the code: <select name=ADDITIONALINFO1 ID="Select1" onchange="changebg(document.forms[0].ADDITIONALINFO1[document.forms[0].ADDITIONALINFO1.selectedIndex].value)"> <option value="White"> White <option value="Black"> Black <option value="Blue"> Blue </select> And here is the changebg script: function changebg(color){ if (color=="Black") document.getElementById("bgtd").background = "img/bg-tshirt5.jpg"; else if (color=="Blue") document.getElementById("bgtd").background = "img/bg-tshirt_bl.jpg"; else document.getElementById("bgtd").background = "img/bg-tshirt2.jpg"; document.forms[0].bgimg.value = document.getElementById("bgtd").background; } Here is the table where the image is displayed as bachground: <td width="353" background="img/bg-tshirt2.jpg" height="269" id="bgtd"> <p align="center"><font size="1"> <br> <img src="<%=imgSrc%>"></font></td> Internet Explorer does not complain and does the job without any errors. I Could not find out how to make it work also with Firefox. Any comments are appreciated. So I've started learning Javascript some days ago. Reading 'JavaScript Bible' Seventh Edition. One of the things the book repeatedly says is: use: Code: if(!document.getElementById()) return; (and others like: Code: if(!document.createTextNode()) return; ) to filter out all the browser who are in fact not supporting DOM. As I'm using Safari (and Firefox for testing purpose) the 'document.getElementById()' and therefo DOM is supported. Now, my browsers (both Safari and Firefox) get returned out of the javascript anyway. as simple as: Code: if(!document.getElementById()) return;
document.write("testIt!");
the document.write doesn't get executed. Now: I found a simple solutions which seems to work.... partially: Code: if(document.getElementById() == "undefined") return;
document.write("testIt!");
This seems to work for Safari, but Firefox still gets returned out of the javascript. I could just omit the if statements to make it work altogether. But that doesn't sound like the best method to me, because (so I've read) it can crash browsers and such. Now my question: Why are my browsers (or javascript for all I care) acting so strange? Is there a way to make the if(!document.getElementById()) work? or is it just a silly rule the writers of the JavaScript Bible made up? Thanks in advance for any help :) Alright so i've been trying to code a layout with multiple 'frames' . What I usually do is use the following script: Code: <center>
<script>
function changeNavigation(id)
{document.getElementById('navigate').innerHTML=document.getElementById(id).innerHTML}
</script>
<noembed>
<body>
</noembed>
And then add all the divs which are linked to an imagemap, like this: Code: <img src="IMAGE" width="HERE" height="HERE" border="0" usemap="#ImageMap1">
<div style="width:HEREpx; height:HEREpx; position:absolute; left:HEREpx; top:HEREpx; z-index:1; overflow:auto;"
id="HERE">
Blaa
</div>
<div style="display:none; overflow=none"; id="HERE">
And add as many as I need of these.
</div>
<map name="ImageMap1">
<area shape="HERE" coords="HERE" name="HERE"
onClick="changeNavigation('HERE')">
</map>
This always works fine when I have one 'navigation' frame. However this time I need to code a layout with multiple frames. I have tried starting a new script and linking to a new imagemap to do that. But what it does is it duplicates the image and the divs dont appear when clicking on a 'button'. This is the layout I am coding As you can see, each box has its own 'buttons' which should link to a div. I can do it for one of the boxes and its divs, but cant figure out how to do it for the others so it works. Did my best to make this sound non-confusing. Hopefully someone will be able to help. Hello, I am retrieving xml - that works well. It is when I use "getElementByID" that things go weird. I can scoop up the elements, but it gives me 4 copies of each. When I try to run thru the first one, it doesn't recognize it as an array. hmm. In otherwords.. lets say I do this. var test = somevars.getElementByID('shoes'); test then looks like this: [shoes shoes shoes shoes] If I click on each "object" (shoes) - then I get the FULL xml in each... so I figure, ok - I'll just grab the first and reiterate thru that. ie.. for y=1 etc.. test[0].length but that doesn't work. Do I have to then reach into the childNodes of this and grab the "shoes" elements? Not sure if I am explaining this correctly. this is what I have: Code:
function fireAjax(){
new Ajax.Request( flashconfig.genXML, {
method: 'get',
contentType: "application/xml",
onSuccess: function( transport ) {
var shoeTags = transport.responseXML.getElementsByTagName( 'shoes' );
var spotlightView = $H();
for( var b = 0; b < shoeTags.length; b++ ) {
$w('title description link linkName image').each( function(cs){
spotlightView[cs] = getNodeValue(shoeTags[b],cs);
});
builddisplay(displayModule, spotlightView);
}
so shoeTags does get an array, but each element/object actually has ALL the shoe items in it - but then repeats... for the other array positions. I tried just grabbing the ".first" or [0] like so, but that didn't work. var shoeTags = transport.responseXML.getElementsByTagName( 'shoes' ).first; or var shoeTags = transport.responseXML.getElementsByTagName( 'shoes' )[0] 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! 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 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>
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. Hi guys, I'm a bit new to all this javascript and of course I have a problem.. I have searched all the forums and none have helped me fix this problem.. js file: function buildTable (prodNum){ moo = document.GetElementById('showProd').insertRow(0); /*some crap code*/ } html code: <table id = "showProd" border ="3"></table> i keep on recieving from firebug an error saying GetElementById is not a function... any help will be greatly appreciated. thank you. Hello, I am having a problem with javascript code: Code: newWindow.document.getElementByID() where "newWindow" is a new "window" object opened up with an existing file in the same directory as the current file. The complete function looks like this: Code: function showStreamInFullScreenMode(stream_id) {
var params = "width=" + screen.width + ", height=" + screen.height + ", top=0, left=0" + "location=no, menubar=no, scrollbars=no," +
"resizable=no, toolbar=no, directories=no, fullscreen=yes";
var newWindow = window.open("fullscreenMode.html", "Fullscreen Mode", params, false);
var customScript = "initOpenTokSession(\"" + stream_id + "\");";
var scriptElement = newWindow.document.getElementById("customScript");
scriptElement.innerHTML = customScript;
if (window.focus) {
newWindow.focus();
}
}
The bolded line of code is what is producing the error: Quote: scriptElement is null Note that the file that is opened (fullscreenMode.html) does indeed have a <script> html element with the id "customScript" so there is no reason why scriptElement should be null. I would appreciate any help anyone could offer. Thanks in advance. 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;'> <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;'> </td> <td style='border:none;'> </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;'> <input type='hidden' value='$Items1' id='Items1' name='Items1[]'></td> <td style='border: none;'> <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;'> <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'> <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;'> <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;'> <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;'> <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 I have the following code...the getelementbyId works fine it changes the value in the textfield aswell....but only in the first retrieved record...It is not working in any of the other records that are showed. Code is he <?php include("../connection/conn.php"); ?> <script type="text/javascript"> function notEmpty(){ var myTextField = document.getElementById('myText'); document.getElementById('myText').innerHTML = myTextField; if(myTextField.value != "") alert("You entered: " + myTextField.value) else alert("Would you please enter some text?") } </script> </head> <body> <?php $sql=mysql_query("select * from menuscript"); while($row=mysql_fetch_array($sql)) { ?> <div class="mine"> <?php echo $row['author'];?> <form> <input type='text' id='myText' /> <input type='button' onclick="notEmpty();" value='Form Checker' /> </form> </div> <?php }?> Hi... I got an error: Object Required when I use this code: Code: var SubQty = document.getElementById("SubQty").value;
<input class='txt' type='text' name='SubQty[]' id='$joinId' size='12' style= 'border:none;' value=''/>
How can I get the value? Thank you i have an onclick function, but after debuging i found that firefox and only firefox blocks at the line " individualNames = names.childNodes[0].innerText; " is there somthin im missing please help. function searchForm() { var change = 0; var searchValue = document.getElementById("searchValue").value.toLowerCase(); var count = document.getElementById("excelTable").rows.length; var once = true; myArray = new Array(); if(searchValue == ""){alert("Please enter a value"); return false} for(i=0;i<=count;i++){ names = document.getElementById("excelTable").rows[i]; individualNames = names.childNodes[0].innerText; //only by last name of the file coming in format == "LastName, FirstName" lastName = individualNames.split(", "); //only by last name lowerCaseNames = lastName[0].toLowerCase(); names.style.backgroundColor = "#FFF"; if(lowerCaseNames.indexOf(searchValue) != -1) { names.style.backgroundColor = "#999"; //make the first result with the search apear on screen than stop after the first if(once==true){document.getElementById("excelTable").rows[i].scrollIntoView(true); once=false;} myArray[change] = document.getElementById("excelTable").rows[i];//fill a passing array to next function change++;//make the array go to next slot document.getElementById("nextButton").disabled = false; document.getElementById("searchTitle").scrollIntoView(true); } } } The following extremely simply JavaScript code: Code: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title>Untitled Document</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<meta http-equiv="Content-Style-Type" content="text/css">
<meta http-equiv="Content-Script-Type" content="text/javascript">
<script type="text/javascript">
onload=function(){
var n=document.getElementsByTagName('div')[0];
alert(n.innerHTML);
}
</script>
</head>
<body>
<div>foo</div>
</body>
</html>
alerts the innerHTML content in all the browsers. Except in Firefox 3.6.8, which alerts a blank value. What the f? I know that innerHTML is not a standard DOM method, but it used to be a crossbrowser one since FF 1.5, right? ------- Edit: It does not work even in case of firstChild.nodeValue or firstChild.data. FF 3.6.8 says that the DIV element has no first child, which is amazing. confused:hope its the right place to post a newbie here . but i have a problem with a firefox accepting a script that i wrote it works on exploer but not on firefox onclick="javascript:if (this.parentNode.parentNode.nextSibling.style.display !='block') this.parentNode.parentNode.nextSibling.style.display ='block'; else this.parentNode.parentNode.nextSibling.style.display ='none';" hope u can help me thx Helo, I'm really hoping one of you JavaScript gurus can help me. I find this a bit difficult, but I'm sure you will find it easy. I wrote a script to detect the version of Windows that a visitor is using. It then loads a remote script based on the OS. You can see it in action by visiting my website http://www.xp-smoker.com and clicking on any link that takes you to another page. This script shows you an offer based on whether you are using XP, Vista or Windows 7. It works great in IE 8. No errors. It does not work at all in Firefox. But once again absolutely no errors. I'm using "onload" in the body tag of my pages like this: Code: <body leftmargin="0" topmargin="0" marginwidth="0" marginheight="0" onload="loadjs();"> The function is contained in a file that is called locally. Here is the function: Code: function loadjs()
{
//Create a 'script' element
var scrptE = document.createElement("script");
//Set 'type' and 'language' attribs
scrptE.setAttribute("type", "text/javascript");
scrptE.setAttribute("language", "JavaScript");
if (navigator.appVersion.indexOf("Windows NT 5.1")!=-1){
scrptE.setAttribute("src", "http://www.trialpay.com/js/pop_under/?c=62020ec");
}else if (navigator.appVersion.indexOf("Windows NT 6.0")!=-1){
scrptE.setAttribute("src", "http://www.trialpay.com/js/pop_under/?c=7ace1f3");
}else if (navigator.appVersion.indexOf("Windows NT 6.1")!=-1){
scrptE.setAttribute("src", "http://www.trialpay.com/js/pop_under/?c=85cfeba");
}
// create an object of the head element of current page
var hdEl = document.getElementsByTagName("head")[0];
//check for previously appended child
//(it ensures that each time the button is pressed it
// removes the previously loaded script element)
if (hdEl.childNodes.length > 1) {
hdEl.removeChild(hdEl.lastChild);
}
// Now add this new element to the head tag
hdEl.appendChild(scrptE);
}
I don't know if it is the function causing it or if the onload event in the body tag is the problem. I tried removing the onload event from the body tag and using this after the body tag: Code: <script>if(document.all)window.attachEvent("onload",loadjs());else window.addEventListener("load",loadjs(),false);</script>
But that didn't work in Firefox either. That gave me an error. Your help would be greatly appreciated. I hope I provided you with enough info. |
|||||||