JavaScript - How I Can Make A Word Limit In Textarea

Hi i have a problem, i've been trying to fix this for the whole day

pls see my code below

Code:

for ($o = 0; $o <= $totalclass; $o++) 
{ 
	for($i = 1; $i <= 45; $i++)
	{
		if ($_SESSION['classification'][$o] == $i) 
		{
			$sql2="SELECT ClassDesc FROM tblclass WHERE ClassID = '$i'";
			$result2=mysql_query($sql2);
			
			// If successfully queried
			if($result2)
			{
				while ($row2 = mysql_fetch_assoc($result2)) 
				{
					$ClassDesc2 = $row2['ClassDesc'];
				}
			}
			//echo $ClassDesc2;
		?>
			<tr>
			<td bgcolor="FAFAF6" class="small" valign="top">Class <? echo $i; ?></td>
			<input type="hidden" name="<? echo "classid[]"; ?>" value="<? echo $i; ?>">
			<td bgcolor="FAFAF6">
			<textarea name="<? echo "specification[]"; ?>" COLS="50" ROWS="6" class="small" wrap="virtual" tabindex="<? echo $i; ?>"><? echo $ClassDesc2;?></textarea>
			<input type="button" value="Reset" onclick="window.reset();" name="reset">
			</td>
			</tr>
		<?			 
		}
	}
}

i've trying to create a button or image to reset one textarea (from whole array) and so far i've been unsuccessful.

i've seen this on other website and i know it is possible to do this, pls help!

Dear Friends,
please give your solution about below problem. I call

function test".$i."(){
edit($('$paket_id'));
}

function for editing in line text.

<div onclick="test".$i."(this)"><img src="./images/edit01.png"></div>

http://www.freeimagehosting.net/l5raa

But when I click to call link, the textarea are opening again. How I can limit this?

Thank you for your help with this. I am newer to JS and appreciate the assistance.

I am using iScroll for an image gallery on the iPad. I can place 120 columns equalling 122,880 pixels in width. After that the content fails to display. How can I get additional 180 columns that I have to display?

hi, i am now playing with the time.
can you please tell me how to make the time move in downwards, i mean a countdown like format, e.g the time will start countdown and end in 2 days?

here's my initial noob code for creating time

Code:

<script type="text/javascript">


var today = new Date();
h = today.getHours();
m = today.getMinutes();
s = today.getSeconds();

function showDate(){
  if(document.getElementById('but').value = "locked"){
    h = checktime(h);
    m = checktime(m);
    s = checktime(s);
  }
  document.getElementById('t').innerHTML = h +":"+m+":"+s;
}

function checktime(i){
  if(i < 10){
    i = "0" + i;
  }
  return i;
}

function ocl(){
  var x = true;
  if(x){
    document.getElementById('but').value = "locked";
    showDate();
  }
}
function mo(){
  document.getElementById('but').value = "lock me ?";
  x = false;
}

</script>


<h3>
<a id="t"></a>
</h3>


<input type="button" id="but" value="unlocked" onmouseover="mo();" onclick="ocl();" />

Hello,

Is there any way that I can add a limit for the amount of time that a javascript loader bar stays on screen?

The specific loading screen I am using is http://www.fliesen-info-spanien.net/loadbox.php.

This loading box actually activates once the page is loaded apparently, but in my instance, it is loading then disappearing in the matter of a second, but I wouldnt mind leaving it up for a couple of seconds, say 3-5.

Is there any line of code I can add to do this?

Andy

I have a script which allow a user to move users from one multiple selectbox to another and it works fine, but...

I want to be able to restrict a user to only move x amount of users from one box to another. I want to create an alert when the user try to add a user to much...

The javascript:
Code:

  $().ready(function() {
   $('#add').click(function() {
    return !$('#box1 option:selected').remove().appendTo('#box2');
   });
   $('#remove').click(function() {
    return !$('#box2 option:selected').remove().appendTo('#box1');
   });
  });

The HTML:
Code:

<table>
	<tr>
		<td valign="top"><select multiple id="box2" style="width:250px;height:200px;"></select></td>
		<td width="100%" align="center"><a href="#" id="add">Add</a><br><a href="#" id="remove">Remove</a></td>
        <td valign="top">
        	<select multiple id="box2" style="width:250px;height:200px;">
        					<option value="1">User 1</option>
                            <option value="2">User 2</option>
                            <option value="3">User 3</option>
                            <option value="4">User 4</option>
           </select>
        </td>
	</tr>
</table>

Hope this makes sense... Thanks in advance...

Hi All

I am not a genius when it comes to javascript so if anyone could help, I would really be grateful.

scenario:

I am creating a custom product (75g) which will be made up of 3 others products (25g + 25g + 25g). The 3 options will be made up of a combination of smaller products each with their own options (25g, 50g, 75g) which will allow the customer to have one of each or fill up all 3 with just one type.

Here is what I have in code already:

Code:

<div class="wrapperAttribsOptions">
<h4 class="optionName back">Organic Sour Worms</h4>
<div class="back">
<input name="id[14][48]" value="48" id="attrib-14-48" type="checkbox"><label class="attribsCheckbox" for="attrib-14-48">25g</label><br>
<input name="id[14][49]" value="49" id="attrib-14-49" type="checkbox"><label class="attribsCheckbox" for="attrib-14-49">50g</label><br>
<input name="id[14][50]" value="50" id="attrib-14-50" type="checkbox"><label class="attribsCheckbox" for="attrib-14-50">75g</label><br>
</div>
<br class="clearBoth">
</div>

<br class="clearBoth">

<div class="wrapperAttribsOptions">
<h4 class="optionName back">Organic Sugar Bears</h4>
<div class="back">
<input name="id[15][51]" value="51" id="attrib-15-51" type="checkbox"><label class="attribsCheckbox" for="attrib-15-51">25g</label><br>
<input name="id[15][52]" value="52" id="attrib-15-52" type="checkbox"><label class="attribsCheckbox" for="attrib-15-52">50g</label><br>
<input name="id[15][53]" value="53" id="attrib-15-53" type="checkbox"><label class="attribsCheckbox" for="attrib-15-53">75g</label><br>
</div>
<br class="clearBoth">
</div>

<br class="clearBoth">

<div class="wrapperAttribsOptions">
<h4 class="optionName back">Organic Fruit Cocktail</h4>
<div class="back">
<input name="id[16][54]" value="54" id="attrib-16-54" type="checkbox"><label class="attribsCheckbox" for="attrib-16-54">25g</label><br>
<input name="id[16][55]" value="55" id="attrib-16-55" type="checkbox"><label class="attribsCheckbox" for="attrib-16-55">50g</label><br>
<input name="id[16][59]" value="59" id="attrib-16-59" type="checkbox"><label class="attribsCheckbox" for="attrib-16-59">75g</label><br>
</div>
<br class="clearBoth">
</div>

<br class="clearBoth">

<div class="wrapperAttribsOptions">
<h4 class="optionName back">Organic Jelly Bears</h4>
<div class="back">
<input name="id[17][57]" value="57" id="attrib-17-57" type="checkbox"><label class="attribsCheckbox" for="attrib-17-57">25g</label><br>
<input name="id[17][58]" value="58" id="attrib-17-58" type="checkbox"><label class="attribsCheckbox" for="attrib-17-58">50g</label><br>
<input name="id[17][60]" value="60" id="attrib-17-60" type="checkbox"><label class="attribsCheckbox" for="attrib-17-60">75g</label><br>
</div>
<br class="clearBoth">
</div>

What I need to do is to some how ensure that the product is filled with 75g worth of the other products.
Another option may to not use the 'grams' but rather use the 3 compartments that will be filled so 25g = 1, 50g = 2, 75g = 3 etc.

Note: Name, Values, Ids are made dynamically by the cart, and I cannot change those as they are used for adding to cart and updating account info etc.

PLEASE PLEASE PLEASE if anyone can help, I would really appreciate it.

-----------------------------
Jay

Hi, I have this code to get hints (PHP file):
Code:

<?php

include("include/session.php");

$GetNames = "SELECT firstname, lastname, username FROM users";
$GetNamesConnect = $database->query($GetNames);

