تکنیک های پیشرفته در برنامه سازی وب ) اسلايد پنجم ) جوانمرد Website: به نام خدا
تمرین1: میخواهیم داده های فایل XML زیر را درون یک صفحه HTML وارد کنیم. تکنیک های پیشرفته در برنامه سازی وب – جوانمرد – اسلايد 5 2 Empire Burlesque Bob Dylan USA Columbia Hide your heart Bonnie Tyler UK CBS Records Greatest Hits Dolly Parton USA RCA Still got the blues Gary Moore UK Virgin records
ادامه تمرین1: صفحه HTML جدولی با دو ستون نام هنرمند و نام آلبوم موسیقی باشد تکنیک های پیشرفته در برنامه سازی وب – جوانمرد – اسلايد 5 3 Bob DylanEmpire Burlesque Bonnie TylerHide your heart Dolly PartonGreatest Hits Gary MooreStill got the blues
پاسخ تمرین 1 تکنیک های پیشرفته در برنامه سازی وب – جوانمرد – اسلايد 5 4 xmlhttp=new XMLHttpRequest(); xmlhttp.open("GET","cd_catalog.xml",false); xmlhttp.send(); xmlDoc=xmlhttp.responseXML; document.write(" "); var x=xmlDoc.getElementsByTagName("CD"); for (i=0;i "); document.write(x[i].getElementsByTagName("ARTIST")[0].childNodes[0].nodeValue); document.write(" "); document.write(x[i].getElementsByTagName("TITLE")[0].childNodes[0].nodeValue); document.write(" "); } document.write(" ");
تمرین 2: ساخت دکمه Next و Previous برای پیمایش اطلاعات آلبوم های موسیقی تکنیک های پیشرفته در برنامه سازی وب – جوانمرد – اسلايد 5 5 Empire Burlesque Bob Dylan USA Columbia Hide your heart Bonnie Tyler UK CBS Records Greatest Hits Dolly Parton USA RCA Still got the blues Gary Moore UK Virgin records
استفاده از CSS برای نمایش فایل های XML- ( فایل xml ) تکنیک های پیشرفته در برنامه سازی وب – جوانمرد – اسلايد 5 6 Empire Burlesque Bob Dylan USA Columbia Hide your heart Bonnie Tyler UK CBS Records
استفاده از CSS برای نمایش فایل های XML- ( فایل css ) تکنیک های پیشرفته در برنامه سازی وب – جوانمرد – اسلايد 5 7 CATALOG { background-color: #ffffff; width: 100%; } CD { display: block; margin-bottom: 30pt; margin-left: 0; } TITLE { color: #FF0000; font-size: 20pt; } ARTIST { color: #0000FF; font-size: 20pt; } COUNTRY,PRICE,YEAR,COMPANY { display: block; color: #000000; margin-left: 20pt; }
استفاده از CSS برای نمایش فایل های XML- ( نتیجه اجرا ) تکنیک های پیشرفته در برنامه سازی وب – جوانمرد – اسلايد 5 8