JavaScript - Can't Access Function From External Js File

Hi,

I am trying to access an XML file from a server in my JavaScript code.
I have an XML file like this:

-<stream version="1.2">
-<room id="simulator" time="128168557915">
-<dimention id=0 x="1.25" y="2.00">
<m mcu="160" sid="75">
</dimention>
</room>
-<room id="simulator" time="128168557928">
-<dimention id=0 x="1.95" y="1.86">
<m mcu="160" sid="55">
</dimention>
</room>
</stream>
this file is generated by an application and I can access it from a URL ( since I am using the simulator for this application the XML is accessible from http://localhost:8081/feed/demo)
This xml file is updated every few seconds and constantly growing.
I have a javascript code which I've added the following code to it in order to use the data from XML file:

<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","http://localhost:8081/feed/demo",false);
xmlhttp.send();
xmlDoc=xmlhttp.responseXML;
document.write("<table border='1'>");
var x=xmlDoc.getElementsByTagName("room");
for (i=0;i<x.length;i++)
{
document.write("<tr><td>");
document.write(xmlDoc.getElementsByTagName("dimention")[i].getAttribute("x"));
document.write("</td><td>");
}
document.write("</table>");

</script>

Now here comes my problem: if I have the XML file saved on same drive as html page and I address it like this:
xmlhttp.open("GET","floor.xml",false);
it works fine, but when I pass the URL it doesn't. is there anything else I should do in case of loading the xml from URL?

my second question is that I want to use the text values returned by xmlDoc.getElementsByTagName("dimention")[i].getAttribute("x") in an if statement like this :
if (valuereturned = 2.00)
{
do sth
}
what is the best way to do that, since the returned value is a text.

I need the answer ASAP and I really appreciate your help, thanx :-)

Hey all,

I'm fairly new to JavaScript. I learned PHP and now I'm creating a user registration and login system for an application I'm making and I decided I wanted to give JS a try.

I'm trying to make a form validation function that will be called when I press the submit button on the form but I want to use an external js file to store all my custom functions.

I have the OnClick event in the button with the call to my function inside of that. But where and how on the page to I reference my external file so that the button can call the function?

Thanks guys!

Hi,

I'm new to JavaScript and I'm having a bit of trouble understanding something that seems relatively simple. When I make changes to CSS in JavaScript using '.style' I'm changing the attribute values of inline CSS. Can I use JavaScript to change the attribute values of rules in an external CSS file? I have no CSS in my html and would like to know if I can grab the values of attributes in an external CSS file using JavaScript.

Thank you.

Hi All,

I have a javascript application i have built
http://dtp3.demodesign.co.uk/uploader/

Now this working in everything excluding IE but i don't under stand why it dose not work in IE

it is a JSON Class that loads appends the content.

and has an Iframe System to provide a powerful solution to work with AJAX to show file lists

Any way if you go to that site it errors in Ie but work in every thing else any one got any idear why that is

Hi,

I'm very new to javascript and I need your help.
What I'm trying to do is:
I have a html file with javascipt embeded in, in this file I want to use a table object in another javascript file. How do I access this object?

Your help is very much appreciated.

Regards,
lep2

On my site I'm using an external (big) javascript file, in this external file there is a function with the following line in it:

Code:

					
function showslide(){
return(currentSlide);
}

In my main html file the external javascript file is loaded within the head section. This external file does a lot of other stuff besides returning a number.

Now here is my problem..
Somewhere in my html file I need to call the showslide function. I tried doing that with this:

Code:

<script language ="Javascript" src="upload/3weg_slider.js"> 
document.write(showslide()); 
</script>

But it doesn't return anything, when I place an alert line within the function it doesn't show up either. What am I doing wrong here?

Hi, I've made a tabbing system with javascript which consists of a couple of functions and all I need to do is to initialize one of the functions from each html page the script is linked to.

Here is the function I want to initialize:

Code:

function change(key, n){
		hideTabs();
		var tab = "#tab"+key;
		showTab(tab);
		
		for (c=1;c<=n;c++){
				var id = "div#opt"+c;		
				onClick(id, c, key, n);
						
		}
		var opt = "#opt"+key;
		setActive(opt);
	}

The parameter key would be the default selected tab and n being the number of tabs. So if I was to have 3 tabs with first one being selected by default I'd say change(1, 3).

I just need to know how to do this from the html file since I'll be using it on multiple pages and I don't want to have a different js file for each page.

