JavaScript - Style.overflow Returns Null?

Hi All,

I have a web application which has two DIV, one is main and one is child.

I am having problem in printing multiple pages. There is a lot of data in

the child DIV and i am using JavaScript functions to control the print

functionality. When i print using window.print(), only the data on the

main page currently being showed is printed. I further researched and

checked out the Style.Overflow property.

Now i am using divMain.style.overflow = "visible"

After this the complete print comes. But in Firefox, the scroll bar

disappears and only single page is left with no scroll bar .

Now if after print i give divMain.style.overflow = "Auto" OR

divMain.style.overflow = "Scroll", still the scroll bar doesn't come and if

it comes then its inactive. I am unable to see the complete data on the

page after the print is taken.

The problem is not coming in I.E and the full data with scroll bar is

recovered in I.E.

Please help me how to get the normal page with full data and scroll bar

after printing in Firefox.

I have a pop-up window system on my site that shows an absolutely-positioned div over the entire page as a "pop up" of sorts when someone clicks a link. I use this simple line of Javascript to disable page scrolling when a "pop up" box is opened by a user:

Code:

document.documentElement.style.overflow = document.body.style.overflow = 'hidden';

The problem is that when a user is scrolled down on a page and clicks a link to bring up one of my pop up boxes, when the overflow is set to 'hidden' to disable scrolling, the page "jolts" back up to the top (similar as to what would happen if someone clicked an <a> element with href="#" ). However, the links are not actually links, but span tags that are programmed with JS to trigger the scrollbar to be disabled when clicked, so that is not the culprit here. I've narrowed the problem down to that one line of code which I posted earlier. Apparently, setting the documentElement overflow style to 'hidden' scrolls the user to the top of the page automatically along with "disabling" the scroll bar on the page.

I am wondering if there is a way to prevent this jolting to the top of the page each time that JS code is triggered. I don't want users to have to scroll back down to where they were each time they open a pop up dialogue box on my site, as this would be detrimental for usability purposes. Thanks in advance for any help I receive.

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!

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

Hi
I've implemented Busybox on a website to display FLV files in a popup player. This works fine, except for the following error in IE (FF is fine) when I close the popup: 'null' is null or not an object

I think I've narrowed it down to the following block of code, but am stuck as to what to do from here.

Code:

var cl = new Element('img',{
		'styles':{
			width:'24px',
			height:'24px',
			position:'absolute',
			top:'-20px',
			right:'-20px',
			'z-index':'100000'
		},
		'src':'bumpbox/closed.png',
		'id':'closer'
	})

cl.addEvent('click',function(e){
			e = new Event(e).stop();
		
			bg.dispose();
			$(el).getChildren().dispose();
			eff2.start({
			  'width':[maxw,1],
			  'height':[maxh,1],
			  'left': [endleft,middleH],
			  'top':  [endtop, middleV+s]
			 })
		})

The IE error is just giving me line number 1 of the php, but the error, I'm sure, lays in the Javascript.

Many thanks

if I have an html page that uses the <style> or a <link> to call a style sheet these properties aren't available to JavaScript is there a good way to access them?
eg
Code:

<html>
<head>
	<title>expandable text area</title>
	<style type="text/css">
		#expandable{
			height: 100px;
		}
	</style>
	
</head>
<body>
<form>
	<textarea id="expandable" cols="30" rows="10"></textarea>
</form>
</body>
<script type="text/javascript">
	document.getElementById('expandable').addEventListener('click',function(){
		
		if(!this.style.height){
			this.style.height = this.scrollHeight+'px';
		}
		alert(this.style.height);
	}, true);
</script>
</html>

In this example I have the height set but I cannot access it since it is not declared in the style attribute of the html element

Hi all. New here as you can probably tell, and I have a problem...

I want to know how to find out the viewport height in IE. I have been trying to use document.body.clientHeight, which is supposedly exactly what I am after, but the results were always way too small to be the correct one.

