ترفندهاي طراحي وب - كسب مقادير از يك كنترل

You are here: خانه

ترفندها

CSS Hacks

كسب مقادير از يك كنترل

از يك كنترل موجود در صفحه چه تعداد مقادير رو ميتونيد استخراج كنيد ؟
مشكلي كه ضمن طراحي يك فرم بسيار اينتراكتيو براي من پيش اومد كه با انتخاب يك آيتم از منو بايد اون آيتم به عنوان يك سطر از جدول كه داراي ستونهاي متعددي باشه به فرم اضافه ميشد .

در حالت خيلي كلي مقداري كه ميشه از يك كنترل مثل يك تكست فيلد گرفت متن درون فيلد هست :

<html>
<head>
<title>page title</title>
<script language="javascript"> 
function get(){
var uname=document.getElementById("uname");
var username=uname.value;
alert(username);
}
</script>
</head>
<body>
<form>
<input type="text" id="uname" name="uname">
<input type="button" onclick="get()" value="alert">
</form>
</body>
</html>

اما با توجه به نمونه زير متوجه ميشيم كه تا 5 مقدار رو ميشه به يك كنترل ضميمه كرد تا در صورت لزوم استفاده بشه :

<html>
<head>
<title>page title</title>
<script language="javascript"> 
function get(){
var uname=document.getElementById("field id");
var username=uname.value;
var utitle=uname.title;
var name=uname.name;
var alt=uname.alt;
var id=uname.id;
var text=uname.text;
alert(username);
alert(utitle);
alert(name);
alert(alt);
alert(id);
}
</script>
</head>
<body>
<form>
<input type="text" id="field id" name="field name" title="field title" alt="field alt" >
<input type="button" onclick="get()" value="alert">
</form>
</body>
</html>

البته اين مقادير از روز اول براي استفاده اين جوري در نظر گرفته نشده اند و مثلا مقدار title در واقع فقط براي ظاهر شدن تايتيل هنگام مكس نشانه گر موس روي كنترل ايجاد شده . اما ميشه به عنوان يك مقدار از تكست فيلد يا هر كنترل ديگه اي مورد استفاده قرار بگيره و در واقع به صورت ترفند استفاده بشه .

شايد خيلي ساده به نظر برسه اما موقعي مشكل شما رو حل ميكنه بسيار زيبا به نظر ميرسه .