PDA

View Full Version : ساخت قفسه کتاب به شکل زیر



mostafa_tak2000
سه شنبه 14 آذر 1391, 22:36 عصر
دوستان چطوری میشه قفسه های کتابخانه را بصورت زیر ساخت که از بانک نام کتاب را بخونه و در روی جلد کتاب چاپ کنه در کل مثل تصویر باشه
با تشکر
96023

hamed_hossani
چهارشنبه 15 آذر 1391, 01:54 صبح
سلام
در css میشه متن رو عمودی کرد
http://jsfiddle.net/eAHVd/ باز کنید و run بزنید
css


body{
direction:rtl;
font:normal 12px tahoma;
}
.rotate{
-webkit-transform: rotate(90deg);
-moz-transform: rotate(90deg);
-o-transform: rotate(90deg);
writing-mode: tb-rl;

background-color:#bbb;
padding:10px;
width:300px;
margin-top:100px;
}

html

<div class="rotate">
این DIV با زاویه 90 درجه چرخانده شده.
</div>​
و با div یک جعبه(کتاب ) ساخت و متن رو روش نوشت
+
http://lab.hakim.se/meny/
رفتن روی منو>مورب شدن صفحه>جالب است به چهار جهت می چرخه
+
http://www.html5rocks.com/en/tutorials/casestudies/20things_pageflip/
http://1-ps.googleusercontent.com/x/s.html5rocks-hrd.appspot.com/www.html5rocks.com/static/images/screenshots/casestudies/20things/ximage8.png.pagespeed.ic.tc14NghoBW.jpg
http://1-ps.googleusercontent.com/x/s.html5rocks-hrd.appspot.com/www.html5rocks.com/static/images/screenshots/casestudies/20things/ximage9.png.pagespeed.ic.hH4RpdVuUv.jpg
+
http://www.20thingsilearned.com/en-US

2تای اخری فی ل تر است

ali9698
چهارشنبه 15 آذر 1391, 10:08 صبح
سلام
در css میشه متن رو عمودی کرد
http://jsfiddle.net/eAHVd/ باز کنید و run بزنید
css

html

و با div یک جعبه(کتاب ) ساخت و متن رو روش نوشت
+
http://lab.hakim.se/meny/
رفتن روی منو>مورب شدن صفحه>جالب است به چهار جهت می چرخه
+
دوست عزیز این روشی که شما نوشتین توی همه مرورگرها جواب میده؟

aliblue
پنج شنبه 16 آذر 1391, 21:34 عصر
اگه برای نمایش این قفسه کتاب از DataList استفاده کنیم،چگونه می توان بعضی مشخصات دیگر کتاب را هنگام کلیک روی کتاب با jQuery نمایش دهیم؟مثلا در DataSource با دستور sql تمام فیلدها را انتخاب کرده باشیم ولی فقط نام آن را در Label نمایش دهیم و بقیه فیلد ها را هر کدام به یک HiddenField نسبت دهیم.مثلا قیمت و ناشر در hiddenfield1,hiddenfield2 هستند.حالا میخواهیم روی هر کتابی کلیک شد،مقدار hiddenfield1,hiddenfield2 آن رکورد را با Jquery بخوانیم و در div دیگری نمایش دهیم.برای این کار چه کد Jquery باید بنویسیم؟با تشکر.

hamed_hossani
جمعه 17 آذر 1391, 01:15 صبح
دوست عزیز این روشی که شما نوشتین توی همه مرورگرها جواب میده؟
سلام
کد عمودی css3 بود
باید تست کنید روی بروزر ها مختلف

hamed_hossani
جمعه 17 آذر 1391, 01:19 صبح
مثلا در DataSource با دستور sql تمام فیلدها را انتخاب کرده باشیم ولی فقط نام آن را در Label نمایش دهیم
پیشنهاد من
تمام فیلد های لازم را بایند کنید در label
و با جی کوری انها را با توجه به نیاز hide/show کنید

مقدار hiddenfield1,hiddenfield2 آن رکورد را با Jquery بخوانیم و در div دیگری نمایش دهیم.
همان اول در div مورد نظر بریزید و مخفی کنید

برای این کار چه کد Jquery باید بنویسیم؟
سوالتان خیلی گسترده است
شروع کنید
مشکلات را در انجمن بیان کنید>امیدوارم حل شود

ali9698
جمعه 17 آذر 1391, 01:57 صبح
سلام
کد عمودی css3 بود
باید تست کنید روی بروزر ها مختلف
ممنون تست کردم فعلا جواب گرفتم اما یه سری مشکلات کوچیک باهاش دارم!

aliblue
جمعه 17 آذر 1391, 09:33 صبح
با تشکر.منظورم این است که مثلا در سمت سرور بخواهیم به سطر کلیک شده دسترسی داشته باشیم،مینویسیم:

GridView1.SelectedRow
حالا اگه بخواهیم در سمت کلاینت و با Jquery به سطر کلیک شده دسترسی داشته باشیم ، چه کدی باید بنویسیم؟

$("سطر کلیک شده").click()
یعنی در کد بالا به جای عبارت سطر کلیک شده چه کلاس یا id بنویسیم؟

hamed_hossani
جمعه 17 آذر 1391, 17:30 عصر
http://stackoverflow.com/questions/9355889/asp-net-grid-view-select-row-using-jquery

Try something like

$('#<%=Grid.ClientID %>').delegate('tr', 'click', function(){
$('#<%=Grid.ClientID %> tr').not(this).removeClass('selectedRow');
$(this).toggleClass('selectedRow');
});
This should enable you to select a single GridView row on click.

After that, for the button control, use the following

$('#<%=Btn.ClientID %>').click(function(){
alert($('#<%=Grid.ClientID %>').find('tr.selectedRow').html());

// code to call the webservice using columns from $('#<%=Grid.ClientID %>').find('tr.selectedRow')

// prevent Button control from causing a postback
return false;
});

hamed_hossani
جمعه 17 آذر 1391, 17:53 عصر
یاد شما افتادم
http://mihanlearn.com/wp-content/uploads/2012/08/transforms01.png
http://mihanlearn.com/%D9%85%D9%82%D8%A7%D9%84%D8%A7%D8%AA-%D8%B7%D8%B1%D8%A7%D8%AD%DB%8C-%D9%88%D8%A8/%D9%82%D8%AF%D9%85-%DA%AF%D8%B2%D8%A7%D8%B4%D8%AA%D9%86-%D8%A8%D9%87-%D8%AF%D9%86%DB%8C%D8%A7%DB%8C-%D8%B3%D9%87-%D8%A8%D8%B9%D8%AF%DB%8C-css3/
برای ایجاد یک فضای سه بعدی المنت شما نیاز به یک چشم انداز ( Perspective ) دارد. دو راه برای ایجاد چشم انداز برای المنت شما وجود دارد:
پیش نمایش (http://desandro.github.com/3dtransforms/examples/perspective-03.html)

aliblue
پنج شنبه 23 آذر 1391, 21:01 عصر
کدهای چرخش یک مکعب راکه در آدرس
http://desandro.github.com/3dtransforms/examples/box-02-show-sides.html
هست ، در پروژه ASP.NET استفاده کردم.اگر کدها در تگ <form> نباشند مشکلی نیست ولی اگر داخل این تگ باشند ، کار نمی کند.پروژه رو ضمیمه کردم که فعلا کدها رو بیرون تگ <form> گذاشتم.مشکل از چیه و برای حلش چیکار باید کرد؟
96604