JavaScript - Jquery Error: Unexpected Call To Method Or Property Access

Hi All,

Need some urgent.

We are having a javascript which is throwing the foll error

"Object doesn't support this property or method".

The javascript function being called is using a Scanner API. So this is using some ActiveX.


Below is the code for javascript

<script language="javascript">

// Initialize scanning
function OnLoad()
{
try
{
Scanner.OpenScanner();
// Scanner.ScanPriority = 0; // Set scanner to Foreground Read mode before enable scanning
// Scanner.EnableScanning(1);
document.forms["mobileform"]["rm07m-bwartwe[1]"].value = "101";
}
catch (e)
{
alert(e.message);
}
}

// Clean up
function OnUnload()
{
Scanner.CloseScanner();
// Calling Dispose is necessary for Pocket IE because of a Microsoft issue related to releasing object.
if (navigator.appName == "Microsoft Pocket Internet Explorer")
Scanner.Dispose();
}

// Scan through soft trigger
function Scan()
{
try
{
Scanner.SetSoftTrigger(1);
}
catch (e)
{
alert(e.message);
}
}

//User-defined function to format error codes.
//VBScript has a Hex() function but JScript does not.
function hex(nmb)
{
if (nmb > 0)
return nmb.toString(16);
else
return (nmb + 0x100000000).toString(16);
}

</script>

There is a object tag in html

<object id="Scanner"></object>

The javascript functions are called from body tag.

Can someone please provide some help.

Thanks,
Nikhil

Hello
I am in need of help desperatley. I am trying to get a video to launch from my homepage. see test homepage here http://www.nuviewinc.com/index3.html
the video should pop up and play.
Like it does here- http://www.nuviewinc.com/testv.html

But it doesnt...

can anyone help this poor marketing manager with coding?

I simply followed the directions here http://www.vmatrixonline.com/vplayer...structions.pdf.

all the code appears correct.

Hello,

I have WordPress installed in a directory of my website, and I'm using an iframe on the homepage to embed the blog. I'm using a javascript code that I found online to automatically resize the iframe based on the content inside of it. This is the code:

Code:

<script type="text/javascript">
function resizeIframe()
{
document.getElementById('blog').style.height =
document.getElementById
('blog').contentWindow.document.body.scrollHeight + 'px';
}
</script>

This works perfectly in Google Chrome. However, in Firefox I get this error in the console:

Code:

Error: Permission denied to access property 'document'
Source File: http://mysite.com/index1.html
Line: 24

I don't have any experience with javascript, but this makes no sense to me, because it should work since the iframe document is on the same domain and server as the parent page. The parent is "mysite.com/index1.html" and the iframe document is "mysite.com/blog/".

Why is Firefox complaining about this? It shouldn't violate the "same origin policy" that I have read about. Any help with getting this to work would be appreciated.

I found strange for the following code:

Code:

var allextRules = Ext.util.CSS.getRules();

Object.keys(allextRules).forEach(function(key) {
    var keyname = key;
    if(keyname.indexOf("js") != -1){
        Ext.util.CSS.removeStyleSheet(keyname);
        console.log(keyname + " Removed");
    }
});

When the above work is tested in other browser (say - Google Chrome), there is no error. However, when tested in IE 9, there is error as follows:

Code:

SCRIPT438: Object doesn't support property or method 'keys'

