سلام
من يک تگ دارم به اين شکل :
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 ، توسط جاوا اسکريپت چه طوريه؟
تشکر