The forum of the forums
Would you like to react to this message? Create an account in a few clicks or log in to continue.

Javascript/Html problem

2 posters

The forum of the forums :: Miscellaneous :: Garbage

Go down

Javascript/Html problem Empty Javascript/Html problem

Post by Lukas320 May 2nd 2010, 11:20 am

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>Nickname Generator</title>
</head>
<body>
<div id="nickGen" style="width:800px;">
    <div id="output" style="border:2px solid #000000; background-color:#0f110f; width:100%; height: 50px;text-align:center;font-family:Courier New; font-size:16px; font-weight:bold;">
    </div>
    <br />
    <input type="text" id="input" name="input" value="" onkeyup="KeyUp()" style="width:100%;border:2px solid;text-align:center;font-size:16px;font-weight:bold;"/>
    <div id="colorDrop">
    </div>
</div>
<script type="text/javascript">
var hexa =
[
"000000",
"FF0000",
"00FF00",
"FFFF00",
"0000FF",
"00FFFF",
"FF00FF",
"FFFFFF",
"FF7F00",
"7F7F7F",
"BFBFBF",
"BFBFBF",
"007F00",
"7F7F00",
"00007F",
"7F0000",
"7F3F00",
"FF9919",
"007F7F",
"7F007F",
"007fFF",
"7F00FF",
"3399CC",
"CCFFCC",
"006633",
"FF0033",
"B21919",
"993300",
"CC9933",
"999933",
"FFFFBF",
"FFFF7F"
];

function populate ()
{
   var optionList = "<form name='listColor'><select  onChange='colorSelect(this.options[this.selectedIndex].value)' name='chooseColor' style='font-weight:bold;background-color:#99A099;'><option style='color:#FFFFFF;' value=''>choose color</option>";
   for (var i = 0;i<32;i++)
   {
      key = String.fromCharCode(i+48);
      optionList += "<option style='color:#"+hexa[i]+"' value='"+key+"'>"+key+" = "+hexa[i]+"</option>"
   }
   document.getElementById("colorDrop").innerHTML += optionList + "</select></form><br>";
   document.getElementById("input").value = "your^8Name^5Here";
   KeyUp();
}

function colorSelect (i)
{
   var input = document.getElementById("input");
   input.value += "^" + i;
   input.focus();
   keyUp();
}

function getIndex(char)
{
   var ascii = char.charCodeAt(0);
   var index = (ascii - 16) % 32;
   return index;
}

function KeyUp()
{
   var inp = document.getElementById("input").value;
   inp = inp.replace(/"/g,"");
   var name = inp.split("^");
   var nameString = "<font color=#BFBFBF>"+name[0]+"</font>";
   for(var i=1;i<name.length; i++)
   {
      if(name[i].substring(0,1) != "")
      {
         var index = getIndex(name[i].substring(0,1));
         var color = hexa[index]
         if(color === undefined)
         {
            nameString += "<span style='background-color:#FF0000'>^"+index+"</span><font color=#BFBFBF>"+name[i].substring(1)+"</font>"
         }else{
            nameString += "<font color=#"+color+">"+name[i].substring(1)+"</font>";
         }
      }else{
         nameString += "<font color=#BFBFBF>^</font>"
      }
   }
   document.getElementById("output").innerHTML = nameString;
   document.getElementById("input").value = inp;
}
populate();
</script>
</body>
</html>

This code aint working for HTML page. And not in posts. This is a nickname generator for the game Wolfenstein Enemy Territory i really need it for my site.
avatar
Lukas320
New Member

Posts : 3
Reputation : 0
Language : Dutch

Back to top Go down

Javascript/Html problem Empty Re: Javascript/Html problem

Post by Guest May 4th 2010, 7:50 pm

you can create a html page and put in your post link to this page ! Wink
or use iframe :
Code:
<iframe src="http://link to your html page"
width="400" height="300" marginwidth="0" marginheight="0"
hspace="0" vspace="0" frameborder="0" scrolling=yes>
</iframe>

good luck Wink
avatar
Guest
Guest


Back to top Go down

Javascript/Html problem Empty Re: Javascript/Html problem

Post by alwayzjjlover May 11th 2010, 4:38 am

where is the html table thing, i can't find it
avatar
alwayzjjlover
New Member

Posts : 1
Reputation : 0
Language : english

Back to top Go down

Back to top

- Similar topics

The forum of the forums :: Miscellaneous :: Garbage

 
Permissions in this forum:
You cannot reply to topics in this forum