According to this article (https://developer.mozilla.org/en/Jav...ts/Object/keys), the Object.keys is supported by IE.

Have I miss out something?

Hi,

When I try and geocode an addres to my google map I receive the error:

Object does not support this method or property

I have gone over the script and can't work out what I did wrong.

Code:

<meta name="viewport" content="initial-scale=1.0, user-scalable=no" />
<style type="text/css"> 
	html {height:250px}
	body {height:250px}
	#bookmark_map {width:90%; height:250px; margin-left:15px;}
</style>

<script type="text/javascript"
	src="http://maps.google.com/maps/api/js?sensor=true" />
</script>
<script type="text/javascript">
	var geocoder;
	var map;

function createGMapFromAddress(){ 

	geocoder = new google.maps.Geocoder();
	var latlng = new google.maps.LatLng(0,0);
	var  map_options = { 
        	zoom: 4, 
		center: latlng,
        	mapTypeId: google.maps.MapTypeId.ROADMAP 
    	}       
    	map = new google.maps.Map(document.getElementById("bookmark_map"), map_options); 
    	}  

function loadBookMarkMap(location){
alert(location);
	var address = location;
alert(address);
	geocoder.geocode({address: address}, function(results, status){
		if (status == google.maps.GeocoderStatus.OK && results.length){
			if (status != google.maps.GeocoderStatus.ZERO_RESULTS){
         map.set_center(results[0].geometry.location);
          var marker = new google.maps.Marker({
              position: results[0].geometry.location,
              map: map
          });
        }
      } else {
        alert("Geocode was unsuccessful due to: " + status);
      }
    });

alert(marker);
  }

</script>
</head>
<body onload="createGMapFromAddress()">

//php get from table
				 $possumshaw ="{$row['address']}";				}
				echo '<input type="button" class="button4" value="View Map" onclick="loadBookMarkMap(\'' . $possumshaw  . '\')" />';

?>

Hi, I have form with with few inputs, form some reason hitting "Enter" on input field does not submit the form in IE. But it works in FF. so i did the following code to do the form submit. But i want to call the form 'onSubmit()' instead of submitting it. bcos i do some validation there. IE keeps saying 'form.onSubmit()' object is undefined. How to call this method?
if (e.nativeEvent.keyCode == 13) {
var form = document.getELementById(formId);
form.submit();
return false;
}

thanks
bk

Hello,

how can I make the following object work properly so when I use 'layers.photo1.layer' a jQuery element is returned rather than the text of the function as it is now.

I also need to be able to find the element by the photo1 object its contained in not have to input a string there so that I can also reuse it in the background layer.

Code:

		var layers = {			
			photo1 : {
				layer: function() { return $(element).find($('photo1'))}
			},
			background : {
				layer: function() { return $(element).find($('background'))}
			}
		}

Thx Very Much!

Hi ,

I am inserting an image into a span tag by click on button and resize the image using resize_image_height_weight function.
I am using two function to do this task.
setImage
setImage_w3Validation

setImage function resize the image but fail on w3validation on my webpage( As per w3c there is no attribute onload for image tag.) To fix out this issue I am using setImage_w3Validation function which pass on w3validation but unable to call resize_image_height_weight function.

My purpose is to resize the image.

Kindly suggest me how to do it?


<html>
<head>
<script TYPE="text/javascript" language="javascript">

function resize_image_height_weight(id, hgt, wdth){
//alert(id);
Obj=document.getElementById(id);
myImage = new Image();
myImage.src = Obj.src;
var heights = myImage.height;
var widths = myImage.width;
// alert("Height=>" + heights + " Width=> " + widths);

if(heights > hgt || widths > wdth)
{
if(heights > widths)
{
var temp = heights/hgt;
var new_width = widths / temp;
new_width = parseInt(new_width);
heights = hgt;
widths = new_width;
}
else
{
var temp = widths/wdth;
var new_height = heights / temp;
new_height = parseInt(new_height);
heights = new_height;
widths = wdth;
}
}
Obj.height = heights;
Obj.width = widths;

}

function setImage(){
document.getElementById("IM0").innerHTML ="<center><img src=\"http://www.google.co.in/intl/en_com/images/srpr/logo1w.png\" id=\"img1\" alt=\"\" height=\"125\" width=\"125\" onload=\"resize_image_height_weight('img1',125,125);\"><\/center>";
}