While($row = mysql_fetch_array($GetNamesConnect))
{
   $a[$row['username']] = $row['firstname'] . " " . $row['lastname'];
}

//get the q parameter from URL
$q=$_GET["q"];

//lookup all hints from array if length of q>0
if (strlen($q) > 0)
  {
  $hint="";
  for($i=0; $i<count($a); $i++)
    {
    if (strtolower($q)==strtolower(substr($a[$i],0,strlen($q))))
      {
      if ($hint=="")
        {
        $hint=$a[$i];
        }
      else
        {
        $hint=$hint.", ".$a[$i];
        }
      }
    }
  }

// Set output to "no suggestion" if no hint were found
// or to the correct values
if ($hint == "")
  {
  $response="no suggestion";
  }
else
  {
 $id = $row['username'];
 $response= "<a href='profile.php?user=$row['username']'>$hint</a>";

  }

//output the response
echo $response;
?>

This is the display part (Javascript/Ajax)
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>
</head>

<body>
<script type="text/javascript">
function showHint(str)
{
if (str.length==0)
  {
  document.getElementById("txtHint").innerHTML="";
  return;
  }
if (window.XMLHttpRequest)
  {// code for IE7+, Firefox, Chrome, Opera, Safari
  xmlhttp=new XMLHttpRequest();
  }
else
  {// code for IE6, IE5
  xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
  }
xmlhttp.onreadystatechange=function()
  {
  if (xmlhttp.readyState==4 && xmlhttp.status==200)
    {
    document.getElementById("txtHint").innerHTML=xmlhttp.responseText;
    }
  }
xmlhttp.open("GET","gethint.php?q="+str,true);
xmlhttp.send();
}
</script>
</body>
</html>

What I want to do it to limit the names suggested to 10, how would I do this?

I want to limit a textarea to 500 characters. So somebody can't type in more than 500 characters or paste anything with more then 500 characters in the text box.

However, if somebody were to enter something into the fields favoritedrink OR to favortefood, then I want the limit to change to 100 characters for the textarea. How can I do that using Javascript?

I am using the form code below as an example.

Code:

<form action="">
<input type="text" name="firstname"><br />
<input type="text" name="lastname">
<textarea rows="2" cols="20" name="description"></textarea>
<input type="text" name="favoritefood">
<input type="text" name="favoritedrink">
</form>

I need some help for my site and would so much appreciate if somebody can help me with my problem. Thanks so much for any help.

Hi,

Have a dynamic table in JS that adds rows. Want a max of 8 rows. How can that be done?

[CODE]
<script language="Javascript" type="text/javascript">
function addRow()
{
var tbl = document.getElementById('ReqDtTbl');
var lastRow = tbl.rows.length;
var iteration = lastRow;
var row = tbl.insertRow(lastRow);
var cellLeft = row.insertCell(0);
var textNode = document.createElement('input');
textNode.size = 7;
textNode.name = 'startdate' + iteration;
cellLeft.appendChild(textNode);
var cellRight = row.insertCell(1);
var el = document.createElement('input');
el.type = 'text';
el.name = 'enddate' + iteration;
el.id = 'enddate' + iteration;
el.size = 7;
cellRight.appendChild(el);
// the last cell!
var cellRightSel = row.insertCell(2);
var sel = document.createElement('select');
sel.name = 'TypeHrs' + iteration;
sel.options[0] = new Option('-Select-', '""');
sel.options[1] = new Option('Comp Time', 'Comp Time');
sel.options[2] = new Option('Credit Hrs', 'Credit Hrs');
sel.options[3] = new Option('Overtime', 'Overtime');
sel.options[4] = new Option('Rel Comp', 'RelComp');
cellRightSel.appendChild(sel);
var cellRight = row.insertCell(3);
var el = document.createElement('input');
el.type = 'text';
el.name = 'No. of Hours' + iteration;
el.id = 'No. of Hours' + iteration;
el.size = 7;
cellRight.appendChild(el);
}
[CODE]

John

Hi all.

I have the form below...

Code:

<table width="100%" border="0" cellspacing="0" cellpadding="0">
    <tr>
    <form action="thankyou.php" method="get">
    <td width="16%"><b>Your Name</b></td>
    <td width="84%"<input type="name" size="50" name="name" id="name"</td>
  </tr>
    <tr>
    <td width="16%"><b>Your E-mail</b></td>
    <td width="84%"<input type="text" size="50" name="email" id="email"</td>
  </tr>
  <tr>
    <td width="16%"><b>Text Area</b><br>Limit 50,000 characters<br>X amount characters left</td>
    <td width="84%"><textarea name="summary" id="summary" cols="50" rows="10"></textarea></td>
  </tr>
  <tr>
    <td><b>Video URL</b></td>
    <td><input type="text" size="50" name="video" id="video"></td>
  </tr>
  <tr>
    <td><b>Upload Image</b></td>
    <td><input type="file" size="50" name="image" id="image"></td>
  </tr>
  <tr>
    <td><br><input type="submit"></form> </td>
    <td</td>
  </tr>
</table>

I would like to change it so...
When somebody submits a Video URL, the Upload Image input box is disabled When somebody does an Upload Image, the Video URL field is disabled If somebody enters more than 1,000 characters in the Text Area, then both Video URL and Upload Image fields are disabled. When somebody enters a Video URL or does an Upload image, the Text Area is limited to 1,000 characters For the words "Limit 50,000 characters" to change to "Limit 1,000 characters" if somebody enters a Video URL or Upload Image Where it says X amount characters left, it should changing depending on the amount of characters a user has typed in.

Can anybody please help me achieve this above using JavaScript? It would be infinitely appreciated.

Thank you.

Hi,

I want to have a textbox in which only numeric values will be allowed whose maximum limit is 240( 230.99 should be allowed). I am unable to do that. I am able to format the value entered by placing . in proper places and also I have limited upto two decimal places. But the problem is the cursor is not moving left when I have entered a value and I am unable to limit the value upto 240. It is taking any huge number also. Please help. My code is as below :-

<html>

<head>

<script>
function isNumberKey(evt)

{

var charCode = (evt.which) ? evt.which : event.keyCode

if (charCode != 46 && charCode > 31 && (charCode < 48 || charCode > 57))

return false;



return true;

}



function format(input){

var num = input.value.replace(/\,/g,'');

if(!isNaN(num)){

if(num.indexOf('.') > -1){

num = num.split('.');

if(num[1].length > 2){

num[1] = num[1].substring(0,num[1].length-1);

} input.value = num[0]+'.'+num[1];

} else {

input.value = num.toString().split('').reverse().join('').replace(/(?=\d*\.?)(\d{3})/g,'$1,').split('').reverse().join('').replace(/^[\,]/,'') };

} else {

input.value = "";

}

}
</script>
</head>



<body>
<label for="time">Files staged in the last -</label>

<input name="time" id="time" type = "text" value="24" onkeypress="return isNumberKey(event)" onkeyup="format(this);"/> <span>hours</span>
</body>

</html>

hi everyone im here again begging for your help im innocent in this field

is there a javascript for setting up a limit in form submit attempts by which someone's attempts can be reset for given time? Shall we say you could try again after 10minutes or tommorow or whatsoever.

for example in my form:

<form blahblahblah...>

<input value=""...blahblahblah/>

(then here it goes my problem, if the input value above IS NOT EQUAL to "MYUSERNAME" then limit the form submission attempts to 10 tries, else a warning box will appear saying "You have reach the maximum tries per day")

<input type="submit" value="Submit"/>
</form>

thank you so much and may the God Bless you for your kindness!

This is my first javascript game and it's pretty much built of code I've gathered over
time and cleaned up. Here's a manipulated screenshot of what I'm trying to accomplish.

You're an ant and you want those goodies on the map as quickly as possible!

click this link to view a bigger manipulated screenshot
click this link to view the goodies (items)
The ant is the playable character you control by using the arrow keys.
Every time you load the page, or click "restart game", three new items will
spawn randomly on the level and the time will be reset to 0 seconds.
An arrow key must be pressed to start the time counter and the game itself.
There are only 5 items so far, cheese, apple, banana, candy and donut.
The items are supposed to be collected as quickly as possible, when the last item has been collected
(by simply running over it) the game will end, save the time and display a hi-score list.
Time limit is 30 seconds, the game will display a classic "GAMER OVER" if the limit is overrided.
Problems I'm trying to solve:

1: Fullscreen mode (and make the ant actually STAY on the screen)
I want the game level to adapt itself to the computer screen. The game dimensions are 1000x600px at the moment but the ant does not respect the level dimensions. Screenshot: http://i41.tinypic.com/kc1j81.jpg. I have a feeling about that somekind of percental code has to be implented but I've never done this before. (Please note that the size of the ant and the items will remain as they are)

2: Spawning three items randomly on the level
I drew 5 items and saved them as 100x100 PNG. Three of these items have to spawn at a random location on the fullscreen level. The LAST item collected must trigger the time counter to stop. The time will later be used on the hi-score list where he/she can type her nickname. This information will be uploaded to a database.

3: 30 second time limit
Letting the time counter reach 30 seconds will trigger a "GAME OVER". The only way to try again is page refresh or "restart game".

Code:

<html>
<head>
<style type="text/css">
div#game {
	width:1000px;
	height:600px;
	position:absolute;
	background:#c3c3c3;
}
</style>
<script type='text/javascript'>

// movement vars
var xpos = 100;
var ypos = 100;
var xspeed = 1;
var yspeed =1;
var maxSpeed = 5;

// boundary
var minx = 0;
var miny = 0;
var maxx = 1000; // characters movement field, width
var maxy =600; // characters movement field, height

// controller vars
var upPressed = 0;
var downPressed = 0;
var leftPressed = 0;
var rightPressed = 0;

function slowDownX()
{
  if (xspeed > 0)
    xspeed = xspeed - 1;
  if (xspeed < 0)
    xspeed = xspeed + 1;
}

function slowDownY()
{
  if (yspeed > 0)
    yspeed = yspeed - 1;
  if (yspeed < 0)
    yspeed = yspeed + 1;
}

function gameLoop()
{
  // change position based on speed
  xpos = Math.min(Math.max(xpos + xspeed,minx),maxx);
  ypos = Math.min(Math.max(ypos + yspeed,miny),maxy);

  // or, without boundaries:
  // xpos = xpos + xspeed;
  // ypos = ypos + yspeed;

  // change actual position
  document.getElementById('character').style.left = xpos + "px";
  document.getElementById('character').style.top = ypos + "px";

  // change speed based on keyboard events
  if (upPressed == 1)
    yspeed = Math.max(yspeed - 1,-1*maxSpeed);
  if (downPressed == 1)
    yspeed = Math.min(yspeed + 1,1*maxSpeed)
  if (rightPressed == 1)
    xspeed = Math.min(xspeed + 1,1*maxSpeed);
  if (leftPressed == 1)
    xspeed = Math.max(xspeed - 1,-1*maxSpeed);

  // deceleration
  if (upPressed == 0 && downPressed == 0)
     slowDownY();
  if (leftPressed == 0 && rightPressed == 0)
     slowDownX();

  // loop
  setTimeout("gameLoop()",10);
}

function keyDown(e)
{
  var code = e.keyCode ? e.keyCode : e.which;
  if (code == 38)
    upPressed = 1;
  if (code == 40)
    downPressed = 1;
  if (code == 37)
    leftPressed = 1;
  if (code == 39)
    rightPressed = 1;
}

function keyUp(e)
{
  var code = e.keyCode ? e.keyCode : e.which;
  if (code == 38)
    upPressed = 0;
  if (code == 40)
    downPressed = 0;
  if (code == 37)
    leftPressed = 0;
  if (code == 39)
    rightPressed = 0;
}

</script>
</head>
<body onload="gameLoop()" onkeydown="keyDown(event)" onkeyup="keyUp(event)" bgcolor='gray'>

<!-- level -->
<div id="game"></div>

<!-- ant character -->
<img id='character' src='images/ant.png' style='position:absolute;left:500px;top:500px;height:125px;width:200px;'/>
</body>
</html>