94-3-18، 02:49 عصر
(آخرین ویرایش در این ارسال: 94-3-18، 02:50 عصر، توسط moeinansari.)
خاصیت float زمانی مورد استفاده قرار می گیرد که طراح قصد داشته باشد بدون استفاده از جدولها صفحه را طراحی نماید این حاصیت باعث میشه تا وقتی که یک بلوک html بسته میشه به مقدار که به این خاصیت داده میشه تا حد امکان سمت چپ و راستش را نمایش بده به طوری که المنتهای ها ومتن های موجود در بلوک مورد نظر قرار بگیره
برای اختصاص دادن یک ویژگی CSS به المنتهای HTML از شیء style استفاده می شود. اما این نکته را باید در نظر داشته باشیم که float از کلمات کلیدی رزرو شده در جاوا اسکرپت است. به همین دلیل نمیتوانیم از متد style.float برای این منظور استفاده کنیم.
برای جلوگیری از تداخل بین float مورد استفاده در CSS و کلمه کلیدی float در جاوا اسکرپت به منظور اختصاص این ویژگی به المنتهای HTML از متد cssFloat استفاده میکنیم. برای درک بهتر میتوانید به مثال زیر در دو حالت قبل و بعد از اختصاص این ویژگی با به المنت توجه کنید:
کد مربوط به اعمال ویژگی با استفاده از جاوا اسکرپت:
مقادیر زیر را میتوان برای متد cssFloat به کار برد:
noen :این مقدار پیش فرض متد هست و تأثیر float را بر روی المنت خنثی میکند.right :این مقدار باعث می شود تا بلوک مورد نظر تا حد امکان در سمن راست المنت والد خود قرار گیرد.left :این مقدار باعث میشود تا بلوک مورد نظر تا حد امکان در فضای سمت چپ المنت والد خود قرار گیرد.
در پایان این مقاله باید به این نکته اشاره کنم که مقادیر متد cssFloat از نوع رشته ای (String) هستند پس باید در کد جاوا اسکرپت در کوتیشن نوشته شوند.
این آخرین قسمت جاوا اسکریپت بود ما تو نستیم دوازده قسمت را بذاریم
ولی جاوا اسکریپت با این دوازده قسمت ختم نمیشه این قسمت ها مختصری از جاوا اسکریپت بود
کلیه منابع برداشته شده آموزش های جاوا اسکیریپت : نئو پرشیا
برای اختصاص دادن یک ویژگی CSS به المنتهای HTML از شیء style استفاده می شود. اما این نکته را باید در نظر داشته باشیم که float از کلمات کلیدی رزرو شده در جاوا اسکرپت است. به همین دلیل نمیتوانیم از متد style.float برای این منظور استفاده کنیم.
برای جلوگیری از تداخل بین float مورد استفاده در CSS و کلمه کلیدی float در جاوا اسکرپت به منظور اختصاص این ویژگی به المنتهای HTML از متد cssFloat استفاده میکنیم. برای درک بهتر میتوانید به مثال زیر در دو حالت قبل و بعد از اختصاص این ویژگی با به المنت توجه کنید:
کد:
<div style="border:1px #666 dashed; width:50%; margin:10px auto">
<div style="width:100px; height:100px; background: #fc0;">بلوک مورد نظر قبل از اختصاص ویژگی</div>
<p>این متن قبل از اختصاص ویژگی به المنت در زیر بلوک نمایش داده میشود</p>
< /div>کد:
<div style="border:1px #666 dashed; width:50%; margin:10px auto">
<div id="my-block-2" style="width:100px; height:100px; background: #fc0;">بلوک مورد نظر قبل از اختصاص ویژگی</div>
<p>این متن قبل از اختصاص ویژگی به المنت در زیر بلوک نمایش داده میشود</p> <br clear="all">
</div>
<script type="text/javascript"> document.getElementById("my-block-2").style.cssFloat = "right";< /script>noen :این مقدار پیش فرض متد هست و تأثیر float را بر روی المنت خنثی میکند.right :این مقدار باعث می شود تا بلوک مورد نظر تا حد امکان در سمن راست المنت والد خود قرار گیرد.left :این مقدار باعث میشود تا بلوک مورد نظر تا حد امکان در فضای سمت چپ المنت والد خود قرار گیرد.
در پایان این مقاله باید به این نکته اشاره کنم که مقادیر متد cssFloat از نوع رشته ای (String) هستند پس باید در کد جاوا اسکرپت در کوتیشن نوشته شوند.
این آخرین قسمت جاوا اسکریپت بود ما تو نستیم دوازده قسمت را بذاریم
ولی جاوا اسکریپت با این دوازده قسمت ختم نمیشه این قسمت ها مختصری از جاوا اسکریپت بود
کلیه منابع برداشته شده آموزش های جاوا اسکیریپت : نئو پرشیا
