نحوه فراخوانی یک استایل؟؟؟

teshneh · Jan 12, 2011

من این کد را در یک فایل css دارم:

کد:

.Pic
   {
   position:relative;
   float:left;
   left:30px;
   height: 44px;    
   width: 82px;   
   background-image: url('../image/M1.jpg');
   background-repeat: no-repeat; 	    
   cursor:pointer;
   }

حالا میخوام با کلیک بر روی یک دکمه این تغییرات در صفحه وب من اعمال بشه که کد زیر را نوشتم :

کد:

 <div class="Pic" onclick=".........................."></div>

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

my1zarb · Jan 13, 2011

شما باید کلاس مورد نظرت رو با یک اسم دیگه داشته باشید و بعد با استفاده از کد زیر، نام کلاس استایل رو تغییر بدید.

کد:

document.getElementById("idElement").setAttribute("class", "className");

eAmin · Jan 13, 2011

my1zarb گفت:
شما باید کلاس مورد نظرت رو با یک اسم دیگه داشته باشید و بعد با استفاده از کد زیر، نام کلاس استایل رو تغییر بدید.

کد:

document.getElementById("idElement").setAttribute("class", "className");

البته به علت وجود یک باگ در ie6 این کد بدرستی در مرورگر فوق اجرا نمی شه، بهتره به این شکل استفاده کنید، تا در تمامی مرورگر ها قابل اجرا باشه:

کد:

document.getElementById("idElement").style.className = "Pic";

یا

<div onclick="this.style.className = 'Pic'"></div>

موفق باشید.

my1zarb · Jan 13, 2011

eAmin گفت:
البته به علت وجود یک باگ در ie6 این کد بدرستی در مرورگر فوق اجرا نمی شه، بهتره به این شکل استفاده کنید، تا در تمامی مرورگر ها قابل اجرا باشه:

کد:

document.getElementById("idElement").style.className = "Pic"; یا <div onclick="this.style.className = 'Pic'"></div>

موفق باشید.