PDA

View Full Version : اضافه کردن css به یک المان در جاوا اسکریپت



qqq2qqq
چهارشنبه 12 شهریور 1393, 01:08 صبح
سلام
من یه دکمه دارم تو جاوااسکریپت که وقتی روش کلیک میشه میره و یه جدولی رو میخونه و میبره تو یه صفحه دیگه


function printDiv(){
var divToPrint=document.getElementById('dtt').classNam e += "table table-striped table-bordered table-hover"; newWin= window.open(""); newWin.document.write(divToPrint.outerHTML); newWin.print(); newWin.close();}

سوالم اینه که من چحوری بهش یه کلاس رو اختصاص بدم؟ البته به صورت بالا یه کلاس رو اختصاص دادم که این کار انجام نشده و میزنه undefined
لطفا دوستان کسی هست کمکم کنه

Saeed.MD
چهارشنبه 12 شهریور 1393, 14:22 عصر
سلام
شما divToPrint رو برابر با یک خاصیت (className) قرار دادید و جلوتر میخواید اون خاصیت رو write کنید برای همین undefined میگیرید!

پس اول المانت رو انتخاب کن و بعد بهش خاصیت اضاف کن
function printDiv(){
var divToPrint=document.getElementById('dtt');
divToPrint.setAttribute('style', 'blah blah blah; ');
newWin= window.open(""); newWin.document.write(divToPrint.outerHTML); newWin.print(); newWin.close();}

چون شما یه داکیومنت جدید باز میکنی و فقط توش یه div میزاری پس اگه کلاسی هم داشته باشه اون کلاس رو نمیتونه بهش دسترسی داشته باشه
مثلا کلاس table table-striped table-bordered table-hover تو یه فایل دیگه هست و این پرونده جدید اونو نمیبینه و شما دوتا کار میتونی بکنی !
یکی اینکه مثل من (کد بالا) خاصیت ها رو به صورت inline به div اضافه کنی
دوم اینکه اون فایلی رو که توش کلاسا تعریف شدند رو لینک کنی به پنجره جدید و با کد زیر اون کلاسو بدی بهش:

divToPrint.className += "table table-striped table-bordered table-hover";

eneahh
دوشنبه 21 مهر 1393, 12:20 عصر
سلام دوستان
برای این کد من میخوام استایل تعریف کنم چطوری باید اینکارو کنم؟ من اصلا با جاوا اسکریپت آشنایی ندارم

for (var ii=0; ii<cats[i]['rooms'].length; ii++) {
if (cats[i]['rooms'][ii]['users'].length) {
// There are users in room
if (cats[i]['rooms'][ii]['opened']) {
html+='<a href="#" title="'+htmlspecialchars(getLng('hide_online_users'))+'" onclick="openCloseRoom('+cats[i]['rooms'][ii]['id']+', '+cats[i]['id']+', false); displaySimpleCategoryTree(); return false;">'
+ '<img src="./pic/minus_box_15x12.gif" border="0" />'
+ '</a>';
} else {
html+='<a href="#" title="'+htmlspecialchars(getLng('show_online_users'))+'" onclick="openCloseRoom('+cats[i]['rooms'][ii]['id']+', '+cats[i]['id']+', true); displaySimpleCategoryTree('+cats[i]['id']+'); return false;">'
+ '<img src="./pic/plus_box_15x12.gif" border="0" />'
+ '</a>';
}
} else {