function setImage_w3Validation(){
document.getElementById("IM1").innerHTML ="<center><img src=\"http://www.google.co.in/intl/en_com/images/srpr/logo1w.png\" id=\"img2\" alt=\"\" height=\"125\" width=\"125\"><script type=\"text/javascript\">document.getElementById('img2').onload = function(){resize_image_height_weight('i12',125,125);};<\/SCRIPT><\/center>";
//I wanna to do the task using this one function to resize img for w3validation
}
function clear_page(){
document.getElementById("IM0").innerHTML ="";
document.getElementById("IM1").innerHTML ="";
}
</script>
</head>
<body>
<div class="img3"><span id="IM0"></span></div>
<div class="img3"><span id="IM1"></span></div>
<input type="button" name="btn1" value="Image Onload W3C Fail" onclick="setImage();">
<input type="button" name="btn2" value="Image Onload W3C Pass" onclick="setImage_w3Validation();">
<input type="button" name="btn2" value="Clear" onclick="clear_page();">
</body>
</html>

hey guys im using greasmonkey with jquery and i want to find the remaining time on a page then display it in my infomation bar in game but what im having trouble with is the regxp trying to get the text then get the 1,2 or 3 didgit number between the text here is my current function which gets the numbers on the page but returns a HUGE number because its returning every number

Code:

function getFallen()
{
	hellGate = "";
	$.get('http://kong.playmage.com/dream/fallen?board', function(data) 
	{
		temp = data;
		if(temp.search("Time until revival:") != -1 || temp.search("minutes") != -1)
		{
			numb = temp.match(/\d/g);//format of text needed "Time until Revial (number 1,2 or 3 didgits long) minutes" 
			numb = numb.join("");//with the current match i have it returns huge number
			//debugScript("Found the number :" + numb, "debug");
			//el2 = $inc1("test"); function outside this function just for finding classes/ids
			//if (el2) el2.textContent = numb; // for setting the content of the id class above not needed in this function but just for debug purposes
		}
	});
}

now oviously this get function WILL NOT work for you because you will need to log in so if you just store the following html into the temp var then it will function the same

Code:

 

<input type="hidden" id="cfix" value=""/>

<center><span
	style="padding-top: 4px; display: inline-block; font-size: 16px; color: #00ddbb; font-family: lucida grande, verdana, arial;">Fallen
