دو سوال در مورد قالب یک سایت

[mehran6764]

سوال اول : اگر به سورس Html شهر خبر نگاه بیاندازیم مشخص هست که در نتیجه اجرای کوئری ها و PHP کد پایین تولید شه . یعنی کدهای پایین رو داخل حلقه تولید کردن .
اما چیزی که نمی تونم درک کنم این قسمت هست ، اون قسمت هایی هست از کد جاوا اسکریپت هست که نوشته SP0 یا po8 یعنی راهی نداشت Tooltip ی که برای لینک ها نشان داده میشه
فقط با یک دستور خاص نشون داده بشه ؟

http://upload7.ir/imgs/2014-11/46389366028992553623.jpg (http://upload7.ir/)

آدرس سایت مورد نظر :
http://www.shahrekhabar.com (http://www.webhostingtalk.ir/view-source:http://www.shahrekhabar.com/%D8%A7%D8%AE%D8%A8%D8%A7%D8%B1-%D8%B3%DB%8C%D8%A7%D8%B3%DB%8C)


<div class="news_box right">
<div class="box_head right"><a href="http://www.shahrekhabar.com/اخبار-سیاسی (http://www.webhostingtalk.ir/view-source:http://www.shahrekhabar.com/%D8%A7%D8%AE%D8%A8%D8%A7%D8%B1-%D8%B3%DB%8C%D8%A7%D8%B3%DB%8C)">اخبار سیاسی</a></div>
<ul>

<li><div class="news_source left" >افکار نیوز</div><a target="_blank" href="http://www.shahrekhabar.com/political/1417014600831974 (http://www.webhostingtalk.ir/view-source:http://www.shahrekhabar.com/political/1417014600831974)" >ظریف و کری بر سر یکدیگر فریاد کشیدند!</a></li>
<li><div class="news_source left" >خبرآنلاین</div><a target="_blank" href="http://www.shahrekhabar.com/political/1417008000222517 (http://www.webhostingtalk.ir/view-source:http://www.shahrekhabar.com/political/1417008000222517)" >زاهدی: مطهری شأن نمایندگی را امروز خیلی پایین آورد</a></li>
<li><div class="news_source left" >خبرآنلاین</div><a target="_blank" href="http://www.shahrekhabar.com/political/1417012920565883 (http://www.webhostingtalk.ir/view-source:http://www.shahrekhabar.com/political/1417012920565883)" >دفاع سیدمحمد خاتمی از عملکرد روحانی/ درست است که نمایندگان ۱۰درصد مردم نظرشان را به همه تحمیل کنند؟</a></li>
<li><div class="news_source left" >الف</div><a target="_blank" href="http://www.shahrekhabar.com/political/1417017720332640 (http://www.webhostingtalk.ir/view-source:http://www.shahrekhabar.com/political/1417017720332640)" >چه چیزی توافق هسته‌ای در ساعات پایانی را به تمدید کشاند؟</a></li>
<li><div class="news_source left" >الف</div><a target="_blank" href="http://www.shahrekhabar.com/political/1417021380444524 (http://www.webhostingtalk.ir/view-source:http://www.shahrekhabar.com/political/1417021380444524)" >جدیدترین توصیه رهبری به وزیر بهداشت</a></li>
<li onmouseover="TagToTip('po5', FIX, [this, 0, 5])" onmouseout="UnTip()" ><div class="news_source left" >خبرگزاری فارس</div><a target="_blank" href="http://www.shahrekhabar.com/political/1417015320940824 (http://www.webhostingtalk.ir/view-source:http://www.shahrekhabar.com/political/1417015320940824)" >موضع سخنگوی وزارت خارجه در قبال اظهارات وزیر خارجه انگلیس در پارلمان این کشور</a><span id="po5">سخنگوی وزارت خارجه کشورمان گفت: ایران در چارچوب تعهدات بین‌المللی خود و در پایبندی به مقررات کنوانسیون وین ناظر بر روابط دیپلماتیک کنسولی، رفتاری یکسان و مشابه با کلیه سفارتخانه‌های مقیم تهران داشته و هیچگونه تبعیضی بین آنان قائل نیست.</span></li>
<li onmouseover="TagToTip('po6', FIX, [this, 0, 5])" onmouseout="UnTip()" ><div class="news_source left" >مشرق نیوز</div><a target="_blank" href="http://www.shahrekhabar.com/political/1417016820996374 (http://www.webhostingtalk.ir/view-source:http://www.shahrekhabar.com/political/1417016820996374)" >نظر احمدی مقدم درباره مذاکرات هسته‌ای</a><span id="po6">فرمانده نیروی انتظامی با بیان این مطلب که موضوع هسته‌ای بهانه‌ای بیش نیست، گفت: خود آنها مصاحبه می‌کنند و می‌گویند هرچه ما از ایران خواسته‌ایم موافقت کرده و انجام داده اما باز هم می‌خواهیم تا 7 ماه دیگر این مذاکرات را ادامه دهیم.</span></li>
<li onmouseover="TagToTip('po7', FIX, [this, 0, 5])" onmouseout="UnTip()" ><div class="news_source left" >جام نیوز</div><a target="_blank" href="http://www.shahrekhabar.com/political/1417015860361417 (http://www.webhostingtalk.ir/view-source:http://www.shahrekhabar.com/political/1417015860361417)" >سر تیم مذاکره کننده ایران کلاه نرفت</a><span id="po7">این جان کلام از سخنرانی رهبر ایران در جمع دیدارکنندگانش بود که توسط خبرگزاری رسمی جمهوری اسلامی "ایرنا" مخابره شد. </span></li>
<li onmouseover="TagToTip('po8', FIX, [this, 0, 5])" onmouseout="UnTip()" ><div class="news_source left" >خبرگزاری تسنیم</div><a target="_blank" href="http://www.shahrekhabar.com/political/1417011060892175 (http://www.webhostingtalk.ir/view-source:http://www.shahrekhabar.com/political/1417011060892175)" >مطرح شدن بورسیه‌ها ظلم به اعتبار علمی کشور بود</a><span id="po8">خبرگزاری تسنیم: اتحادیه انجمن‌های اسلامی دانشجویان اروپا با صدور بیانیه‌ای درباره مسائل مختلف سیاسی داخلی و خارجی کشور خواستار بررسی کارنامه علمی دانشجویان بورسیه شده کشور طی سال‌های گذشته شد.</span></li>
<li onmouseover="TagToTip('po9', FIX, [this, 0, 5])" onmouseout="UnTip()" ><div class="news_source left" >خبرگزاری فارس</div><a target="_blank" href="http://www.shahrekhabar.com/political/1417007460540411 (http://www.webhostingtalk.ir/view-source:http://www.shahrekhabar.com/political/1417007460540411)" >دانشمند هسته‌ای عراق: ایرانی‌ها از ما باهوش‌ترند و برنامه‌شان صلح‌آمیز است</a><span id="po9">دانشمند هسته‌ای عراقی، با اشاره به مسالمت‌آمیز بودن برنامه هسته‌ای ایران و درس گرفتن تهران از اشتباهات برنامه هسته‌ای عراق گفت: ایرانی‌ها از ما باهوش‌ترند.</span></li>
</ul>
</div>
<div class="news_box right">
<div class="box_head right"><a href="http://www.shahrekhabar.com/اخبار-ورزشی (http://www.webhostingtalk.ir/view-source:http://www.shahrekhabar.com/%D8%A7%D8%AE%D8%A8%D8%A7%D8%B1-%D9%88%D8%B1%D8%B2%D8%B4%DB%8C)">اخبار ورزشی</a></div>
<ul>

<li onmouseover="TagToTip('sp0', FIX, [this, 0, 5])" onmouseout="UnTip()" ><div class="news_source left" >جام نیوز</div><a target="_blank" href="http://www.shahrekhabar.com/sport/1417006740763506 (http://www.webhostingtalk.ir/view-source:http://www.shahrekhabar.com/sport/1417006740763506)" >قلعه نویی از دوران جوانی‌ام مرا می خواهد/ پیشنهاد دارم اما در پرسپولیس می مانم</a><span id="sp0">هافبک تدافعی پرسپولیس گفت: هیج صحبتی سایر تیم‌ها با من نکردند و می‌خواهم در پرسپولیس بمانم.</span></li>
<li onmouseover="TagToTip('sp1', FIX, [this, 0, 5])" onmouseout="UnTip()" ><div class="news_source left" >ورزش سه</div><a target="_blank" href="http://www.shahrekhabar.com/sport/1417006020887534 (http://www.webhostingtalk.ir/view-source:http://www.shahrekhabar.com/sport/1417006020887534)" >سنگ بزرگ براي حضور حاتمي در پرسپوليس</a><span id="sp1">پرسپوليسي‌ها در حالي براي حضور بابک حاتمي در تيم‌شان به باشگاه سايپا درخواست فرستاده‌اند که نارنجي‌پوشان البرزي بارها مخالفت‌شان براي حضور اين بازيکن را اعلام کرده‌اند.</span></li>
<li onmouseover="TagToTip('sp2', FIX, [this, 0, 5])" onmouseout="UnTip()" ><div class="news_source left" >باشگاه خبرنگاران</div><a target="_blank" href="http://www.shahrekhabar.com/sport/1417006980807974 (http://www.webhostingtalk.ir/view-source:http://www.shahrekhabar.com/sport/1417006980807974)" >روحیه مثال زدنی استقلالی‌ها در تمرین</a><span id="sp2">تمرین استقلال درحالی برگزار شد که آبی پوشان روحیه بسیار خوبی در آن داشتند.</span></li>
<li onmouseover="TagToTip('sp3', FIX, [this, 0, 5])" onmouseout="UnTip()" ><div class="news_source left" >خبرگزاری تسنیم</div><a target="_blank" href="http://www.shahrekhabar.com/sport/1417009620137824 (http://www.webhostingtalk.ir/view-source:http://www.shahrekhabar.com/sport/1417009620137824)" >هجوم تماشاگران به زمین تمرین پرسپولیس و محبوبیت درخشان و نوری</a><span id="sp3">خبرگزاری تسنیم: در جریان تمرین سرخپوشان تهرانی در سیرجان تماشاگران به زمین هجوم آورده و با بازیکنان و مربیان این تیم عکس یادگاری گرفتند.</span></li>
<li><div class="news_source left" >پارس نیوز</div><a target="_blank" href="http://www.shahrekhabar.com/sport/1417008840231461 (http://www.webhostingtalk.ir/view-source:http://www.shahrekhabar.com/sport/1417008840231461)" >واکنش حقیقی به خبر حضورش در استقلال</a></li>
<li onmouseover="TagToTip('sp5', FIX, [this, 0, 5])" onmouseout="UnTip()" ><div class="news_source left" >ورزش سه</div><a target="_blank" href="http://www.shahrekhabar.com/sport/1417008900598557 (http://www.webhostingtalk.ir/view-source:http://www.shahrekhabar.com/sport/1417008900598557)" >کريمي: قهرماني استقلال را دقيقه 90 ***يدند</a><span id="sp5">فيروز کريمي که همراه با تيم فوتبال شاهين کيش به اهواز سفر کرده تا در صورت توافق نهايي هدايت اين تيم دسته دومي فوتبال ايران را به عهده بگيرد.</span></li>
<li onmouseover="TagToTip('sp6', FIX, [this, 0, 5])" onmouseout="UnTip()" ><div class="news_source left" >خبرگزاری تسنیم</div><a target="_blank" href="http://www.shahrekhabar.com/sport/1417007640826454 (http://www.webhostingtalk.ir/view-source:http://www.shahrekhabar.com/sport/1417007640826454)" >دغاغله: خوشحالم طلسم بازی کردنم در دربی شکسته شد</a><span id="sp6">خبرگزاری تسنیم: مهاجم تیم فوتبال پرسپولیس گفت: در دربی نه تنها طلسم بازی نکردنم شکسته شد بلکه یک پیروزی در دربی در کارنامه فوتبالی‌ام ثبت شد.</span></li>
<li onmouseover="TagToTip('sp7', FIX, [this, 0, 5])" onmouseout="UnTip()" ><div class="news_source left" >مشرق نیوز</div><a target="_blank" href="http://www.shahrekhabar.com/sport/1417012080717260 (http://www.webhostingtalk.ir/view-source:http://www.shahrekhabar.com/sport/1417012080717260)" >مرفاوی قراردادش را فسخ کرد</a><span id="sp7">رییس هیات فوتبال قم اعلام کرد: صمد مرفاوی سرمربی تیم فوتبال صبای قم قراردادش با این تیم را فسخ و از این تیم جدا شد.</span></li>
<li><div class="news_source left" >باشگاه خبرنگاران</div><a target="_blank" href="http://www.shahrekhabar.com/sport/1417013340828928 (http://www.webhostingtalk.ir/view-source:http://www.shahrekhabar.com/sport/1417013340828928)" >رونالدو در تعقیب مسی برای رکوردشکنی</a></li>
<li onmouseover="TagToTip('sp9', FIX, [this, 0, 5])" onmouseout="UnTip()" ><div class="news_source left" >مشرق نیوز</div><a target="_blank" href="http://www.shahrekhabar.com/sport/1417007880487504 (http://www.webhostingtalk.ir/view-source:http://www.shahrekhabar.com/sport/1417007880487504)" >پرسپولیسی‌ها به پادگان رفتند</a><span id="sp9">تیم فوتبال پرسپولیس برای انجام تمرین امروز خود راهی پادگان نیروی دریایی سیرجان شد.</span></li>
</ul>
</div>





سوال دوم : قسمت اقتصادی این سایت 60 صفحه داره که وقتی خبر جدید میاد خبر قدیمی می ره تو صفحات قبلی . به نظرتون از همون شروع کار این 60 صفحه وجود داشته یا اینکه به مرور زمان این صفحات به صورت پویا ساخته میشه ؟

پیشاپیش از توجه و کمک اتون ممنونم

[mehran6764]

کسی در این مورد اطلاعاتی نداره ؟

[بهزاد علی محمدزاده]

سلام . البته که برای tooltip راه های دیگه ایی هم وجود داره . حالا برنامه نویسش اینجوری کد زده . چی شده که این موضوع و بررسی می کنی ؟ در مورد tooltip سورس های زیادی از css وجود داره که می تونی ببینی . لینک (http://github.hubspot.com/tooltip/docs/welcome/)

اما در مورد صفحات : اون چیزی که شما می بینی صفحه نیست. بلکه درواقع از نظر فیزیکی یه صفحه است و محتوی تغییر می کنه. بهش pagination گفته میشه. اطلاعات از دیتابیس واکشی میشه , در query مشخص میشه که ما ده رکورد می خوایم در هر صفحه نشون بدیم , وقتی صفحه اول لود شد یه متغیر پایه در نظر گرفته میشه با مقدار 1 و از رکورد 1تا 10 واکشی میشه , و در صفحه دوم تعداد که 10 هست ضرب در 2 میشه که شماره صفحه است و متغیر پایه هم میشه 10 چون صفحه تغییر کرده و از 1 خارج شده . اونوقت از 10 تا 20 رکورد دیتابیس استخراج میشه. و برای صفحه 3 عدد پایه میشه 20 و 3 در تعداد صفحات ضرب میشه که جواب 30 هست و از 20 تا 30 واکشی میشه.

اینکار کمک می کنه که همه اطلاعات یکباره load نشه و اگر کاربر به صفحه دیگه ایی رفت اونوقت اطلاعات اون صفحه براش واکشی بشه. معمولا در زبان های سمت سرور کتابخانه هایی برای اینکار هست و محاسبه ایی که من گفتم و انجام میده.

[mehran6764]

سلام . البته که برای tooltip راه های دیگه ایی هم وجود داره . حالا برنامه نویسش اینجوری کد زده . چی شده که این موضوع و بررسی می کنی ؟ در مورد tooltip سورس های زیادی از css وجود داره که می تونی ببینی . لینک (http://github.hubspot.com/tooltip/docs/welcome/) .

ممنونم . دلیل اینکه بررسی اش می کنم اینکه قصد دارم برای سایتم همچین سایتی بنویسم (بیشتر برا یادگیری ) و اینکه کدی که تو این سایت برای Tooltip هست خیلی زیباست ، جسارتا" شما نمی دونین چرا Tootip ی که واسه هر بخش از لینک ها هست کدش فرق می کنه ؟



اما در مورد صفحات : اون چیزی که شما می بینی صفحه نیست. بلکه درواقع از نظر فیزیکی یه صفحه است و محتوی تغییر می کنه. بهش pagination گفته میشه. اطلاعات از دیتابیس واکشی میشه , در query مشخص میشه که ما ده رکورد می خوایم در هر صفحه نشون بدیم , وقتی صفحه اول لود شد یه متغیر پایه در نظر گرفته میشه با مقدار 1 و از رکورد 1تا 10 واکشی میشه , و در صفحه دوم تعداد که 10 هست ضرب در 2 میشه که شماره صفحه است و متغیر پایه هم میشه 10 چون صفحه تغییر کرده و از 1 خارج شده . اونوقت از 10 تا 20 رکورد دیتابیس استخراج میشه. و برای صفحه 3 عدد پایه میشه 20 و 3 در تعداد صفحات ضرب میشه که جواب 30 هست و از 20 تا 30 واکشی میشه.

اینکار کمک می کنه که همه اطلاعات یکباره load نشه و اگر کاربر به صفحه دیگه ایی رفت اونوقت اطلاعات اون صفحه براش واکشی بشه. معمولا در زبان های سمت سرور کتابخانه هایی برای اینکار هست و محاسبه ایی که من گفتم و انجام میده.

توضیحات کاملی بود حتما در مورد pagination سرچ می کنم.

ممنون

[بهزاد علی محمدزاده]

<span id="sp0">خبرگزاری تسنیم: پرسپولیس با برتری در ضربات پنالتی دیدار مقابل گل‌گهر سیرجان به دیدار نیمه نهایی جام حذفی فوتبال کشور راه یافت.</span>

منظورش از sp0 اخبار sport و صفر هم تگ li اول هست که از صفر شروع میشه. و id شماره sp0 رو که برای تابع جاوااسکریپت می فرسته , اون تگ span که متن tooltip و نگهداری می کنی نمایش داده میشه.
برای tooltip راه های دیگه ایی هم هست. در html5 یک attribute در اختیار شما قرار می گیریه با این پیشوند -data که بعد از این پیشوند می تونید نام دلخواه رو قرار بدین که میشه به این صورت کار کرد :


<a data-tooltip="متن طولانی خبر"[/CODE]

و با css اون و نمایش داد. خلاصه اینکه در طراحی این وب سایت tooltip اولویت بالایی نداره و میشه کارهای بهتری انجام داد. بعنوان مثال طراحی برای موبایل هست.