As a test, I whacked a div in my page and made it 4000px tall, and ran document.body.clientHeight from IE's debugger and it returned a number over 4000px. It seems as thought clientHeight is actually returning the total height of the document, not the viewport size.

Thanks for any help.

hi here is a code i use to calculate distance b//w 2 places using google api...
it works perfectly and shows the results in the html but when i add a return statement at the end of the function showlocation() it returns undefined.. why it is so.. how to resolve it???

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=UTF-8"/>
	<meta name="robots" content="noindex,follow" />
	<title>Calculate driving distance with Google Maps API</title>
	<script src="http://maps.google.com/maps?file=api&v=2&key=ABQIAAAAMK3PClIOG6IUkYprx4EfNxSY_HQRLXr6AGORx7Qh39w3-je8JxRROt5eJTcDPJ9nGnVn9xXKTQ2l8Q" type="text/javascript"></script>
	<!-- According to the Google Maps API Terms of Service you are required display a Google map when using the Google Maps API. see: http://code.google.com/apis/maps/terms.html -->
	<script type="text/javascript">

	var geocoder, location1,addr1,addr2, location2, result1,gDir;
function coolAl(add1,add2) {
addr1=add1;
addr2=add2;
var result= return initialize();
showLocation();
alert(result);
 }
	function initialize() {
		geocoder = new GClientGeocoder();
		gDir = new GDirections();
		GEvent.addListener(gDir, "load", function() {
			var drivingDistanceMiles = gDir.getDistance().meters / 1609.344;
			var drivingDistanceKilometers = gDir.getDistance().meters / 1000;
			result1=location1.address + ' (' + location1.lat + ':' + location1.lon + ')/' + location2.address + ' (' + location2.lat + ':' + location2.lon + ')/' + drivingDistanceKilometers + ' kilometers';
document.body.innerHTML=result1;
return drivingDistanceKilometers;
		});
	}

	function showLocation() {
		geocoder.getLocations(addr1, function (response) {
			if (!response || response.Status.code != 200)
			{
				alert("Sorry, we were unable to geocode the first address");
			}
			else
			{
				location1 = {lat: response.Placemark[0].Point.coordinates[1], lon: response.Placemark[0].Point.coordinates[0], address: response.Placemark[0].address};
				geocoder.getLocations(addr2, function (response) {
					if (!response || response.Status.code != 200)
					{
						alert("Sorry, we were unable to geocode the second address");
					}
					else
					{
						location2 = {lat: response.Placemark[0].Point.coordinates[1], lon: response.Placemark[0].Point.coordinates[0], address: response.Placemark[0].address};
						gDir.load('from: ' + location1.address + ' to: ' + location2.address);
					}
				});
			}
		});
	}

	</script>
</head>

<body onload="coolAl('pune','mumbai')">
</html>

Suppose we have following javascript codes: Case 1.

var foo = function ()
{
var x = "hello";
var bar = function () {
alert(x);

}
return bar;
}

var bar_ref= foo();

document.write(bar_ref()); // it pops up "hello" and print-outs "undefined".

If we modified above code slightly, shown as follow: Case 2.
var foo = function ()
{
var x = "hello";
var bar = function () {
alert(x);

}
return bar();
}

var bar_ref= foo();

document.write(bar_ref()); // it only pops up "hello".


As you can see, Case 2 modified the return value from "return bar" to "return bar()," which won't cause the "undefined" output. To me, it looks like when the JS interpreter executes the line "bar_ref();" it triggers the execution of function "foo", besides both "return bar" and "return bar()" do the same job which is to execute function body of "bar". The only difference is that after the execution of function bar, its function body does not exist anymore, so when the interpreter executes the line "return bar;" it follows the function identifier "bar" and ends up with "undefined". This is why the Case 1 gives us "undefined", but I am not quite clear about why the Case 2 can trace down to the function body of "bar". Do you have any ideas about such difference outputs?

Dan

Code:

<script>