Defenders</span> <br />
<table style="width: 100%;" border="0" cellpadding="0" cellspacing="0">
<tbody>
<tr>
<td>
<div style="text-align: center;">Last Fallen</div>
<div class="trainlbox" style="height: 346px; overflow-x: hidden; margin: 5px 4px 5px 12px; display: inline-block;">
<table style="width: 332px;" border="0" cellpadding="0" cellspacing="0">
	<tbody>

		<tr style="vertical-align: middle; background-color: rgb(0, 36, 36);">
			<td class="healheadertd" style="width: 50px;">&nbsp; Rank</td>
			<td class="healheadertd" style="width: 120px;">Player</td>
			<td class="healheadertd" style="text-align: center;">Damage &nbsp; </td>
		</tr>
		
			<tr style="vertical-align: middle;">

				<td> &nbsp; &nbsp; 1</td>
				<td>
					
					
					<a href="#" onclick="showDiv('/dream/profile?id=nf110743'); return false;">Authority[aik]</a>
					
				</td>
				
				<td style="text-align: center;">1,479,141,013 &nbsp; </td>

			</tr>
		
			<tr style="vertical-align: middle;">
				<td> &nbsp; &nbsp; 2</td>
				<td>
					
					
					<a href="#" onclick="showDiv('/dream/profile?id=nf483977'); return false;">Ultima[HOT]</a>
					
				</td>

				
				<td style="text-align: center;">603,063,918 &nbsp; </td>
			</tr>
		
			<tr style="vertical-align: middle;">
				<td> &nbsp; &nbsp; 3</td>
				<td>
					
					
					<a href="#" onclick="showDiv('/dream/profile?id=nf402815'); return false;">wozza[AGA]</a>

					
				</td>
				
				<td style="text-align: center;">287,130,506 &nbsp; </td>
			</tr>
		
			<tr style="vertical-align: middle;">
				<td> &nbsp; &nbsp; 4</td>
				<td>

					
					
					<a href="#" onclick="showDiv('/dream/profile?id=nf404165'); return false;">larry1977[AGA]</a>
					
				</td>
				
				<td style="text-align: center;">277,033,578 &nbsp; </td>
			</tr>
		
			<tr style="vertical-align: middle;">
				<td> &nbsp; &nbsp; 5</td>

				<td>
					
					
					<a href="#" onclick="showDiv('/dream/profile?id=nf455510'); return false;">Ehanida[ToF]</a>
					
				</td>
				
				<td style="text-align: center;">276,799,331 &nbsp; </td>
			</tr>
		
			<tr style="vertical-align: middle;">
				<td> &nbsp; &nbsp; 6</td>

				<td>
					
					
					<a href="#" onclick="showDiv('/dream/profile?id=nf173542'); return false;">dudemanly[DNA]</a>
					
				</td>
				
				<td style="text-align: center;">191,656,885 &nbsp; </td>
			</tr>
		
			<tr style="vertical-align: middle;">
				<td> &nbsp; &nbsp; 7</td>

				<td>
					
					
					<a href="#" onclick="showDiv('/dream/profile?id=nf191162'); return false;">krashkill0069[G4B]</a>
					
				</td>
				
				<td style="text-align: center;">47,831,724 &nbsp; </td>
			</tr>
		
			<tr style="vertical-align: middle;">
				<td> &nbsp; &nbsp; 8</td>

				<td>
					
					
					<a href="#" onclick="showDiv('/dream/profile?id=nf486185'); return false;">ben_avatar[HOT]</a>
					
				</td>
				
				<td style="text-align: center;">33,264,175 &nbsp; </td>
			</tr>
		
			<tr style="vertical-align: middle;">
				<td> &nbsp; &nbsp; 9</td>

				<td>
					
					
					<a href="#" onclick="showDiv('/dream/profile?id=nf312560'); return false;">Niv[PWN]</a>
					
				</td>
				
				<td style="text-align: center;">31,520,972 &nbsp; </td>
			</tr>
		
			<tr style="vertical-align: middle;">
				<td> &nbsp; &nbsp; 10</td>

				<td>
					
					
					<a href="#" onclick="showDiv('/dream/profile?id=nf528295'); return false;">leandroaod[DJE]</a>
					
				</td>
				
				<td style="text-align: center;">26,510,757 &nbsp; </td>
			</tr>
		
			<tr style="vertical-align: middle;">
				<td> &nbsp; &nbsp; 11</td>

				<td>
					
					
					<a href="#" onclick="showDiv('/dream/profile?id=nf187015'); return false;">Graveyard[PWN]</a>
					
				</td>
				
				<td style="text-align: center;">10,379,144 &nbsp; </td>
			</tr>
		
			<tr style="vertical-align: middle;">
				<td> &nbsp; &nbsp; 12</td>

				<td>
					
					
					<a href="#" onclick="showDiv('/dream/profile?id=nf25358'); return false;">Maynard[PWN]</a>
					
				</td>
				
				<td style="text-align: center;">7,116,618 &nbsp; </td>
			</tr>
		
			<tr style="vertical-align: middle;">
				<td> &nbsp; &nbsp; 13</td>

				<td>
					
					
					<a href="#" onclick="showDiv('/dream/profile?id=nf229143'); return false;">Barry McCociner[XXX]</a>
					
				</td>
				
				<td style="text-align: center;">6,123,612 &nbsp; </td>
			</tr>
		
			<tr style="vertical-align: middle;">
				<td> &nbsp; &nbsp; 14</td>

				<td>
					
					
					<a href="#" onclick="showDiv('/dream/profile?id=nf79006'); return false;">DumMetlHed[PWN]</a>
					
				</td>
				
				<td style="text-align: center;">4,736,449 &nbsp; </td>
			</tr>
		
	</tbody>
