ورود

View Full Version : تغیر کد css با java script


tecnocomputer2
چهارشنبه 03 شهریور 1389, 21:58 عصر
سلام
من یه صفحه دارم با کد زیر:



<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
<title>New Page 1</title>

<style>
body {
font: 9pt tahoma,arial, verdana, sans-serif;
color: #222222;
background: #0C4D9C url('page_bg.gif');}
div.homepage {
}
div.block {
padding-bottom: 10px; }
</style>

</head>
<div class="homepage">
<div class="block">
hi this is test <br/>
<textarea>
</textarea>
<input type="button" onclick="????">
</div>
</div>
<body>
</body>
</html>


تو head یه کد css هست، تو body هم یه textarea دارم پائینشم یه دکمه، یه کد میخام بنویسم که ما css رو توی textarea مینویسیم، وقتی روی دکمه کلیک کردیم اون کد اعمال شه.
یه جوایی میشه گفت کدی که تو textarea مینویسیم جایگزین کد css بشه.
ASP.NET2
پنج شنبه 04 شهریور 1389, 01:04 صبح
سلام این کارو میشه با Jquery انجام داد به این صورت که (selector).css(name,value)$ مثال ("p").css("background-color","yellow")$
عبارت بالا رنگ پیش زمینه ھمه پاراگراف ھای موجود در صفحه را به زرد تبدیل میکند.
(selector).css({properties})$ مثال
({"p").css({"background-color":"yellow","font-size":"200%")$
عبارت فوق رنگ پیش زمینه پاراگرافھا را زرد و اندازه نوشته آنھا را دوبرابر میکند. ھمانطور که میبینید ھر خوصوصیت با یک کاما "," از خصوصیت بعدی جدا شده و ھمه خصوصیت ھا بین { و } قرار گرفته اند.
tecnocomputer2
پنج شنبه 04 شهریور 1389, 17:21 عصر
<div id="layer1">
&nbsp;</div>

<script>
$("layer1").css({"background-color":"yellow"});
</script>


error میده

این درستشه



$("layer1").css({background-color:"yellow"});


اما من نمیخام تک تکشونو بزنم میخام یه کد css بدم ست بشه رو المنت
tecnocomputer2
پنج شنبه 04 شهریور 1389, 18:36 عصر
مشکلم حل شد با این کد:



document.getElementById('id').style.cssText='css code';