نمایش نتایج 1 تا 11 از 11

نام تاپیک: دستکاری در اجزای فرم ها توسط JS و CSS

  1. #1
    منتظر تایید آدرس ایمیل
    تاریخ عضویت
    اردیبهشت 1389
    محل زندگی
    San Frabarnamenevisco
    پست
    691

    دستکاری در اجزای فرم ها توسط JS و CSS

    میخواستم نحوه دستکاری و تغییر شکل در اجزای فرم همچون Button ها و Textbox ها رو بدونم و مخصوصا اینکه آیا میشه اندازه یک Button رو به pixel تعیین کرد یا نه؟!

    متشکرم

  2. #2

    نقل قول: دستکاری در اجزای فرم ها توسط JS و CSS

    سلام
    برای تغییر مشخصات عناصر از طریق 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>

  3. #3
    منتظر تایید آدرس ایمیل
    تاریخ عضویت
    اردیبهشت 1389
    محل زندگی
    San Frabarnamenevisco
    پست
    691

    نقل قول: دستکاری در اجزای فرم ها توسط JS و CSS

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

    راستی، آیا یک Package کامل برای این گرافیک ها وجود دارد؟

  4. #4

    نقل قول: دستکاری در اجزای فرم ها توسط JS و CSS

    آیا یک Package کامل برای این گرافیک ها وجود دارد؟
    بله
    به نظر بنده کتابخانه jQuery از این نظر خیلی کامل است
    راستی قبلی را هم اصلاح کردم

  5. #5
    منتظر تایید آدرس ایمیل
    تاریخ عضویت
    اردیبهشت 1389
    محل زندگی
    San Frabarnamenevisco
    پست
    691

    نقل قول: دستکاری در اجزای فرم ها توسط JS و CSS

    من استفاده از CSS رو برای ست کردن اندازه TextBox هم تست کردم ولی جواب نگرفتم، چطور میشه با اسافاده از CSS و با دادن مقدار pixel اندازه یک TextBox رو تعیین کرد؟! (به جای استفاده از size)

    متشکر

  6. #6

    نقل قول: دستکاری در اجزای فرم ها توسط JS و CSS

    نباید مشکلی باشه برای مثال تو کد قبلی خط :
    <input type="text" class="inp" />
    را به :
    <input type="text" class="btn" />
    تغییر دهید تا نتیجه را ببینید.

  7. #7
    منتظر تایید آدرس ایمیل
    تاریخ عضویت
    اردیبهشت 1389
    محل زندگی
    San Frabarnamenevisco
    پست
    691

    نقل قول: دستکاری در اجزای فرم ها توسط JS و CSS

    قبلا چنین کدی رو تست کردم، ولی نتیجه نداد... چی کار کنم؟

    کد HTML:
    <input type="text" style="width:50px;">

  8. #8

    نقل قول: دستکاری در اجزای فرم ها توسط JS و CSS

    من تست می کنم مشکلی نداره!
    شاید اشکال از مرورگر باشه آخه کد استاندارده

  9. #9
    منتظر تایید آدرس ایمیل
    تاریخ عضویت
    اردیبهشت 1389
    محل زندگی
    San Frabarnamenevisco
    پست
    691

    نقل قول: دستکاری در اجزای فرم ها توسط JS و CSS

    نقل قول نوشته شده توسط صابر طهماسبی مشاهده تاپیک
    من تست می کنم مشکلی نداره!
    شاید اشکال از مرورگر باشه آخه کد استاندارده
    مرورگر من آخرین ورژن Firefox هستش، نباید مشکلی باشه... ضمن اینکه رو آخرین ورژن Opera و IE () هم تست کردم...

  10. #10

    نقل قول: دستکاری در اجزای فرم ها توسط JS و CSS

    نمی دونم کاملا گیج شدم
    کد استاندارده به هیچ وجه مشکلی نداره ولی روی سیستم شما جواب نمیده؟!!!
    رو سیستم من :
    عکس های ضمیمه عکس های ضمیمه
    • نوع فایل: jpg ccc.jpg‏ (66.1 کیلوبایت, 6 دیدار)

  11. #11
    منتظر تایید آدرس ایمیل
    تاریخ عضویت
    اردیبهشت 1389
    محل زندگی
    San Frabarnamenevisco
    پست
    691

    نقل قول: دستکاری در اجزای فرم ها توسط JS و CSS

    نقل قول نوشته شده توسط صابر طهماسبی مشاهده تاپیک
    نمی دونم کاملا گیج شدم
    کد استاندارده به هیچ وجه مشکلی نداره ولی روی سیستم شما جواب نمیده؟!!!
    رو سیستم من :
    درست شد، درست شد!! نمیدونم دیروز چه مرگش بود... عزیز ممنون

قوانین ایجاد تاپیک در تالار

  • شما نمی توانید تاپیک جدید ایجاد کنید
  • شما نمی توانید به تاپیک ها پاسخ دهید
  • شما نمی توانید ضمیمه ارسال کنید
  • شما نمی توانید پاسخ هایتان را ویرایش کنید
  •