PDA

View Full Version : سوال: دستکاری در اجزای فرم ها توسط JS و CSS


LORD AELX
شنبه 19 تیر 1389, 14:46 عصر
میخواستم نحوه دستکاری و تغییر شکل در اجزای فرم همچون Button ها و Textbox ها رو بدونم و مخصوصا اینکه آیا میشه اندازه یک Button رو به pixel تعیین کرد یا نه؟!

متشکرم :قلب:
صابر طهماسبی
شنبه 19 تیر 1389, 14:53 عصر
سلام
برای تغییر مشخصات عناصر از طریق JS با دو ویژگی style و className سروکار دارید.برای مثال :




document.getElementById('myinput').className='inpu tclass';
document.getElementById('myinput').style.display=' none';


بله می شود سایز را به پیکسل تعیین کرد:




<!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>
<style type="text/css">
.inp {
border:2px solid #EEE;
background-color:#9F0;
color:#069;
}
.btn {
width:100px;
height:50px;
border:1px solid #069;
}
</style>
</head>

<body>
<input type="text" class="inp" />
<input type="button" class="btn" />
</body>
</html>
LORD AELX
شنبه 19 تیر 1389, 14:56 عصر
سلام
متوجه نشدم چرا JS؟


من اطلاع زیادی ندارم، ولی یه اسکریپت رو که بررسی می کردم متوجه شدم که برای این کار از JS کمک گرفته ... حالا نمیدونم درست متوجه شدم یا نه... ببینید منظورم همون تغییر ظاهری هست که مثلا با رفتن بر روی Textbox رنگ آن عوض شده و حاله نوری و یا نواری در اطراف آن پدید می آید...

راستی، آیا یک Package کامل برای این گرافیک ها وجود دارد؟
صابر طهماسبی
شنبه 19 تیر 1389, 15:00 عصر
آیا یک Package کامل برای این گرافیک ها وجود دارد؟بله
به نظر بنده کتابخانه jQuery از این نظر خیلی کامل است
راستی قبلی را هم اصلاح کردم
LORD AELX
شنبه 19 تیر 1389, 17:59 عصر
من استفاده از CSS رو برای ست کردن اندازه TextBox هم تست کردم ولی جواب نگرفتم، چطور میشه با اسافاده از CSS و با دادن مقدار pixel اندازه یک TextBox رو تعیین کرد؟! (به جای استفاده از size)

متشکر :قلب:
صابر طهماسبی
شنبه 19 تیر 1389, 18:32 عصر
نباید مشکلی باشه برای مثال تو کد قبلی خط :


<input type="text" class="inp" />
را به :


<input type="text" class="btn" />
تغییر دهید تا نتیجه را ببینید.
LORD AELX
شنبه 19 تیر 1389, 18:52 عصر
قبلا چنین کدی رو تست کردم، ولی نتیجه نداد... چی کار کنم؟


<input type="text" style="width:50px;">
صابر طهماسبی
شنبه 19 تیر 1389, 19:05 عصر
من تست می کنم مشکلی نداره!
شاید اشکال از مرورگر باشه آخه کد استاندارده
LORD AELX
دوشنبه 21 تیر 1389, 10:16 صبح
من تست می کنم مشکلی نداره!
شاید اشکال از مرورگر باشه آخه کد استاندارده

مرورگر من آخرین ورژن Firefox هستش، نباید مشکلی باشه... ضمن اینکه رو آخرین ورژن Opera و IE (:قهقهه:) هم تست کردم...
صابر طهماسبی
دوشنبه 21 تیر 1389, 11:11 صبح
نمی دونم کاملا گیج شدم:گیج:
کد استاندارده به هیچ وجه مشکلی نداره ولی روی سیستم شما جواب نمیده؟!!!
رو سیستم من :
LORD AELX
دوشنبه 21 تیر 1389, 12:13 عصر
نمی دونم کاملا گیج شدم:گیج:
کد استاندارده به هیچ وجه مشکلی نداره ولی روی سیستم شما جواب نمیده؟!!!
رو سیستم من :

درست شد، درست شد!! :تشویق: نمیدونم دیروز چه مرگش بود... عزیز ممنون :بوس: :قلب: