|
JavaScript - Putting Styles In External Css File Causes Js Not Work.
hopefully this is what I need to fix a problem with my code too.
I have a JS that resizes a few div widths on my page but when i also have the styles in a seperate file the JS does not work. this is my original code that works when i use the following line in my html. Code: function Div(id,hw,ud) {
var div=document.getElementById(id);
if (hw == "h"){
var h=parseInt(div.style.height)+ud;
if (h>=150){
div.style.height = h + "px";
//alert(hw + h);
}
} else if (hw == "w"){
var w=parseInt(div.style.width)+ud;
if (w>=150){
div.style.width = w + "px";
var inputdiv=document.getElementById('txt_message');
var inputw=parseInt(inputdiv.style.width)+ud;
inputdiv.style.width = inputw + "px";
}
}
var chat_div = document.getElementById('div_chat');
chat_div.scrollTop = chat_div.scrollHeight;
}
Code: <div id="div_chat" style="height: 300px; width: 500px; overflow: auto; background-color: #CCCCCC; border: 1px solid #555555;"></div> if i was to use the following instead Code: <div id="div_chat"></div> with Code: #div_chat { height: 300px; width: 500px; overflow: auto; background-color: #CCCCCC; border: 1px solid #555555; }
in my CSS file then the JS is fired (i added an alert() to my code to check this) but the widths are not changed. what changes should i make to my codes to make this work so i can have the styles in my CSS file instead of the main HTML file. edit: just thought you may need this part too so you can see what the call looks like. Code: <div>
resize chat log <img src="resize_d.gif" width="21" height="9" onclick="Div('div_chat','h',20);" alt="height +">
<img src="resize_u.gif" width="21" height="9" onclick="Div('div_chat','h',-20);" alt="height -">
<img src="resize_r.gif" width="21" height="9" onclick="Div('div_chat','w',20);" alt="width +">
<img src="resize_l.gif" width="21" height="9" onclick="Div('div_chat','w',-20);" alt="height -">
</div>
further edit: i have just tried the following JS but this time i get the following error... Webpage error details Message: Invalid procedure call or argument on the following line Code: div.currentStyle["width"] = w + "px"; Similar TutorialsHi 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 will really appreciate if some one can help me out here. I am trying to include external .php file into .js file using document.write('<scr'+'ipt src="http://www.xyz.com/store.php" type="text/javascript"></scr'+'ipt>') its working fine in mozilla firefox and chorm but its not working on internet explorer, version 8. I havent tried with other version but on this version its not working. I have also tried loading this file dynamic using DOM functions. appendChild() but its the same result. Anyone knows solution for this? thanks I'm fairly new to JS so sorry in advance if this is a stupid question! I have a textarea which uses ckeditor to make it a wysiwyg. I also have a bit of JS which watches the ckeditor and when a user types into it, whatever they type appears in a div elsewhere on the page. My ckeditor allows the text to be bold, italic, underlined and resized. When I apply styles to the text in the ckeditor textarea, I want them to reflected in the div which updates. At the moment only underline and resizing the text works. Choosing bold or italic does nothing the text updates ok, but no bold or italic. I've been told: "Ckeditor is using strong for bold, em for italics. My guess is that the browser or framework you are using doesn't apply bold and italics styles to those tags. You'll have to do that yourself." I've tested on several browsers, I checked in FF Opera Safari Chrome IE8 & IE9 and its the same in all them. Underline works, resize works but neither bold or italic do. (Interestingly in IE7 bold and italic do work as well as the size and underline! What's going on with that?!?) So I assume it is the framework? Can anyone tell me if this is right and if so, how do I go about doing that myself? heres the JS I'm using to update the div: Code: <label for="editor1">Background Story</label>
<textarea id="editor1" name="editor1">This is sample text</textarea>
<div id="story"></div>
<script type="text/javascript">
CKEDITOR.replace( 'editor1' );
timer = setInterval('updateDiv()',100);
function updateDiv(){
var editorText = CKEDITOR.instances.editor1.getData();
$('#story').html(editorText);
}</script>
I am trying to use an external source for my javascript. The source loads with my script but the functions from the external source are not working. I do have it saved as a js file and in the same folder as my assignment. Below is my external source I am trying to use: <html> <body> <script type="text/javascript"> // Convert miles ==> kilometers function milesToKilos(miles) { return miles * 1.609; } // Convert kilometers ==> miles function kilosToMiles(kilos) { return kilos * 0.621; } // Convert miles ==> yards function milesToYards(miles) { return miles * 1760; } // Convert yards ==> miles function yardsToMiles(yards) { return yards * 0.0005682; } // Convert Fahrenheit ==> Celsius function fahrToCels(fahr) { return 5.0/9.0 * (fahr - 32); } // Convert Celsius ==> Fahrenheit function celsToFahr(cels) { return 9.0/5.0 * cels + 32; } // Convert Pounds ==> Kilograms function poundsToKilograms(lbs) { return 0.4536*lbs; } // Convert Kilograms ==> Pounds function kilogramsToPounds(kg) { return kg/0.4536; } </script> </body> </html> Now here is the javascript I am trying to use to run the external source. I can enter information but it is not using the functions from the external source. <html> <center><h2>Conversions</h2></center> <head> <script type="text/javascript" src="conversions.js"></script> </head> <body> <script type="text/javascript"> lbs = prompt ("Enter kilograms to convert", " "); var myFirstVariable ; myFirstVarible = "lbs"; alert (lbs) ; kg = prompt ("Enter pounds to convert", " "); var mySecVariable ; mySecVariable = "kg" ; alert (kg) ; </script> </body> </html> 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 I'm trying to call a external .js file that contains a function from a webpage, but haven't been able to discover how to reference the function. First, the function: Code: function biggestOfTwo(valueOne, valueTwo)
{
var big;
if(valueOne > valueTwo)
{
big = valueOne;
}
else
{
big = valueTwo;
}
return big;
}
... and the xhtml calling 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>
<title>An XHTML 1.0 Strict standard template</title>
<meta http-equiv="content-type"
content="text/html;charset=utf-8" />
<script src="compare.js" type="text/javascript" />
</head>
<body>
<script type = "text/javascript">
var dataInput1;
var dataInput2;
dataInput1 = prompt("Enter the first number to be compared");
dataInput2 = prompt("Enter the second number to be compared");
alert("The biggest value is " + biggestOfTwo(dataInput1, dataInput2));
</script>
</body>
</html>
According to the book Beginning JavaScript 4th Edn, this should work - why isn't it? Jenny 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. 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 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.. 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 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 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. 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 Hi, I need some help with a bit of a challenge. I need to allow users to spesify a file stored on their hard drive, read the file and populate a table and eventually a database. I can probably upload the file using <input type='file'> but what then? How do I access the file after this, or is there a better way? Using XMLHTTP gives 'access denied.....' I can not use PHP as the site does not support PHP. For those who know the environment - it's a QuickBase application I need to upload to....... Thanks Nic 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? Hello all, and thanks in advance for the help. I want to update a div using innerHTML and take the data from an external HTM file residing on my server. The purpose is to have a series of links in the div content_left that when clicked dynamically change the div content_right. That will allow me to create individual pages for the dynamic content rather than including it all on the original page. Any help is appreciated. Hey guys, I'm writing a script and I've encountered a problem.. I have a txt file with many words, each word in a different line. For example: the file words.txt contains: word1 word2 word3 word4 word5 I need to load the content of the file into a variable in my script. I prefer that all the words will be in the same variable with line breaks, but if you'll figure out a way to put it in an array, it's ok too. I really don't know how to do it, and I tried to google but didn't understand.. By the way, I don't want to change the txt file to js file, I need it to remain txt.. Can anybody help me with that? Thanks Alot, Ran 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? 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> |
|||||||