Any help would be greatly appreciated.

Thanks

Hi,

Is is possible to access a global variable for use inside a function?

Thanks for help in advance

Mike

Hello Guys,

I have a question here..

I have a scroller on my pages that basically reads a text file and displays.. The problem that I am having is it doesn't update until I reload the page(even though the .txt file updates about every 3 minutes).. I would like it to update when the file has been changed..

Here is my page.

PHP Code:
<link rel="stylesheet" href="../../css/li-scroller.css"  type="text/css">
<script src="../../js/jquery.li-scroller.1.0.js" type="text/javascript"></script>
 <script type="text/javascript" src="../../jquery-1.6.1.min.js"></script>
   <script type="text/javascript">
       $(function(){
    $("ul#ticker01").liScroll();
    }); 
</script>

<?php 
 $file = file_get_contents ('playingnow.txt'); 
 
 ?> 
<div class="scrollpos">
    <ul id="ticker01">
    <li><a href="#"><?php Echo $file;?></a></li>
    
    <!-- eccetera -->
    </ul> 

</div>

What can I add to make it go out and reload just the div not the entire page?

Please advise..

relatively new coder here definitely new to js and I can't figure out how to get this script linked into an external file every time I try nothing shows up.

Code:

<html>
<head>

<script language="JavaScript1.1">
<!--
var slideimages=new Array()
var slidelinks=new Array()
function slideshowimages(){
for (i=0;i<slideshowimages.arguments.length;i++){
slideimages[i]=new Image()
slideimages[i].src=slideshowimages.arguments[i]
}
}

function slideshowlinks(){
for (i=0;i<slideshowlinks.arguments.length;i++)
slidelinks[i]=slideshowlinks.arguments[i]
}

function gotoshow(){
if (!window.winslide||winslide.closed)
winslide=window.open(slidelinks[whichlink])
else
winslide.location=slidelinks[whichlink]
winslide.focus()
}
//-->
</script>

<title></title>
</head>
<body>

<a href="javascript:gotoshow()"><img src="img1.jpg" name="slide" border=0 width=250 height=250></a>
<script>
<!--

//configure the paths of the images, plus corresponding target links
slideshowimages("img1.jpg","img2.jpg","img3.jpg","img4.jpg","img5.jpg")
slideshowlinks("#","#","#","#","#")
//configure the speed of the slideshow, in miliseconds
var slideshowspeed=3000

var whichlink=0
var whichimage=0
function slideit(){
if (!document.images)
return
document.images.slide.src=slideimages[whichimage].src
whichlink=whichimage
if (whichimage<slideimages.length-1)
whichimage++
else
whichimage=0
setTimeout("slideit()",slideshowspeed)
}
slideit()

//-->
</script>

</body>
</html>

obviously get rid of html tags and <script></script> tags save it as file.js and then <script type="text/javascript" src="file.js">
</script>

do i need to break this up into 2 files or something I can't get it to work

Code:

	
	<!-- Add-in device.js files are placed here -->
	<div id="deviceScript"></div>

What I have been doing is clearing this out when I select a new (add-in) device and append a script tag with its .src file.

I have some vague idea that unhooking an external js file might remove its code from memory. If not is there a way to do so?

Functions in different script files have the same name - for example, I use start() to set up each device. It seems that the latest device start() overwrites the one in memory - but I am not sure if overwrite means delete last one or whether there is some horrendous build up of dross going on.

Any clarification appreciated.

I have this file:

IPToned.js
Code:

// ==UserScript==
// @name          IPToned
// @namespace     http://users9.jabry.com/chatleague
// @description   IPTorrents Filter Enhancements
// ==/UserScript==

 
alert("hello world");

I drag and drop it into Firefox (Ubuntu) and it opens it as if it were a txt file. I want it to make the alert so I can get to coding. Any suggestions?

Hi guys. I've made a html file with three lists to populate different pages of my site. Then i've called the html with SSI. let me show the code

the HTML with the list's
Code:

<div id="list_box">
<ul class="list">
<li><a href="#">item01</a></li>
<li><a href="#">item02</a></li>
<li><a href="#">item03</a></li>
<li><a href="#">item04</a></li>
<li><a href="#">item05</a></li>
</ul>
</div>

