|
JavaScript - Accessing The Output Of A External Javascript File
OK,
There's a script on my site that's included like <script src='somePHPfile.php?params... etc It generates an image with some text in it and a few links. When I click 'view source' it just comes up with the <script> tags and nothing else. In Firefox, if I right click on the actual image and go to this frame > view source, I can see everything it's doing. Is there some way I can access this code with Javascript/jquery? I've tried html/dom parsers, etc. with no luck. Similar Tutorialsi m trying to extract data from an xml file and display data on Google maps but when i try to run my code In IE - Access denied error is display (while accessing the xml file) Mozilla - code is working fine but displays following error - Error: xmlDoc.getElementsByTagName("lat")[1] is undefined Source File: file:///I:/BE%20Project%20Data/coding/Myexample/exam2.html Line: 48 HTML file- <html> <head> <title>Google Maps JavaScript API v3 Example: Fusion Tables Layer</title> <link href="http://code.google.com/apis/maps/documentation/javascript/examples/default.css" rel="stylesheet" type="text/css" /> <style type="text/css"> html { height: 100% } body { height: 100%; margin: 0px; padding: 0px } #map_canvas { height: 500px;width: 800px } </style> <script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=false"></script> <script type="text/javascript"> function initialize() { 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","agridata.xml",false); xmlhttp.send(); xmlDoc=xmlhttp.responseXML; var latlng = new google.maps.LatLng(48.75028,-94.91667); var mapOpts = { zoom: 5, center: latlng, mapTypeId: google.maps.MapTypeId.ROADMAP, }; var map = new google.maps.Map(document.getElementById("map_canvas"),mapOpts); var l1=xmlDoc.getElementsByTagName("lat")[1].childNodes[0].nodeValue; var l2=xmlDoc.getElementsByTagName("lng")[1].childNodes[0].nodeValue; var pt = new google.maps.LatLng(parseFloat(l1), parseFloat(l2)); var marker = new google.maps.Marker({ position: pt, map: map, title: 'Just a simple marker'}); } </script> </head> <body onload="initialize();"> <h1>output</h1> <div id="map_canvas"></div> </body> </html> XML file - <?xml version="1.0"?> <markers> <marker> <lat>52.09667</lat> <lng>-173.50056</lng> <state>Alaska</state> <county>Aleutian</county> </marker> <marker> <lat>48.75028</lat> <lng>-94.91667</lng> <state>Minnesota</state> <county>Lake of woods</county> </marker> <marker> <lat>52.09667</lat> <lng>-173.50056</lng> <state>Washington</state> <county>Stevans</county> </marker> </markers> do let me know the reason behind the undefined error and ACCESS DENIED error ... i have tried modification in the security setting of the browser but error is not solved yet ... thks First, this is my first time coding anything seriously. I've only dabbled here and there, but no more. Any and all tips are appreciated. I have a program that's designed to calculate total enemy health. Its does this by taking user input on the level and enemy name. The enemy level input determines the base health stat. The enemy name determines the percent multiplier. This all runs on an onClick() event. I originally had this all in my <head> in my html code. It ended up being more code than I expected. So i made it an external javascript file. I did remove the <script></script> tags, I believe I have the file properly linked using the src attribute. I'm at my wits end. This is my second day of trying. So here is the javascript code. Code:
// JavaScript Document
var series;
var index;
var indexValue;
var base;
var distance;
var sequence;
var enemyLv;
var enemyPct;
var enemyHp;
var vOneFive;
var wrongAlert;
var enemyList;
var enemyName;
var enemyInput;
var enemyLevel;
var a = enemyLEVEL();
var b = enemyPCT();
var totalHp = a * b;
//calculates enemyHp and enemyPct
function calc(enemyHp, enemyPct) {
a = enemyLEVEL();
b = enemyPCT();
totalHp = a * b;
if(a && b !== -1){
document.getElementById('enemyTotalHp').innerHTML = totalHp;
}
else{
alert(wrong);
}
}
//determines base stat for enemyHp
function enemyLEVEL(enemyHp){
enemyLv = document.getElementById('enemyLevel').value;
var enemyLvValue = enemyLv * 1;
wrongAlert = "BURGA!";
//determines which HP sequence to run
if(enemyLvValue <= 5){
enemyLv = document.getElementById('enemyLevel').value;
enemyLvValue = enemyLv * 1;
series = '12345';
index = series.indexOf(enemyLvValue);
indexValue = index * 1;
base = 70;
distance = 13;
sequence = base + (indexValue * distance);
enemyHp = sequence;
return enemyHp;
}
else if(enemyLvValue <= 10){
enemyLv = document.getElementById('enemyLevel').value;
enemyLvValue = enemyLv * 1;
series = '5678910';
index = series.indexOf(enemyLvValue);
indexValue = index * 1;
base = 122;
distance = 24.8;
sequence = base + (indexValue) * distance;
enemyHp = sequence;
return enemyHp;
}
else if(enemyLvValue <= 15){
enemyLv = document.getElementById('enemyLevel').value;
enemyLvValue = enemyLv * 1;
series = '101112131415';
index = series.indexOf(enemyLvValue);
indexValue = index * 1;
base = 246;
distance = 50;
sequence = base + ((indexValue)/2) * distance;
enemyHp = sequence;
return enemyHp;
}
else if(enemyLvValue <= 20){
enemyLv = document.getElementById('enemyLevel').value;
enemyLvValue = enemyLv * 1;
series = '151617181920';
index = series.indexOf(enemyLvValue);
indexValue = index * 1;
base = 496;
distance = 129.8;
sequence = base + ((indexValue)/2) * distance;
enemyHp = sequence;
return enemyHp;
}
else if(enemyLvValue <= 45){
enemyLv = document.getElementById('enemyLevel').value;
enemyLvValue = enemyLv * 1;
series = '2021222324252627282930313233343536373839404142434445';
index = series.indexOf(enemyLvValue);
indexValue = index * 1;
base = 1145;
distance = 120;
sequence = base + ((indexValue)/2) * distance;
enemyHp = sequence;
return enemyHp;
}
else if(enemyLvValue <= 50){
enemyLv = document.getElementById('enemyLevel').value;
enemyLvValue = enemyLv * 1;
series = '454647484950';
index = series.indexOf(enemyLvValue);
indexValue = index * 1;
base = 4145;
distance = 133;
sequence = base + ((indexValue)/2) * distance;
enemyHp = sequence;
return enemyHp;
}
else if (enemyLvValue <= 75){
enemyLv = document.getElementById('enemyLevel').value;
enemyLvValue = enemyLv * 1;
series = '5051525354555657585960616263646566676869707172737475';
index = series.lastIndexOf(enemyLvValue);
indexValue = index * 1;
base = 4810;
distance = 75;
sequence = base + ((indexValue)/2) * distance;
enemyHp = sequence;
return enemyHp;
}
else if (enemyLvValue <= 99){
enemyLv = document.getElementById('enemyLevel').value;
enemyLvValue = enemyLv * 1;
series = '75767778798081828384858687888990919293949596979899';
index = series.lastIndexOf(enemyLvValue);
indexValue = index * 1;
base = 6685;
distance = 70;
sequence = base + ((indexValue)/2) * distance;
enemyHp = sequence;
return enemyHp;
}
else if(enemyLvValue <= 110){
enemyLv = document.getElementById('enemyLevel').value;
enemyLvValue = enemyLv * 1;
series ='100101102103104105106107108109110';
index = series.indexOf(enemyLvValue);
indexValue = index * 1;
base = 8435;
distance = 70;
sequence = base + ((indexValue)/3) * distance;
enemyHp = sequence;
return enemyHp;
}
else if(enemyLvValue <= 170){
enemyLv = document.getElementById('enemyLevel').value;
enemyLvValue = enemyLv * 1;
series ='110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170';
index = series.indexOf(enemyLvValue);
indexValue = index * 1;
base = 9130;
distance = 70;
sequence = base + ((indexValue)/3) * distance;
enemyHp = sequence;
return enemyHp;
}
else{
alert(wrongAlert);
}
}
//determines enemyPct variable
function enemyPCT(enemyPct){
enemyInput = document.getElementById('enemyUser').value;
enemyName = enemyInput;
enemyList = new Array();
enemyList[1] = "Vahra Go Vahra Delsaban Golmoro Goshin Fulyen Curtz SEED-Guardian (Tw) Special Ops (Assault) Bysha type-Koh21 Bysha type-Otsu32 Gohma Dilla Gohma Methna GSM-05 Seeker GSM-05B Bomalta GSM-05M Tirentos YG-01K BUGGE YG01U BUGGES YG-01Z BUG Deljaban Orcdillan Sendillan";//100% hp
//
enemyList[2] = "Ageeta Sageeta Rogue Wikko Special Ops (Vobis)"; //60% hp
//
enemyList[3] = "Pannon Bel Pannon Galdeen Kudetob Nava Ludda Naval Zoona Shagreece Lapucha Polty Badia Go Bajilla"; //70% hp
//
enemyList[4] = "Armed Servant (Obme) Armed Servant (Ozuna) Distova Volfu Olgohmon Bul Buna";//90% hp
//
enemyList[5] = "Koltova Kakwane Ollaka Rappy Polec AMF Heavy Infantry Armed Servant (Basta) SEED-Guardian (Kn) Delp Slami";//130%hp
//
enemyList[6] = "Booma Go Booma Jigo Booma Jishagara Vanda Vanda Merha Vanda Orga Rogue (Ogg) SEED-Guardian (Sa)";//150%hp
//
enemyList[7] = "Rogue (Jasse) Rogue Mazz Special Ops (Kanohne) Special Ops (Solda)";//180%hp
//
enemyList[8] = "Komazli Bead Groode Dilla Griena Grinna Bete C";//200%hp
//
enemyList[9] = "Bal Soza Gaozoran";//230%hp;
//
enemyList[10] = "Shinowa Hidoki" ;//250% hp
//
enemyList[11] = "Jaggo Jaggo Acte Jaggo Amure Jaggo Sonichi Zamvapas Galvapas Do Vol No Vol";//260% hp
//
enemyList[12] = "Mizura Gainozeros Grass Assassin Ubakrada Rappy Rappy Amure Rappy Latan Rappy Noel Rappy Paska";//300% hp
//
enemyList[13] = "Kamatoze Bafal Bragga";//320% hp
//
enemyList[14] = "Jarba Polavohra Hiru Vol Delnadian SEED-Ardite Zasharogan Lutus Jigga Orgdus Svaltus";//350% hp
//
enemyList[15] = "Tengohg Bil De Melan Bil De Vear Drua Gohra Kog Nadd Dilnazen Jusnagun SEED-Argine SEED-Vance SEED-Vitace Ryugtass";//400% hp
//
enemyList[16] = "Carriguine SEED-Venas";//450% hp
//
enemyList[17] = "Rappy Gugg Renvolt Magashi Grinna Bete S";//500% hp
//
enemyList[18] = "Rappy Igg";//550% hp
//
enemyList[19] = "Darbelan Alfort Tylor";//600% hp
//
enemyList[20] = "Kagajibari";//630% hp
//
enemyList[21] = "Gol Dova";//650% hp
//
enemyList[22] = "Zoal Goug"; //700% hp
//
enemyList[23] = "De Rol Le";//1000% hp
//
enemyList[24] = "SEED-Magashi";//1100% hp
//
enemyList[25] = "Alterazgohg Onmagoug";//1350% hp
//
enemyList[26] = "Adahna Dimmagolus Dark Falz";//1450% hp
//
enemyList[27] = "De Ragan Magas Maggahna";//1500% hp
//
enemyList[28] = "Dulk Fakis Mother Brain";//1650% hp
//
enemyList[29] = "De Ragnus";//1720% hp
var one = enemyList[1];
var two = enemyList[2];
var three = enemyList[3];
var four = enemyList[4];
var five = enemyList[5];
var six = enemyList[6];
var seven = enemyList[7];
var eight = enemyList[8];
var nine = enemyList[9];
var ten = enemyList[10];
var eleven = enemyList[11];
var twelve = enemyList[12];
var thirteen = enemyList[13];
var fourteen = enemyList[14];
var fifteen = enemyList[15];
var sixteen = enemyList[16];
var seventeen = enemyList[17];
var eighteen = enemyList[18];
var nineteen = enemyList[19];
var twenty = enemyList[20];
var twentyone = enemyList[21];
var twentytwo = enemyList[22];
var twentythree = enemyList[23];
var twentyfour = enemyList[24];
var twentyfive = enemyList[25];
var twentysix = enemyList[26];
var twentyseven = enemyList[27];
var twentyeight = enemyList[28];
var twentynine = enemyList[29];
//
var indexOne = one.indexOf(enemyName);
var indexTwo = two.indexOf(enemyName);
var indexThree = three.indexOf(enemyName);
var indexFour = four.indexOf(enemyName);
var indexFive = five.indexOf(enemyName);
var indexSix = six.indexOf(enemyName);
var indexSeven = seven.indexOf(enemyName);
var indexEight = eight.indexOf(enemyName);
var indexNine = nine.indexOf(enemyName);
var indexTen = ten.indexOf(enemyName);
var indexEleven = eleven.indexOf(enemyName);
var indexTwelve = twelve.indexOf(enemyName);
var indexThirteen = thirteen.indexOf(enemyName);
var indexFourteen = fourteen.indexOf(enemyName);
var indexFifteen = fifteen.indexOf(enemyName);
var indexSixteen = sixteen.indexOf(enemyName);
var indexSeventeen = seventeen.indexOf(enemyName);
var indexEighteen = eighteen.indexOf(enemyName);
var indexNineteen = nineteen.indexOf(enemyName);
var indexTwenty = twenty.indexOf(enemyName);
var indexTwentyOne = twentyone.indexOf(enemyName);
var indexTwentyTwo = twentytwo.indexOf(enemyName);
var indexTwentyThree = twentythree.indexOf(enemyName);
var indexTwentyFour = twentyfour.indexOf(enemyName);
var indexTwentyFive = twentyfive.indexOf(enemyName);
var indexTwentySix = twentysix.indexOf(enemyName);
var indexTwentySeven = twentyseven.indexOf(enemyName);
var indexTwentyEight = twentyeight.indexOf(enemyName);
var indexTwentyNine = twentynine.indexOf(enemyName);
//
var test = "YOU CAN DO IT LITTLE NICKY! BITE HIS ****ING HEAD OFF!";
//
if(indexOne != -1){
var enemyPctValue = 1;
enemyPct = enemyPctValue;
return enemyPct;
}
//
else if(indexTwo != -1){
var enemyPctValue = 0.6;
enemyPct = enemyPctValue;
return enemyPct;
}
//
else if(indexThree != -1){
var enemyPctValue = 0.7;
enemyPct = enemyPctValue;
return enemyPct;
}
//
else if(indexFour != -1){
var enemyPctValue = 0.9;
enemyPct = enemyPctValue;
return enemyPct;
}
//
else if(indexFive != -1){
var enemyPctValue = 1.3;
enemyPct = enemyPctValue;
return enemyPct;
}
//
else if(indexSix != -1){
var enemyPctValue = 1.5;
enemyPct = enemyPctValue;
return enemyPct;
}
else if(indexSeven != -1){
var enemyPctValue = 1.8;
enemyPct = enemyPctValue;
return enemyPct;
}
else if(indexEight != -1){
var enemyPctValue = 2;
enemyPct = enemyPctValue;
return enemyPct;
}
else if(indexNine != -1){
var enemyPctValue = 2.3;
enemyPct = enemyPctValue;
return enemyPct;
}
else if(indexTen != -1){
var enemyPctValue = 2.5;
enemyPct = enemyPctValue;
return enemyPct;
}
else if(indexEleven != -1){
var enemyPctValue = 2.6;
enemyPct = enemyPctValue;
return enemyPct;
}
else if(indexTwelve != -1){
var enemyPctValue = 3;
enemyPct = enemyPctValue;
return enemyPct;
}
else if(indexThirteen != -1){
var enemyPctValue = 3.2;
enemyPct = enemyPctValue;
return enemyPct;
}
else if(indexFourteen != -1){
var enemyPctValue = 3.5;
enemyPct = enemyPctValue;
return enemyPct;
}
else if (indexFifteen != -1){
var enemyPctValue = 4;
enemyPct = enemyPctValue;
return enemyPct;
}
else if(indexSixteen != -1){
var enemyPctValue = 4.5;
enemyPct = enemyPctValue;
return enemyPct;
}
else if(indexSeventeen != -1){
var enemyPctValue = 5;
enemyPct = enemyPctValue;
return enemyPct;
}
else if(indexEighteen != -1){
var enemyPctValue = 5.5;
enemyPct = enemyPctValue;
return enemyPct;
}
else if(indexNineteen != -1){
var enemyPctValue = 6;
enemyPct = enemyPctValue;
return enemyPct;
}
else if(indexTwenty != -1){
var enemyPctValue = 6.3;
enemyPct = enemyPctValue;
return enemyPct;
}
else if(indexTwentyOne != -1){
var enemyPctValue = 6.5;
enemyPct = enemyPctValue;
return enemyPct;
}
else if(indexTwentyTwo != -1){
var enemyPctValue = 7;
enemyPct = enemyPctValue;
return enemyPct;
}
else if(indexTwentyThree != -1){
var enemyPctValue = 10;
enemyPct = enemyPctValue;
return enemyPct;
}
else if(indexTwentyFour != -1){
var enemyPctValue = 11;
enemyPct = enemyPctValue;
return enemyPct;
}
else if(indexTwentyFive != -1){
var enemyPctValue = 13.5;
enemyPct = enemyPctValue;
return enemyPct;
}
else if(indexTwentySix != -1){
var enemyPctValue = 14.5;
enemyPct = enemyPctValue;
return enemyPct;
}
else if(indexTwentySeven != -1){
var enemyPctValue = 15;
enemyPct = enemyPctValue;
return enemyPct;
}
else if(indexTwentyEight != -1){
var enemyPctValue = 16.5;
enemyPct = enemyPctValue;
return enemyPct;
}
else if(indexTwentyNine != -1){
var enemyPctValue = 17.2;
enemyPct = enemyPctValue;
return enemyPct;
}
else{
alert(enemyName);
}
}
and this is the html code 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>PSUpedia Enemy HP Calculator</title> <script type="text/javascript" src="hp_calc.js"> </script> </head> <body> <form> Enemy Level: <input type="text" id="enemyLevel"></br> Enemy Name: <input type="text" id="enemyUser"></br> <p>EnemyHp: <b id="enemyTotalHp"> </b></p></br> <input type="button" value="CLICK!" onClick="calc();"> </form> </body> </html> Hi I have 2 external javascript files added in the head section of a html file but neither will work. However, if i place the javascript code in the html file it work. I'm lost and need help. Could it be the onload function
Code: <body onload="showCookies(); startBanner();"> Hi, i have a question, is JavaScript can read an external file? i have an ear file, can it read external file without the external file compile together in the ear file? can we do so? this is my first time attempting this operation. I want to take some javascript out of my html. here is the original: Code: <!--div#9begin--><div style="float: left; height: 166px; width: 1px;">
<img alt="" src="images/border_short_vert.png" height="169" width="1" />
</div><!--div#9end-->
<!--div#10begin--><div style="width: 225px; height: 155px; float: left; height: 16px; background-color: #000000; color: #FFFFFF; margin-left: 0px; margin-bottom: 0px; font-size: small; padding-left: 0px;">
<img alt="" src="images/news.png" height="16" width="222" /><!--div#11begin--><div style="width: 225px; height: 155px; float: left;"></div><!--div#11end-->
<script type="text/javascript">// <![CDATA[if(document.layers){document.write('<ilayer id="ns4div" width="'+swidth+'" height="'+sheight+'" bgcolor='+sbcolor+'><div id="ns4div1" width="'+swidth+'" height="'+sheight+'" onmouseover="sspeed=0;" onmouseout="sspeed=rspeed"></div></ilayer>')}
if(document.getElementById||document.all){document.write('<div style="position:relative;overflow:hidden;width:'+swidth+'px;height:'+sheight+'px;clip:rect(0 '+swidth+'px '+sheight+'px 0);background-color:'+sbcolor+';" onmouseover="sspeed=0" onmouseout="sspeed=rspeed"><div id="iens6div" style="position:relative;width:'+swidth+'px;"></div></div>');} // ]]>
</script>
</div><!--div#10end-->
and here's my attempt: Code: <div style="width: 225px; height: 155px; float: left; height: 16px; background-color: #000000; color: #FFFFFF; margin-left: 0px; margin-bottom: 0px; font-size: small; padding-left: 0px;"> <img alt="" src="images/news.png" height="16" width="222" /><script type="text/javascript" src="docwrite.js"></script> <div style="width: 225px; height: 155px; float: left;"></div> </div> along with my js: Code: if(document.layers)
{document.write('<ilayer id="ns4div" width="'+swidth+'" height="'+sheight+'" bgcolor='+sbcolor+'><div id="ns4div1" width="'+swidth+'" height="'+sheight+'" onmouseover="sspeed=0;" onmouseout="sspeed=rspeed"></div></ilayer>')}
if(document.getElementById||document.all)
{document.write('<div style="position:relative;overflow:hidden;width:'+swidth+'px;height:'+sheight+'px;clip:rect(0 '+swidth+'px '+sheight+'px 0);background-color:'+sbcolor+';" onmouseover="sspeed=0" onmouseout="sspeed=rspeed">
<div id="iens6div" style="position:relative;width:'+swidth+'px;"></div></div>');}
what is the problem? Have I not performed the extraction properly? Can you place java code in an external javascript file (.js). For example can I do the following in my xx.js file. $(document).ready(function(){ <% execute some java code here %> ...execute some javascript code here... }) Can I do the above? Another question ... I know <% %> is to execute java code inside html. But what does <%-- - -%> mean? Thanks for any help. I have some HTML that I want to put in a Javascript file and reference the HTML through external Javascript file. So I have my page, example.html Code: <html> <head></head> <body> <script type="text/javascript src="../js/external.js"> </script> </body> </html> external.js Code: document.write("<p class="txt_medium style4"> example.com<br />101 Street St.<br />City, ST, ZIP</p><p class="txt_medium style4">"The Best website." </p>");
The above code is all on one line, but is not displaying on the page. PHP is out of the question too (_._) Any thoughts? I have a Java Script that displays a Daily Affirmation on a webpage from an array of 365 Affirmations within the same html webpage file. This makes the html file size way too large. So I would like for the java script to read the array from an external text file on the same website server. Please provide me the Code to insert within my script which will read the array from an external text file - and also the format that the array of 365 lines must be typed into the external text file. I am not a Javascript Programmer - and know nothing about Javascript, so please write your reply at my (lack of) knowledge Level. Thank you in advance! Here is the code I am using. <script language=javascript> <!-- Date.prototype.getDOY = function() {var onejan = new Date(this.getFullYear(),0,1); return Math.ceil((this - onejan) / 86400000);} var today = new Date(); var DOY = today.getDOY(); var HL=new Array() //Configure the following array to hold the 365 HLs for each day of the year HL[1]='HL 1 goes here' HL[2]='HL 2 goes here' HL[3]='HL 3 goes here' // Jump to Day 224 of the year for this example only HL[224]='I am surrounding myself with positive and supportive people. When I nurture relationships that give me energy and enjoyment, I mirror my beliefs that I deserve such gifts.' HL[225]='Today I affirm my own worth and value, and discover that the world agrees with me.' HL[226]='I am sowing seeds based on a healthy belief in my own self-worth. My life is flourishing with growing love, contentment, and exciting possibilities.' HL[227]='HL 227 goes here' HL[228]='HL 228 goes here' // Jump to last HL for Day 365 of year - for this example only HL[365]='HL 365 goes here' document.write(HL[DOY]) //--> </script> My swf.js file is getting hacked along with some jquery files, they are injecting cross browser hacking script to .js files. Please help me how can I protect it? Hi I have a large'ish project under development. The code below distills the problem I am having. In essence, I am trying to read in an XML file. It appears to load okay but when I try to count how many there are of a certain tag (The "Team" tag) I am told that there are zero. This is despite being told that that file loads okay (as the callback function is called). Javascript and the xml file is below. I hope that it is easy to follow. When the page is loaded, the initialize function is called. I first check my browser as I only need this to work on a Mozilla browser (I am using Mozilla Firefox 3.6.3). I then load the xml file and the callback function (fileLoaded) is called. I then try to find out how many "Team" tags I have, but get the message that there are zero. Sorry if this is a simple question but I have spent the best part of yesterday trying to get this to work. Any help would be appreciated. Thx G === javascript === 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" xml:lang="en" lang="en">
<head>
<script type="text/javascript">
// Global variable so that everything can access it
var xlmDoc;
function initialize() {
// This function gets called when the page loadds
browserCheck();
xmlDoc=document.implementation.createDocument("", "doc", null)
xmlDoc.load("small.xml"); // This file is shown at the end of this document, but it is a separate xml document
xmlDoc.onload = fileLoaded;
} // End of initialize
function fileLoaded() {
// Called when file is loaded (this does get called as expected)
alert("File loaded");
var teams = xmlDoc.getElementsByTagName("Team");
var count = teams.length;
alert("no of Teams: " + count); // This displays zero - WHY???
} // End of fileLoaded
function browserCheck() {
// START: This function just checks that I am using a Mozilla browser (I am)
var moz = (typeof document.implementation != 'undefined') && (typeof document.implementation.createDocument != 'undefined');
if(moz) { alert("Mozilla"); }
else {alert("Not Mozilla"); }
} // End of browserCheck
</script>
</head>
<body onload="initialize()">
</body>
</html>
=== xml file === Code:
<Root>
<Team>
<Type>GLF</Type>
<Name>Verulam</Name>
<Postcode>AL1 1JG</Postcode>
<Page>693</Page>
</Team>
<Team>
<Type>RFU</Type>
<Name>London Manx RFC</Name>
<Postcode>AL1 2DJ</Postcode>
<Page>704</Page>
</Team>
<Team>
<Type>RFU</Type>
<Name>University of Hertfordshire RFC</Name>
<Postcode>AL10 9AB</Postcode>
<Page>729</Page>
</Team>
</Root>
Hello, I don't know if this can be done in Javascript, or requires any other language but i was wondering if this would be possible. I would like to embed this Javascript code in to a PHP file and then for it to run automatically upon the PHP file loading: Code: <td class="smallDesc"> <a name="fb_share" type="button_count" href="http://www.facebook.com/sharer.php">Share</a><script src="http://static.ak.fbcdn.net/connect.php/js/FB.Share" type="text/javascript"></script> </td> The Javascirpt is the Facebook Share button that basically allows users that have Facebook to share the page there currently on in their Facebook status by pressing the button, but if there not logged in it shows the login page, not a problem just continue the script. The current button i which is what i want to load automatically in the PHP file is located here, to test the functionalilty just click "Share" button in blue.. http://watch-movies-online.anyfilman...-Movie-17.html To summarise, i would like the above Javascript code to execute automatically upon pageload of this PHP file.. http://www.watch-movies-online.anyfi...p://google.com. If that could be done, and if this also is possible.. i would like for the "Share" button on the external page that is loaded from the Javascript code above to be clicked automatically so in effect when ever someone visits the PHP page after clicking "Click Here to Watch/Stream 2012 Online For Free" on this page it will automatically load the Facebook Share box, and automatically click the "Share" Button and then close the page if possible, but not required. Please feel free to ask any questions, i'll be happy to answer. Thanks in advance. Best Regards, Jonathan. hy all, I am creating an accordion menu that when i press the " UNIT " tab, it opens up a list of " Chapters " tab, and when i press on any one of those chapters, a list of lessons opens up. Till now, i have managed to create all the appropriate lists, but in default, lessons and chapters are opened automatically, and the lessons elements when pressed do not scroll back up to the chapters parents. My html5 file: Code: <script type="text/javascript" src="jqueryjs.js"></script>
<script type="text/javascript" src="jqueryuiaccor.js"></script>
<script type="text/javascript">
$(document).ready(function() {
$('#accordion').accordion();
});
</script>
<div id="container">
<div id="content">
<div id="sidebar">
<ul id="accordion">
<li>
<a href="#recent" class="heading">Unit 1</a>
<ul id="accordion">
<li> <a href="#recent" class="heading">Chapter 1 </a> </li>
<ul id="accordion2">
<li> Lesson 1 </li>
</ul>
</ul>
</li>
<li>
<a href="#recent" class="heading">Unit 2</a>
<ul id="accordion">
<li> <a href="#recent" class="heading">Chapter 1 </a> </li>
<ul id="accordion">
<li> <a href="#recent" class="heading" role="tab" aria-expanded="true">Chapter 2 </a>
<ul id="accordion">
<li> <a href="#recent" class="heading">Lesson 1 </a></li>
</ul>
</li>
</ul>
</ul>
</li>
</ul>
</div>
</div>
</div>
My acorjs.js file: Code: $(document).ready(function() {
$('ul#accordion a.heading').click(function() {
$(this).css('outline','none');
if($(this).parent().hasClass('current')) {
$(this).siblings('ul').slideUp('slow',function() {
$(this).parent().removeClass('current');
$.scrollTo('#accordion',1000);
});
} else {
$('ul#accordion li.current ul').slideUp('slow',function() {
$(this).parent().removeClass('current');
});
$(this).siblings('ul').slideToggle('slow',function() {
$(this).parent().toggleClass('current');
});
$.scrollTo('#accordion',1000);
}
return false;
});
});
Please HELP! I have an html file I've built with embedded Javascript (using ActiveX) that successfully reads a file on my local hard drive when I run the html file through my web browser (IE) locally. However, when I copy the html page up to a webserver and access it through the internet, it doesn't appear to be reading the local file. I'm assuming this can't be done because of security reasons? Am I correct in that? Is there any way using Javascript/ActiveX that you can get a webpage on the internet to access a file on the visitor's local drive? (other than cookies)
Hello everyone, I am fairly familiar with the concept of Objects and their properties and methods, but javascript being object based as opposed to object oriented has me stumped on how to access an object's properties from an onclick event handler created for another object created within the original object. In the example below, I have a constructor function called anyObj. to which I pass an object reference to an element. anyObj has 3 properties and one function increaseWidth() increaseWidth() creates a new button with an onclick event handler and this is where I have a problem. The onclick function needs to increase the value of anyObj's this.width property. I originally had a line this.width += 10; in the onclick but quickly realised why this wasn't working because the this in the onclick function refers to the new button object and not the this.width property of anyObj. The workaround I have used, and it works, is to make a copy of all the this.xxxxx properties. eg. width = this.width; and use the width variable in the onclick as you can see below. This "workaround" works fine but doesn't feel ideal to me. So, what I am asking advice on is, is there a better way to access the anyObj()'s properties from within the onclick function than the way I have done it? Obviously I would prefer to not have to make copies of all the anyObj() properties like I have to make them accessible to the onclick function. Code: function anyObj(divObj){
this.elem = divObj;
this.width = 50;
this.height = 50;
this.increaseWidth=function(){
width = this.width;
height = this.height;
//create a button for this object to be appended to an element later on
var newButton = document.createElement('button');
newButton.onclick=function(){
width += 10;
//...
//...
}
//...
//...
}
}
Hi all, I have multiple forms on one page with the same element name and one of them is the <span>. Below is my sample code for a simple html file for testing purposes. I have no problem accessing the <input> element, but i had problems with the <span> element. Anyone knows why? In this scenario, i won't be able to use the document.getElementById() as both <span> have the same name. Code:
<html>
<head>
Test
<SCRIPT LANGUAGE="JavaScript">
// JavaScript statements go here
function test(tmpForm) {
window.alert(tmpFrm.elements["weight"].value);
window.alert(tmpForm.elements["error"].innerHTML);
}
</SCRIPT>
</head>
<body>
<form id="form_137" name="form_137">
<input id="weight" name="weight" value="" />
<span id="error" name="error">abc</span>
<INPUT TYPE="button" id="btnSubmit" NAME="btnSubmit" VALUE="Submit" onClick="test(this.form);">
</form>
<form id="form_137_down" name="form_137_down">
<input id="weight" name="weight" value="" />
<span id="error" name="error">zzz</span>
<INPUT TYPE="button" id="btnSubmit" NAME="btnSubmit" VALUE="Submit" onClick="test(this.form);">
</form>
</body>
</html>
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. 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! 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. 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'm trying to execute an php file (which is present on an other host) by javascript. I've got three files for this: The javascript that calls the main program (launch.htm): Quote: <html> <script type="text/javascript"> document.write(unescape("%3Cscript src='http://www.mysite.com/reservetest.js' type='text/javascript'%3E%3C/script%3E")); </script> </html> The main program: (reservetest.js) Quote: function goer() { var url = 'test.php'; var pars="x=4&y=3"; makeHttpRequest(url+"?"+pars, thanks); } function thanks(text) { document.write(text); //$("divname").innerHTML=text; } function $() { if (arguments.length == 1) return get$(arguments[0]); var elements = []; $c(arguments).each(function(el){ elements.push(get$(el)); }); return elements; function get$(el){ if (typeof el == 'string') el = document.getElementById(el); return el; } }; function makeHttpRequest(url, callback_function, return_xml) { var http_request, response, i; var activex_ids = [ 'MSXML2.XMLHTTP.3.0', 'MSXML2.XMLHTTP', 'Microsoft.XMLHTTP' ]; if (window.XMLHttpRequest) { // Mozilla, Safari, IE7+... http_request = new XMLHttpRequest(); if (http_request.overrideMimeType) { http_request.overrideMimeType('text/xml'); } } else if (window.ActiveXObject) { // IE6 and older for (i = 0; i < activex_ids.length; i++) { try { http_request = new ActiveXObject(activex_ids[i]); } catch (e) {} } } if (!http_request) { alert('Unfortunately your browser doesnt support this feature.'); return false; } http_request.onreadystatechange = function() { if (http_request.readyState !== 4) { // not ready yet return; } if (http_request.status !== 200) { // ready, but not OK alert('There was a problem with the request.(Code: ' + http_request.status + ')'); return; } if (return_xml) { response = http_request.responseXML; } else { response = http_request.responseText; } // invoke the callback callback_function(response); }; http_request.open('GET', url, true); http_request.send(null); } goer(); And finally the test file (test.php): Quote: <html><body>just a test</body></html> It works fine when I use all three files on the same host. However when I use launch.htm on an other host (which is the idea behind it) it gives me 'There was a problem with the request (code 0)'. When I change the url variable within reservetest.js to a relative/absolute path it gives me a 'access denied' on http_request.open line. Main idea is to show the user (who puts the code from launch.htm) on his/her website the contents of my test.php file (which retrieves mysql data). I think it's a security issue with the http_request.open line. Is there a way to work around this? Or am I missing something here? I don't want to use an iframe to retrieve information from my other host. |
|||||||