xHTML and stuff: April 2011

Wednesday, 27 April 2011

Javascript

As I want to use javascript to load up xml files of the information for my website I needed to find some code which enabled me to do this and modify it.

I managed to find this website with a good example of how to do it and modified it to work with my website

http://www.codeproject.com/KB/scripting/xmldso.aspx

Here is the code for the site:

<script type="text/javascript">
//<![CDATA[
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","XML/Weapons.xml",false);
xmlhttp.send();
xmlDoc=xmlhttp.responseXML;

document.write("<table border='1'>");
var x=xmlDoc.getElementsByTagName("HK416");
for (i=0;i<x.length;i++)
{
document.write("<h1>HK416<\/h1>");
document.write("<p /><img src=images/HK416.jpg img id=imgstyle img width=30% img height=30%/>");
document.write("<p /><b>Name: <\/b>");
document.write(x[i].getElementsByTagName("NAME")[0].childNodes[0].nodeValue);
document.write("<br /><b>Manufacturer: <\/b>");
document.write(x[i].getElementsByTagName("MANUFACTURER")[0].childNodes[0].nodeValue);
document.write("<br /><b>Weight: <\/b>");
document.write(x[i].getElementsByTagName("WEIGHT")[0].childNodes[0].nodeValue);
document.write("<br /><b>Length: <\/b>");
document.write(x[i].getElementsByTagName("LENGTH")[0].childNodes[0].nodeValue);
document.write("<br /><b>Cartridge: <\/b>");
document.write(x[i].getElementsByTagName("CARTRIDGE")[0].childNodes[0].nodeValue);
document.write("<br /><b>Fire rate: <\/b>");
document.write(x[i].getElementsByTagName("FIRERATE")[0].childNodes[0].nodeValue);
document.write("<br /><b>Magazine size: <\/b>");
document.write(x[i].getElementsByTagName("MAGAZINESIZE")[0].childNodes[0].nodeValue);
}
document.write("<\/table>");
//]]>
</script>

CSS menu's

As the main site uses CSS dropline menu's I needed to find a way in which to create a menu easily.

I found this example and edited it for my main site.

http://www.cssmenumaker.com/builder/menu_info.php?menu=066

Here is the edited verison:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional1.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en">
<head><title>Weapons of war</title>
<link href="css1.css" rel="stylesheet" type="text/css" />
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
</head>

<body>
<div class="Banner">
<img src = "Banner.jpg" alt=""/>

</div>

<div class="nav">
<div class="table">
<ul class="select"><li><a href="#"><b>WEAPONS</b></a>
<div class="select_sub">
<ul class="sub">
<li><a href="HK416.html">HK416</a></li>
<li><a href="M16A4.html">M16A4</a></li>
<li><a href="MK17.html">MK17</a></li>
<li><a href="L85A2.html">L85A2</a></li>
<li><a href="AK74.html">AK74</a></li>
</ul>
</div>
</li>
</ul>

<ul class="select"><li><a href="#"><b>EXPLOSIVES</b></a>
<div class="select_sub">
<ul class="sub">
<li><a href="AT4.html">AT4</a></li>
<li><a href="SMAW.html">SMAW</a></li>
<li><a href="Gustav.html">Carl Gustav</a></li>
<li><a href="LAW.html">LAW</a></li>
<li><a href="RPG7.html">RPG-7</a></li>
</ul>
</div>
</li>
</ul>

<ul class="select"><li><a href="#"><b>TANKS</b></a>
<div class="select_sub">
<ul class="sub">
<li><a href="T90.html">T90</a></li>
<li><a href="T72.html">T72</a></li>
<li><a href="Challenger.html">Challenger</a></li>
<li><a href="Leopard.html">Leopard</a></li>
<li><a href="Abrams.html">Abrams</a></li>
</ul>
</div>
</li>
</ul>

<ul class="select"><li><a href="#"><b>VEHICLES</b></a>
<div class="select_sub">
<ul class="sub">
<li><a href="Bradley.html">Bradley</a></li>
<li><a href="M113.html">M113</a></li>
<li><a href="Warrior.html">Warrior</a></li>
<li><a href="BTR80.html">BTR-80</a></li>
<li><a href="BMP3.html">BMP-3</a></li>
</ul>
</div>
</li>
</ul>

</div>
</div>

<div class="bar"></div>
</body>
</html>