Help For Alternating Lower Upper Cases

**tumyeto** · 12-11-2007 02:24 AM

HELP FOR ALTERNATING LOWER UPPER CASES CAN ANYONE HELP ME? PLS? the javascript source code?
when a string i inputed, the output will ben alternating lower and uopper case..pls help here im new here

for example the string input is house,

the output will be HoUsE

**samliew** · 12-11-2007 03:08 AM

HTML 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>Text Modifier</title>
<style type="text/css"><!--
body { font-family:Arial, Helvetica, sans-serif; }
--></style>
<script type="text/javascript"><!--
function convert(string) {
	var result="";
	for(i=0;i<string.length;i++) {
		i%2==0?result+=string.charAt(i).toUpperCase():result+=string.charAt(i).toLowerCase();
	}
	document.getElementById("output").value=result;
}
//--></script>
</head>

<body>
<h3><u>Text Modifier</u></h3>
<p>Enter text:</p>
<p>
   <input type="text" name="input" id="input" style="width:600px;" onkeyup="convert(this.value);" />
</p>
<p>Output:</p>
<p>
   <input type="text" name="output" id="output" style="width:600px;" readonly="readonly" />
</p>
</body>
</html>

**tumyeto** · 12-11-2007 03:58 AM

where is the button for output? when i type a string, nothing happens? please help

**samliew** · 12-11-2007 04:39 AM

It works in FireFox and IE6+

**tumyeto** · 12-12-2007 08:57 PM

nothing happens when i input string.. no output.. help pls

wat shud i do to see the output?

**sandia** · 12-12-2007 11:03 PM

It works fine...

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>Text Modifier</title> 
<style type="text/css">
 body { font-family:Arial, Helvetica, sans-serif; } 
 </style> <script type="text/javascript">
 function convert(string) {
  var result=""; 
  for(i=0;i<string.length;i++) { 
  i%2==0?result+=string.charAt(i).toUpperCase():result+=string.charAt(i).toLowerCase();
   } 
   document.getElementById("output").value=result;
 } 
 </script> 
</head>
 <body> 
 <h3><u>Text Modifier</u></h3> 
 <p>Enter text:</p>
  <p>  <input type="text" name="input" id="input" style="width:600px;" onkeyup="convert(this.value);" /> </p> 
  <p>Output:</p> <p>  <input type="text" name="output" id="output" style="width:600px;" readonly="readonly" /> </p> 
</body>
</html>

**tumyeto** · 12-13-2007 05:29 AM

thanks Sandia.. Thanks Man.....

**samliew** · 12-14-2007 07:37 AM

It should work with the comment tags if you are using IE5+, FF.

**samliew** · 12-14-2007 07:38 AM

Here's the link to the project:
http://www.samliew.com/Resources/Dow...ier/index.html

**tumyeto** · 12-14-2007 10:55 PM

thanks man. youre the best.

Thread: Help For Alternating Lower Upper Cases

Thread Tools

Display

Help For Alternating Lower Upper Cases

Remove comments!!!!!

Thread Information

Users Browsing this Thread

Bookmarks

Bookmarks

Posting Permissions