// Declared Constants
MORSE_ALPHABET = new Array (
    '.-',   // A
    '-...', // B
    '-.-.', // C
    '-..',  // D
    '.',    // E
    '..-.', // F
    '--.',  // G
    '....', // H
    '..',   // I
    '.---', // J
    '-.-',  // K
    '.-..', // L
    '--',   // M
    '-.',   // N
    '---',  // O
    '.--.', // P
    '--.-', // Q
    '.-.',  // R
    '...',  // S
    '-',    // T
    '..-',  // U
    '...-', // V
    '.--',  // W
    '-..-', // X
    '-.--', // Y
    '--..' // Z
);

CHAR_CODE_A = 65;

var CTS = prompt('Enter Morse code','here')
var inMessage = CTS.split(' ');

searchLocation(inMessage,MORSE_ALPHABET)

function searchLocation(targetValue, arrayToSearchIn) {
    var searchIndex = 0;         // Iterative counter
    
    
   for(i=0;i < targetValue.length;) {
      targetValue = targetValue[i];      
     
    // Search until found or end of array
    while(
        searchIndex<arrayToSearchIn.length &&
        i != targetValue.length &&
        arrayToSearchIn[searchIndex]!=targetValue
    ) {
        i++
        searchIndex++;
    }
    
    if(searchIndex<arrayToSearchIn.length) {
        return String.fromCharCode(CHAR_CODE_A + searchIndex);
    }
    else {
        return -1;
    }
    
    }
}

document.writeln(searchLocation(inMessage,MORSE_ALPHABET)); 

</script>

<head>

</head>

<body>

</body>

This is my code and i have figured it to create an array from the prompt and then use the function to return the first array it finds but i cant seem to make it go on to the next index of the array. I know that when you return a value the function closes and i have tried to store my return in a variable but its not working the way i want it to or I'm not writing the correct command or is there away to do multiply returns, i think what i need to do is simply but i have been staring at this screen for a while now and just cant see it.

Please help me.
Thanks

Hi all,

I have a simple XML file that looks something close to this:
Code:

<presence id="12345"> 
	<status>in a meeting</status> 
	<priority>1</priority> 
</presence> 
<x>
	<picture>blahblah</picture>
</x>
<x>
       <hash>string</hash>
</x>

I need javascript to pull the status from this file. Here's what I have for that:
Code:

<span id="login_status"></span>
<span id="secondlogin_status"></span>

<script type="text/javascript">
if (window.XMLHttpRequest)
  {// code for IE7+, Firefox, Chrome, Opera, Safari
  xmlhttp=new XMLHttpRequest();
  }
else
  {// code for IE6, IE5
  xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
  }
  
xmlhttp.open("GET","https://www/user1.xml",false);
xmlhttp.send();
xmlDoc=xmlhttp.responseXML;
document.getElementById("login_status").innerHTML=
xmlDoc.getElementsByTagName("status")[0].childNodes[0].nodeValue;
document.getElementById("priority").innerHTML=
xmlDoc.getElementsByTagName("priority")[0].childNodes[0].nodeValue;


xmlhttp.open("GET","https://www/user2.xml",false);
xmlhttp.send();
xmlDoc=xmlhttp.responseXML;
document.getElementById("secondlogin_status").innerHTML=
xmlDoc.getElementsByTagName("status")[0].childNodes[0].nodeValue;
document.getElementById("second_priority").innerHTML=
xmlDoc.getElementsByTagName("priority")[0].childNodes[0].nodeValue;
</script>

Here's my problem: If my xml file only has the one "parent" (meaning:
Code:

<presence id="12345"> 
	<status>in a meeting</status> 
	<priority>1</priority> 
</presence>

)
this works WONDERFULLY. However, when the second and third "parents" are added (<x>), the script returns blank output in the spans.

I feel almost certain my issue is related to this:
http://codingforums.com/showthread.php?t=140810
but I've tried to switch that around but it doesn't seem to provide any different results.



If you require a bit more info on the project itself, here's a rundown:
This xml file is created by an internal chat app at my office. Each employee has their own xml file listing their current availability and status (hence "in a meeting"). This will be used to determine the availability of certain individuals in the building without having to be logged in to the chat app. That's why there's multiple xml files going to be used (roughly 10-15 in the end).

