PDA

View Full Version : حرفه ای: روش ساخت NEWS bar



goodarzi121
سه شنبه 22 آذر 1390, 11:27 صبح
سلام
از آنجاییکه بنده زمان زیادی را برای یافتن یا ساخت چنین موضوعی صرف کرده ام، در این پست می خواهم روش ساخت یک پنل برای اخبار، با قابلیت حرکت از پایین به بالا را توضیح بدهم، که به آن، NEWS bar می گویند.

روش کار بسیار ساده است. کافیست کد برنامه را در قسمتی که می خواهید اخبار را به نمایش درآورید قرار دهید. در اینجا از marquee استفاده شده است.

همچنین، با اتصال به پایگاه داده، و استفاده از دو ستون با مشخصات زیر، می توان عنوان و لینک اصلی خبر را به نمایش گذاشت:

CREATE TABLE tbNews(
[NewsId] [int] NOT NULL,
[NewsTitle] [nvarchar](4000) NOT NULL,
[NewsText] [ntext] NULL,
[NewsDate] [nvarchar](10) NOT NULL,
)

و این هم از کد برنامه که قابلیت استفاده در همه ورژن های ASP و HTML را دارد:


<marquee direction="up" scrolldelay="50" scrollamount="1" onmouseover="this.stop()" onmouseout="this.start()" >
<table >
<tr><td align="right" dir="rtl">
<asp:GridView ID="dataview" runat="server" Width="413px"
AutoGenerateColumns="False"
AlternatingRowStyle-ForeColor="#666633" ShowHeader="False"
GridLines="None">
<Columns>
<asp:TemplateField>
<ItemTemplate>
<table><tr><td><asp:HyperLink ID="HyperLink1" runat="server"
NavigateUrl='<%# Eval("NewsId", "news.aspx?id={0}") %>'
Text='<%# Eval("NewsTitle") %>' CssClass="newslist" ></asp:HyperLink></td></tr></table>
</ItemTemplate>
</asp:TemplateField>
</Columns>
<AlternatingRowStyle ForeColor="#666633"></AlternatingRowStyle>

</asp:GridView>
</td></tr>
</table></marquee>

farhud
سه شنبه 22 آذر 1390, 12:00 عصر
کار بسیار خوبیه که وقتی آدم به مشکلی برخورد می کنه؛ راه حل اونو برای دیگران قرار بدهد.

یه پرسش: marquee در تمام مرورگرها پشتیبانی میشه؟

dorparasti
سه شنبه 22 آذر 1390, 13:47 عصر
با تشکر از شما بخاطر در اختیار قرار دادن تجربیاتتون . چند تا نکته به نظرم رسید که بگم :

تگ marquee در XHTML منسوخ شده و الان از روش های دیگه ای برای انجام این افکت ها استفاده می شه . مثل استفاده از css (http://www.w3.org/TR/css3-box/#marquee) یا JQuery (http://jquery.com)

بهتر بود بخاطر این که در اینجا فقط نمایش اطلاعات رو داریم بجای گرید ویو از رپیتر و بجای table از div و ul استفاده می کردید .

و اگر استایل ها رو هم جداگانه قرار می دادید بسیار بهتر می شد .