<div id="list_box">
<ul class="list">
<li><a href="#">item06</a></li>
<li><a href="#">item07</a></li>
<li><a href="#">item08</a></li>
<li><a href="#">item09</a></li>
<li><a href="#">item10</a></li>
</ul>
</div>


<div id="list_box">
<ul class="list">
<li><a href="#">item11</a></li>
<li><a href="#">item12</a></li>
<li><a href="#">item13</a></li>
<li><a href="#">item14</a></li>
<li><a href="#">item15</a></li>
</ul>
</div>

the HTML with the list loaded
Code:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>Untitled Document</title>



<style type="text/css">
<!--


#list_box {
	height:100%;
	width: 100%;
	padding-top: 15px;
	padding-left: 30px;
	padding-right: 30px;
	padding-bottom: 20px;
	background-color: #cccccc;
	overflow: hidden;	
}

ul.list li {
	list-style-type: none;
	text-align: left;
	text-decoration: none;
}


.list a:link,
.list a:visited {
	font-family: "Courier New", Courier, monospace;
	font-size: 12px;
	line-height: 15px;
	color: #036;
	text-decoration: none;
	text-align: left;
	font-weight: bold;
	font-style: normal;
}

.list a:hover{
	font-family: "Courier New", Courier, monospace;
	font-size: 12px;
	line-height: 15px;
	color: #ffffff;
	text-decoration: none;
	text-align: left;
	font-weight: bold;
	font-style: normal;
}

-->
</style>

</head>

<body>

<div id="list_box">
<!--#include file="list.html" -->
</div>
</body>
</html>

the zip with the sample I've made
load_external.zip

I wanted to ask how can I make an item from the list's to have a different css in the html with the loaded list's. because in each page one of the items (that are all buttons) will be up or should I say active.

can someone tell me how can I do this please. Maybe with javascript?

thanks in advance

Hello everybody,

I am currently working on displaying KML-values of ElementTags within my KML File. I already integrated the KML file as an overlay to my Google Map. But how am I able to parse the GGeoXml-object or how am I able to parse external ("http://www.myexample.org/polygons.kml" instead of just "polygons.kml") XML-files?

At the moment my code for loading the geoxml file looks like this:

Code:

function initialize(kmlFile) {
      if (GBrowserIsCompatible()) {
        var map = new GMap2(document.getElementById("map_canvas"));
        map.setUIToDefault();
        map.setCenter(new GLatLng(53.763325,-2.579041), 9);
             // ==== Create a KML Overlay ====
      if(!(kmlFile==null)){
          //check if it doesnt start with "http://"
        if(!(kmlFile.startsWith("http://"))){
        kmlFile = "http://" + kmlFile;
        $('kmllink').value = kmlFile;
        }
        var kml = new GGeoXml(kmlFile);
        //add Overlay to the googlemaps window
        map.addOverlay(kml);
        //$('subject').value = "SUBJECT";
        //$('content').value = "CONTENT";
        kml.gotoDefaultViewport(map);
        // Store center and zoom as properties of the object kml
        var centerKML= kml.getDefaultCenter();
        var zoomKML = map.getZoom();
        map.panTo(centerKML);
        map.setZoom(zoomKML);
        }
        
      }
      
}

And for parsing local XML-files this code works already:
Code:

function loadXML()
{
if (window.XMLHttpRequest)
  {
  xhttp=new XMLHttpRequest();
  }
else // Internet Explorer 5/6
  {
  xhttp=new ActiveXObject("Microsoft.XMLHTTP");
  }
    xhttp.open("GET","test.kml",false);
    xhttp.send("");
    //xmlDoc=xhttp.responseXML;
    xmlDoc = xhttp.responseXML;
    var placemark=xmlDoc.getElementsByTagName("Placemark");
    alert(placemark[0].getElementsByTagName("name")[0].childNodes[0].nodeValue);
    ajaxLoader("http://www.zki.dlr.de/mod/ext/fireModis/yesterday_en.kml","Placemark");
}

My question: Is there any way to integrate parsing external xml files in any of these two functions?

Best regards,
TsEMaNN

I have an issue with my javascript files loading (i.e. checking the source code of the page after having loaded yields working links to my external files and the JQuery loading for sure after running some test), but calling a function from my javascript file works in no way shape or form. For example, one test I was running was:
From my .js file
Code:

$("p").click( function() { $(this).hide(); } )

This will work on a standalone page when I test it (not loading from external .js file), but not in the page I need to get my scripts running on.