RESOLVED

Thank you!


Greetings all!

Im looking for some help regarding responseText, so please have a look im so mad right now because i have been struggeling for hours

XMLHttpRequestObject.responseText returns correct value when i do alert(XMLHttpRequestObject.responseText); see line

PHP Code:
var fnWhenDone = function (XMLHttpRequestObject) { alert(XMLHttpRequestObject.responseText); }; 


But problem is that i want to save down the response to a variable... so i try to change it into

PHP Code:
var fnWhenDone = function (XMLHttpRequestObject) { varTest = XMLHttpRequestObject.responseText; }; 


When i try to alert varTest later i get "Undifined"... im pretty new to javascript and have been stuck for hours ...


See full code below

PHP Code:

var myConn = new XHConn();

if (!myConn) { alert("XMLHTTP not available. Try a newer/better browser."); }

var fnWhenDone = function (XMLHttpRequestObject) { alert(XMLHttpRequestObject.responseText); };

myConn.connect("validateSearch.php", "POST", "foo=bar&baz=qux", fnWhenDone);


function XHConn()
{
  var xmlhttp, bComplete = false;
  try { xmlhttp = new ActiveXObject("Msxml2.XMLHTTP"); }
  catch (e) { try { xmlhttp = new ActiveXObject("Microsoft.XMLHTTP"); }
  catch (e) { try { xmlhttp = new XMLHttpRequest(); }
  catch (e) { xmlhttp = false; }}}
  if (!xmlhttp) return null;
  this.connect = function(sURL, sMethod, sVars, fnDone)
  {
    if (!xmlhttp) return false;
    bComplete = false;
    sMethod = sMethod.toUpperCase();
    try {
      if (sMethod == "GET")
      {
        xmlhttp.open(sMethod, sURL+"?"+sVars, true);
        sVars = "";
      }
      else
      {
        xmlhttp.open(sMethod, sURL, true);
        xmlhttp.setRequestHeader("Method", "POST "+sURL+" HTTP/1.1");
        xmlhttp.setRequestHeader("Content-Type", "application/x-www-form-urlencoded");
      }
      xmlhttp.onreadystatechange = function(){
        if (xmlhttp.readyState == 4 && !bComplete)
        {
          bComplete = true;
          fnDone(xmlhttp);
        }};
      xmlhttp.send(sVars);
    }
    catch(z) { return false; }
    return true;
  };
  return this;
} 

Hello all

is it possible to strip leading (meaning at the VERY begining of the text) and trailing (anything at the end of the text) carriage returns with reg ex?

so if smbody enters
return
return
return
start txt entry ----> keep all other returns in paragraph
sloppy ending
retrun
return
return

it would remove the start and end returns

I'd like to add it to this if possible.


Code:

comts = comts.replace(/^\s+|\s+$/g,"");  // strip leading and trailing spaces

low tech
(validation script done trying to improve on it now)

AJAX XMLHttpRequest responseText returns undefined but alert returns expected text.

Code:

function getFile(fileToOpen) {
	var xmlhttp;
	if (window.XMLHttpRequest) {
		// code for IE7+, Firefox, Chrome, Opera, Safari
		xmlhttp=new XMLHttpRequest();
	} else if (window.ActiveXObject) {
		// code for IE6, IE5
		xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
	} else {
		alert("Your browser does not support XMLHTTP!");
	}
	xmlhttp.onreadystatechange = function() {
		if (xmlhttp.readyState==4) {
			//alert(xmlhttp.responseText);
			return xmlhttp.responseText;
		}
	}
	xmlhttp.open("GET",fileToOpen,true);
	xmlhttp.send(null);
}

Code:

document.getElementById('widgetOptionsShadow').innerHTML = '<div id="widgetOptions">' + getFile('/togglePauseInit.php?g=<?php echo $gadgetName; ?>') + '</div>';