برای استفاده از تمام امکانات سایت از جمله مرکز دانلود باید در سایت عضو شوید. برای ثبت نام تنها 1 دقیقه زمان نیاز دارید ، برای ثبت نام اینجا کلیک کنید


ثبت نام  راهنماي انجمن  جستجو  ليست اعضا  گروه هاي كاربران    ورود


ارسال يك موضوع جديد  پاسخ به يك موضوع

کنترل style توسط javascript

 
نويسنده پيغام
sinabeclass
ارسالزمان ارسال: 1 شنبه Aug 19, 2007 1:54 pm    موضوع: کنترل style توسط javascript پاسخ بصورت نقل قول



تاريخ عضويت: 08 Feb 2007
ارسالها: 124


سلام

من يک تگ دارم به اين شکل :
code :
<div id="chat1" style="height:22px;"> *** </div>


در حالت عادي ارتفاع 22 و رنگ زمينه تعيين نشده است.

* ميخوام که وقتي صفحه کامل لود شد به وسيله کد javascript اي که آخر صفحه گذاشتم، ارتفاع اون بشه 300 پيکسل و رنگ بک‌گراند اون تغيير کنه يعني اينجوري:

code :

<script>
changeh('300px')
</script>


که البته فايل script.js رو همون اول صفحه لود ميکنم:
code :
<script src="script.js"></script>


code :

//script.js

function changeh(height){
document.getElementById('chat1').style.cssText='height:'+height+'background-color:#000'



روي کامپيوتر که تست ميکنم هم با ie و هم با ff به درستي کار ميکنه ولي صفحه رو که آپلود ميکنم و از اينترنت باز ميکنم کار نميکنه!! يعني مقادير همانجور ثابت ميمانند و تغييري نميکنند!

البته من اين کد رو هم امتحان کردم :

code :
document.getElementById('chat1').style.height=height

ولي کار نکرد.

--------------

عيب و ايراد کد من چيه؟
اصلا روش اعمال خصوصيات style به html ، توسط جاوا اسکريپت چه طوريه؟

تشکر
بازگشت به بالا
دیدن پروفایل کاربرانارسال پیغام خصوصی
amir abbas
ارسالزمان ارسال: 1 شنبه Aug 19, 2007 4:49 pm    موضوع:  پاسخ بصورت نقل قول

راهبر انجمن

تاريخ عضويت: 08 Sep 2006
ارسالها: 1521


من خودم اصلا جاوا اسکریپت کار نکردم و در حد مقدماتی هم با جاوا اسکریپت آشنا نیستم. جواب این سوال رو نمیدونم ولی یکی از بچه ها هست که کد جاوا اسکریپت می نویسه و کارش بد نیست. تو فورم p30world عضوه. این لینک آیدیشه

http://forum.p30world.com/member.php?u=108018
بازگشت به بالا
دیدن پروفایل کاربرانارسال پیغام خصوصیارسال ايميلديدن وب سايت كاربر
A M I N
ارسالزمان ارسال: 4 شنبه Mar 12, 2008 1:38 am    موضوع: Re: کنترل style توسط javascript پاسخ بصورت نقل قول



تاريخ عضويت: 12 Mar 2008
ارسالها: 2


sinabeclass نوشته:
سلام

من يک تگ دارم به اين شکل :
code :
<div> *** </div>


در حالت عادي ارتفاع 22 و رنگ زمينه تعيين نشده است.

* ميخوام که وقتي صفحه کامل لود شد به وسيله کد javascript اي که آخر صفحه گذاشتم، ارتفاع اون بشه 300 پيکسل و رنگ بک‌گراند اون تغيير کنه يعني اينجوري:

code :

<script>
changeh('300px')
</script>


که البته فايل script.js رو همون اول صفحه لود ميکنم:
code :
<script></script>


code :

//script.js

function changeh(height){
document.getElementById('chat1').style.cssText='height:'+height+'background-color:#000'



روي کامپيوتر که تست ميکنم هم با ie و هم با ff به درستي کار ميکنه ولي صفحه رو که آپلود ميکنم و از اينترنت باز ميکنم کار نميکنه!! يعني مقادير همانجور ثابت ميمانند و تغييري نميکنند!

البته من اين کد رو هم امتحان کردم :

code :
document.getElementById('chat1').style.height=height

ولي کار نکرد.

--------------

عيب و ايراد کد من چيه؟
اصلا روش اعمال خصوصيات style به html ، توسط جاوا اسکريپت چه طوريه؟

تشکر


سلام.

کدت که به نظر من مشکلی نداره.

[/code]می تونی کل صفحه رو بزاری تا من یه نگاهی بهش بندازم؟
بازگشت به بالا
دیدن پروفایل کاربرانارسال پیغام خصوصیشماره ICQ
خدمات هاستینگ وب رمز
delphii
ارسالزمان ارسال: 3 شنبه Aug 26, 2008 2:16 pm    موضوع:  پاسخ بصورت نقل قول



تاريخ عضويت: 20 Apr 2008
ارسالها: 12


من برنامه رو خودم نوشتم فکر نکنم یه چیزی تو این مایه باید باشه

<DOCTYPE>
<html>
<head>
<title>Untitled Document</title>
<meta>
<script>
function $(id){return document.getElementById(id)}
function change(){
$('ld').style.height="200px"
}

</script>
</head>

<body>
<div></div>
</body>
</html>
بازگشت به بالا
دیدن پروفایل کاربرانارسال پیغام خصوصی
delphii
ارسالزمان ارسال: 3 شنبه Aug 26, 2008 2:25 pm    موضوع:  پاسخ بصورت نقل قول



تاريخ عضويت: 20 Apr 2008
ارسالها: 12


البته برای اینکه بهتر نماش داده بشه باید position:absolute بدی و مقدار top ,left بهش بدی تا شکل به صورت شناور در بیاد و در واقع موقعیت اجسام دیگه صفحه رو موقع لود شدن به هم نریزه
بازگشت به بالا
دیدن پروفایل کاربرانارسال پیغام خصوصی
نمايش نامه هاي ارسال شده قبلي:   
ارسال يك موضوع جديد  پاسخ به يك موضوع صفحه 1 از 1