</table>
</div>

</td>

<td>
<div style="text-align: center;">Current Fallen

</div>
<div class="trainlbox" style="height: 346px; overflow-x: hidden; margin: 5px 8px; display: inline-block;">
<table style="width: 332px;" border="0" cellpadding="0" cellspacing="0">
	<tbody>
		<tr style="vertical-align: middle; background-color: rgb(0, 36, 36);">
			<td class="healheadertd" style="width: 50px;">&nbsp; Rank</td>
			<td class="healheadertd" style="width: 120px;">Player</td>

			<td class="healheadertd" style="text-align: center;">Damage &nbsp; </td>
		</tr>
		
		
			<tr><td colspan="3" style="text-align: center;">
			<br/>&nbsp;<br/>&nbsp;<br/>&nbsp;<br/>
			Time until revival: 147 minutes
			</td></tr>
		
	</tbody>
</table>
</div>

</td>
</tr></tbody>
</table>

<div style="padding-top: 10px;"><span class="btn100" onclick="closeFloat();">Close</span></div>
</center>

would it be possible to only strip the following text Time until Revial (number 1,2 or 3 didgits long) minutes and then once it has found that match remove anything that isnt a number

i have this,

Code:

$(function() {
       $('#input').autocomplete('test.php', {json: true});
     });

that bring back values from the database here is my php section

Code:

$result = mysqli_query($db,$query);

while( $row = mysqli_fetch_array($result) )
{	
$aResults[] = array( "id"=>($row['s_id']) ,"value"=>($row['s_last']), "info"=>($row['s_first']) );
}
	
$return = array();

foreach ($aResults as $key => $res) {
	 $return[] =$res['value'] . ' , ' . $res['info'];
	 
}


echo json_encode($return);



		}
	}
}

i would like, when i select a name from the auto suggest to be able to have the id be filled in a input text area...

uncle Google says this, but i am having a hard time implementing it.

Code:

myCallback = function(li, $input) {
    // I need to refer to the appropriate "myXxxInput" here
    alert($input.attr('id'));
}

setup = function() {
    setupInput($('#myFirstInput'));
    setupInput($('#mySecondInput'));
}

function setupInput($input) {
    $input.autocomplete('blah.php', {onItemSelect: function(li) {
        myCallback(li, $input);} });
}

I have a page:
http://www.girlscoutsmoheartland.org...progsearch.php
that works perfectly fine in every browser I try, except for actual IE7 (it even works fine in IE8 emulating IE7).
When you search for something on that page and have a display of results, each result has a link that changes a table row's display to visible, and hides the row when clicked again. It doesn't do that in IE7.
There are no errors or warning in Firefox's Error Console. But IE7 has an "Error on Page" notice (which does NOT appear in IE8 emulating IE7), that says:

Line: 59
Char: 11
Error: Could not get the display property. Invalid argument.

The script in question is this, with what would be line 59 indicated:
Code:

<script type="text/javascript">
<!--
    function toggle_visibility(id) {
       var e = document.getElementById(id);
       var f = document.getElementById(id + "b");
	   
       if(e.style.display == 'table-row')
          e.style.display = 'none';
       else
          e.style.display = 'table-row'; <<-- This is line 59
		  
       if(f.style.display == 'table-row')
          f.style.display = 'none';
       else
          f.style.display = 'table-row';
    }
//-->
</script>

I really don't know what to do, or where to begin. Everything in my limited knowledge seems to be working just fine. Most of my site's visitors use IE8, but enough use actual IE7 that I really need to fix this.
Thanks for any help or advice!
Liam

Hi!
I have the following javascript and accompanying html but the i keep getting the error:
Unable to get value of the property 'options': object is null or undefined
pointing to this line of the code
" $thisSelectedValue = $formField.options[ $formField.selectedIndex ].value;"
Can someone help me please...
thanks in advance.

