كيف ممكن أن نحدد عدد الحروف في الخانة
كما هو موجود في المثال التالي
Maxlength with jQuery | stjerneman.com
حاولت أطبقه ولكن لم ينجح الامر معي
وهذا هو الكود المراد التعديل فيه
<?php require_once('Connections/alriyadh.php'); ?>
<?php
if (!function_exists("GetSQLValueString")) {
function GetSQLValueString($theValue, $theType, $theDefinedValue = "", $theNotDefinedValue = "")
{
if (PHP_VERSION < 6) {
$theValue = get_magic_quotes_gpc() ? stripslashes($theValue) : $theValue;
}
$theValue = function_exists("mysql_real_escape_string") ? mysql_real_escape_string($theValue) : mysql_escape_string($theValue);
switch ($theType) {
case "text":
$theValue = ($theValue != "") ? "'" . $theValue . "'" : "NULL";
break;
case "long":
case "int":
$theValue = ($theValue != "") ? intval($theValue) : "NULL";
break;
case "double":
$theValue = ($theValue != "") ? doubleval($theValue) : "NULL";
break;
case "date":
$theValue = ($theValue != "") ? "'" . $theValue . "'" : "NULL";
break;
case "defined":
$theValue = ($theValue != "") ? $theDefinedValue : $theNotDefinedValue;
break;
}
return $theValue;
}
}
$editFormAction = $_SERVER['PHP_SELF'];
if (isset($_SERVER['QUERY_STRING'])) {
$editFormAction .= "?" . htmlentities($_SERVER['QUERY_STRING']);
}
if ((isset($_POST["MM_insert"])) && ($_POST["MM_insert"] == "form1")) {
// uploaded code
$target2="uploaded/".$_FILES["imgurl"]["name"]."";
move_uploaded_file($_FILES["imgurl"]["tmp_name"],$target2);
$target2=substr("$target2", 0, 300);
$insertSQL = sprintf("INSERT INTO `add` (head, details, mail, mobile, id_sec, imgurl) VALUES (%s, %s, %s, %s, %s, %s)",
GetSQLValueString($_POST['head'], "text"),
GetSQLValueString($_POST['details'], "text"),
GetSQLValueString($_POST['mail'], "text"),
GetSQLValueString($_POST['mobile'], "int"),
GetSQLValueString($_POST['id_sec'], "int"),
GetSQLValueString($target2, "text"));
$extensions = array('png','gif','jpg','jpeg');
$ext = substr(strrchr($_FILES['imgurl']['name'],'.'),1);
if ($extensions !== FALSE AND !in_array($ext,$extensions)) die('الملف غير مسموح به');
mysql_select_db($database_alriyadh, $alriyadh);
$Result1 = mysql_query($insertSQL, $alriyadh) or die(mysql_error());
}
mysql_select_db($database_alriyadh, $alriyadh);
$query_add = "SELECT * FROM `add`";
$add = mysql_query($query_add, $alriyadh) or die(mysql_error());
$row_add = mysql_fetch_assoc($add);
$totalRows_add = mysql_num_rows($add);mysql_select_db($database_alriyadh, $alriyadh);
$query_add = "SELECT * FROM `add`";
$add = mysql_query($query_add, $alriyadh) or die(mysql_error());
$row_add = mysql_fetch_assoc($add);
$totalRows_add = mysql_num_rows($add);
$query_add = "SELECT * FROM `add`";
$add = mysql_query($query_add, $alriyadh) or die(mysql_error());
$row_add = mysql_fetch_assoc($add);
$totalRows_add = mysql_num_rows($add);
mysql_select_db($database_alriyadh, $alriyadh);
$query_sec = "SELECT * FROM sections";
$sec = mysql_query($query_sec, $alriyadh) or die(mysql_error());
$row_sec = mysql_fetch_assoc($sec);
$totalRows_sec = mysql_num_rows($sec);
?>
<!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" lang="ar" dir="rtl">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>إضافة إعلان جديد</title>
<link rel="stylesheet" type="text/css" href="admin/simpleAdmin/css/style2.css" media="screen" />
<link rel="stylesheet" type="text/css" href="admin/simpleAdmin/css/navi.css" media="screen" />
<script type="text/javascript" src="Scripts/jquery.js"></script>
<script type="text/javascript" src="Scripts/jquery.maxlength-min.js"></script>
<link href="SpryAssets/SpryValidationTextarea.css" rel="stylesheet" type="text/css" />
<link href="SpryAssets/SpryValidationTextField.css" rel="stylesheet" type="text/css" />
<script type="text/javascript">
$(document).ready(function(){
$('#head').maxlength({
events: [], // Array of events to be triggerd
maxCharacters: 10, // Characters limit
status: true, // True to show status indicator bewlow the element
statusClass: "status", // The class on the status div
statusText: "character left", // The status text
notificationClass: "notification", // Will be added when maxlength is reached
showAlert: false, // True to show a regular alert message
alertText: "You have typed too many characters.", // Text in alert message
slider: false // True Use counter slider
});
});
<style type="text/css">
body {
background-color: #00a4d2;
}
body,td,th {
color: #FFFFFF;
}
</style>
<script type="text/javascript" src="admin/simpleAdmin/js/jquery-1.7.2.min.js"></script>
<script src="SpryAssets/SpryValidationTextarea.js" type="text/javascript"></script>
<script src="SpryAssets/SpryValidationTextField.js" type="text/javascript"></script>
</head>
<body>
<form action="<?php echo $row_add['']; ?>" enctype="multipart/form-data" method="post" name="form1" id="form1">
<table border="0px"width="388" height="439" align="center">
<tr align="right" valign="middle">
<td width="98" nowrap="nowrap" bgcolor="#00a4d2" style="color: #FFF">رأس الإعلان :</td>
<td width="540" nowrap="nowrap" bgcolor="#00a4d2" style="color: #FFF"><span id="sprytextarea1">
<label for="head"></label>
<textarea name="head" id="head" cols="40" rows="5"></textarea>
<span class="textareaRequiredMsg">هذه الخانة مطلوبة .</span></span></td>
</tr>
<tr align="right" valign="middle">
<td nowrap="nowrap" bgcolor="#00a4d2" style="color: #FFF">تفاصيل الإعلان :</td>
<td nowrap="nowrap" bgcolor="#00a4d2" style="color: #FFF"><span id="sprytextarea2">
<label for="details"></label>
<textarea name="details" id="details" cols="40" rows="5"></textarea>
<span class="textareaRequiredMsg">هذه الخانة مطلوبة .</span></span></td>
</tr>
<tr align="right" valign="middle">
<td nowrap="nowrap" bgcolor="#00a4d2" style="color: #FFF">البريد الإلكتروني :</td>
<td nowrap="nowrap" bgcolor="#00a4d2" style="color: #FFF"><span id="sprytextfield1">
<label for="mail"></label>
<input name="mail" type="text" id="mail" size="32" />
<span class="textfieldRequiredMsg">هذه الخانة مطلوبة .</span><span class="textfieldInvalidFormatMsg">عنوان البريد الإلكتروني غير الصحيح .</span></span>
<p>مثال : admin@admin.com</p></td>
</tr>
<tr align="right" valign="middle">
<td nowrap="nowrap" bgcolor="#00a4d2" style="color: #FFF">رقم الجوال :</td>
<td nowrap="nowrap" bgcolor="#00a4d2" style="color: #FFF"><span id="sprytextfield2">
<label for="mobile"></label>
<input name="mobile" type="text" id="mobile" size="32" />
<span class="textfieldInvalidFormatMsg">أدخل رقم جوالك .</span><span class="textfieldRequiredMsg">أدخل رقم جوالك .</span></span></td>
</tr>
<tr align="right" valign="middle">
<td nowrap="nowrap" bgcolor="#00a4d2" style="color: #FFF">القسم :</td>
<td nowrap="nowrap" bgcolor="#00a4d2" style="color: #FFF"><select name="id_sec">
<?php
do {
?>
<option value="<?php echo $row_sec['id_sec']?>"><?php echo $row_sec['sections']?></option>
<?php
} while ($row_sec = mysql_fetch_assoc($sec));
$rows = mysql_num_rows($sec);
if($rows > 0) {
mysql_data_seek($sec, 0);
$row_sec = mysql_fetch_assoc($sec);
}
?>
</select></td>
</tr>
<tr align="right" valign="middle">
<td nowrap="nowrap" bgcolor="#00a4d2" style="color: #FFF">صورة الإعلان :</td>
<td nowrap="nowrap" bgcolor="#00a4d2" style="color: #FFF"><input type="file" name="imgurl" value="" size="32" /></td>
</tr>
<tr align="right" valign="middle">
<td nowrap="nowrap" bgcolor="#00a4d2" style="color: #FFF"> </td>
<td nowrap="nowrap" bgcolor="#00a4d2" style="color: #FFF"><input type="submit" style=" font-size:16px" value=" إضـافـة إعــلان " /></td>
</tr>
</table>
<input type="hidden" name="MM_insert" value="form1" />
</form>
<p> </p>
<script type="text/javascript">
var sprytextarea1 = new Spry.Widget.ValidationTextarea("sprytextarea1");
var sprytextarea2 = new Spry.Widget.ValidationTextarea("sprytextarea2");
var sprytextfield1 = new Spry.Widget.ValidationTextField("sprytextfield1", "email");
var sprytextfield2 = new Spry.Widget.ValidationTextField("sprytextfield2", "integer");
</script>
</body>
</html>
<?php
mysql_free_result($add);
mysql_free_result($sec);
?>إذا ممكن احد يساعدني في طريقة كتابة الكود