Javascript
Code:

 <script type="text/javascript">
  
$allValues = new Array();
$allValues[0] = 'Choose One';
$allValues[1] = 'A1';
$allValues[2] = 'A2';
$allValues[3] = 'A3';
$allValues[4] = 'A4';
$allValues[5] = 'A5';
			
			
            function stripDupelicateValues(inElementId)
{
    // get current list of all selected values
    $selectedValues = new Array();

    for( $position in $allValues )
    {
        if( $position != 0 )
        {

            $formField = eval( 'document.crewchange.emp_' + $position );

            // preserve our selected values
            $thisSelectedValue = $formField.options[ $formField.selectedIndex ].value;
            $selectedValues[$thisSelectedValue] = true;
        }
    }


    for( $position in $allValues )
    {
        if( $position != 0 )
        {

            $formField = eval( 'document.crewchange.emp_' + $position );

            // preserve our selected values
            $thisSelectedValue = $formField.options[ $formField.selectedIndex ].value;

            // wipe out the previous choices
            $formField.options.length = 0;

            // create default option
            $formField.options[0] = new Option( $allValues[0], 0 );

            for( $optionValue in $allValues )
            {
                // add each of our non selected values
                if( $selectedValues[$optionValue] != true )
                {
                    $formField.options[$formField.options.length] = new Option( $allValues[$optionValue], $optionValue );
                }
                // create the option for our selected value
                else if( $thisSelectedValue == $optionValue )
                {
                    $index = $formField.options.length;

                    if( $optionValue != 0 )
                    {
                        $formField.options[$index] = new Option( $allValues[$optionValue], $optionValue );
                        $formField.options[$index].selected = true;
                    }
                }

            }
        }
    }
}


        </script>

Html
Code:

<form action="cc2.php" method="post"  name="cc">
<select name='emp[]' id='emp_1' onChange='stripDupelicateValues(this.id)'>
<option>Choose One</option>
<option value='1'>A1</option>
<option value='2'>A2</option>
<option value='3'>A3</option>
<option value='4'>A4</option>
<option value='5'>A5</option>
</select>
</form>

Error Msg
Code:

Message: Unable to get value of the property 'options': object is null or undefined

Ok so this is for school i do not want the answer i just need to be pointed in the right direction. i have been reading as much as i can to get this figured out but i am running out of time to get this done and i still have plenty of other work to do.

This is the error i get
uncaught TypeError object has no method 'getTime'

I cant figure out what is causing this. i have removed the line and the error moves to the next one down which is the getFullYear method. I am thinking i screwed something up big time but i just cant see it.


Code:

function yearly(calendarDay) { 
    if (calendarDay == "") {
		calendarDay = currentTime.getday();
	}else{
		calendarDay = calendarDay;
	}
	
	var currentTime = calendarDay.getTime();
	var thisYear = calendarDay.getFullYear(); 
	
	document.write("<table id='yearly_table'><tr>");
	document.write("<th id='yearly_title' colspan='4'>");
	document.write(thisYear());
	document.write("</th>");
	document.write("</tr>");
	
	var monthNum = -1;
	
	for (var i=1; i<3; i++){
		document.write("<tr>");
		
		for(var j=1; j<4; j++){
			monthNum++;
			calendarDay.setDate(1);
			calendarDay.setmonth(monthNum);
			writeMonth(calendarDay, currentTime);
		}
		document.write("</tr>");
	}
	document.write("</table>");
}

function writeMonthCell(calendarDay, currentTime) {
	document.write("<td class='yearly_months'>");
	writeMonth(calendarDay, currentTime);
	document.write("</td>");
}

Hello

i'm using TinyceEditor in my website and i'm using AjaxFileManager to upload images. It works very good in my localhost, but in the remote server while uploading image an error appears (" Syntaxerror: unexpected token < ") and uploading stop.

please i need the answer quickly