بسم لله الرحمن الرحيم
حصلت كود في موقع Dynamic Drive DHTML(dynamic html) & JavaScript code library يجلب rss حاولت اني اشغله بس ما شغلته
ممكن حد من الأخواني يساعدني و شرح الكود ^_^
مع تحياتي
بسم لله الرحمن الرحيم
حصلت كود في موقع Dynamic Drive DHTML(dynamic html) & JavaScript code library يجلب rss حاولت اني اشغله بس ما شغلته
ممكن حد من الأخواني يساعدني و شرح الكود ^_^
مع تحياتي
__________________
مجموعة مجتمع الامارات
اول شبكه اماراتيه اجتماعية خاصه
ا
اخي ..
ممكن تضع رابط الكود حتى استطيع شرح لك الكود ؟
في انتظارك
هذا الكود
و تكمله في هذي الصفحهكود PHP:
<script type="text/javascript" src="http://www.google.com/jsapi?key=YOUR-API-KEY"></script>
<script type="text/javascript" src="gfeedfetcher.js"></script>
<script type="text/javascript" src="gajaxticker.js">
/***********************************************
* gAjax RSS Ticker- (c) Dynamic Drive (www.dynamicdrive.com)
* Requires "gfeedfetcher.js" class
* This notice MUST stay intact for legal use
* Visit http://www.dynamicdrive.com/ for full source code
***********************************************/
</script>
<style type="text/css">
.titlefield{ /*CSS for RSS title link in general*/
text-decoration: none;
}
.labelfield{ /*CSS for label field in general*/
color:brown;
font-size: 90%;
}
.datefield{ /*CSS for date field in general*/
color:gray;
font-size: 90%;
}
#example1{ /*Demo 1 main container*/
width: 450px;
height: 28px;
border: 1px solid black;
padding: 4px;
background-color: lightyellow;
}
#example2{ /*Demo 2 main container*/
width: 600px;
height: 180px;
border: 1px dashed black;
padding: 4px;
background-color: #EEEEEE;
}
#example2 ul{ /*Demo 2 UL container*/
margin: 0;
padding-left: 18px;
}
#example2 ul li{ /*Demo 2 LI that surrounds each entry*/
margin-bottom: 4px;
}
#example3{ /*Demo 3 main container*/
width: 250px;
height: 280px;
border: 1px solid navy;
padding: 4px;
}
#example3 p{ /*Demo 3 P element that separates each entry*/
margin-top: 0;
margin-bottom: 7px;
}
code{ /*CSS for insructions*/
color: red;
}
</style>
الكود
__________________
مجموعة مجتمع الامارات
اول شبكه اماراتيه اجتماعية خاصه
ا
ألسلام عليكم
اخي الكريم اول خطوة تدخل هذي الوصلة وتسجل فيها وصلة موقعك
Google AJAX Feed API - Sign Up
بعدين تضع هذا الكود في في هيدر موقعك
مع تغيير :كود:<script type="text/javascript" src="<A href="http://www.google.com/jsapi?key=YOUR-API-KEY"></script">http://www.google.com/jsapi?key=YOUR-API-KEY"></script> <script type="text/javascript" src="gfeedfetcher.js"></script> <script type="text/javascript" src="gajaxticker.js"> /*********************************************** * gAjax RSS Ticker- (c) Dynamic Drive (Dynamic Drive DHTML(dynamic html) & JavaScript code library) * Requires "gfeedfetcher.js" class * This notice MUST stay intact for legal use * Visit Dynamic Drive DHTML(dynamic html) & JavaScript code library for full source code ***********************************************/ </script> <style type="text/css"> .titlefield{ /*CSS for RSS title link in general*/ text-decoration: none; } .labelfield{ /*CSS for label field in general*/ color:brown; font-size: 90%; } .datefield{ /*CSS for date field in general*/ color:gray; font-size: 90%; } #example1{ /*Demo 1 main container*/ width: 450px; height: 28px; border: 1px solid black; padding: 4px; background-color: lightyellow; } #example2{ /*Demo 2 main container*/ width: 600px; height: 180px; border: 1px dashed black; padding: 4px; background-color: #EEEEEE; } #example2 ul{ /*Demo 2 UL container*/ margin: 0; padding-left: 18px; } #example2 ul li{ /*Demo 2 LI that surrounds each entry*/ margin-bottom: 4px; } #example3{ /*Demo 3 main container*/ width: 250px; height: 280px; border: 1px solid navy; padding: 4px; } #example3 p{ /*Demo 3 P element that separates each entry*/ margin-top: 0; margin-bottom: 7px; } code{ /*CSS for insructions*/ color: red; } </style>
-YOUR-API-KEY :: الى الكود اللي اخذته من رابط التسجيل اللي في الاعلى
بعدين تحميل هذي الملفات
gfeedfetcher.js
gajaxticker.js
<< حملها من المثال عن طريق رايت كلك Save as
اخر شي تضع هذا الكود في اي مكان تريده في الصفحة
طبعا المفروض تحذف الامثلة الباقية وتضع المثال (الشكل) المطلوب فقطكود:<h3>Example 1: (Single RSS feed, 10 entries, "<code>date</code>" field enabled, 1 entry per page</h3> <script type="text/javascript"> var cssfeed=new gfeedrssticker("example1", "example1class", 2000, "_new") cssfeed.addFeed("CSS Drive", "CSS Drive News") //Specify "label" plus URL to RSS feed cssfeed.displayoptions("date") //show the specified additional fields cssfeed.setentrycontainer("div") //Wrap each entry with a DIV tag cssfeed.filterfeed(10, "date") //Show 10 entries, sort by date cssfeed.entries_per_page(1) cssfeed.init() </script> <h3>Example 2: (Two RSS feeds, 20 entries, "<code>label"</code>, "<code>datetime</code>", and "<code>snippet</code>" fields enabled, 5 entries per page</h3> <script type="text/javascript"> var socialfeed=new gfeedrssticker("example2", "example2class", 3000, "") socialfeed.addFeed("Slashdot", "Slashdot") //Specify "label" plus URL to RSS feed socialfeed.addFeed("Digg", "Digg") //Specify "label" plus URL to RSS feed socialfeed.displayoptions("label datetime") //show the specified additional fields socialfeed.setentrycontainer("li") //Display each entry as a DIV socialfeed.filterfeed(20, "label") //Show 15 entries, sort by label socialfeed.entries_per_page(5) socialfeed.init() //Always call this last </script> <h3>Example 3: (Three RSS feeds, 8 entries, "<code>datetime</code>" and "<code>snippet</code>" fields enabled, 2 entries per page</h3> <script type="text/javascript"> var newsfeed=new gfeedrssticker("example3", "example3class", 2500, "_new") newsfeed.addFeed("BBC", "BBC News | News Front Page | UK Edition") //Specify "label" plus URL to RSS feed newsfeed.addFeed("MSNBC", "MSNBC.com: Top MSNBC Headlines") //Specify "label" plus URL to RSS feed newsfeed.addFeed("Yahoo News", "Yahoo! News: Top Stories") //Specify "label" plus URL to RSS feed newsfeed.displayoptions("datetime snippet") //show the specified additional fields newsfeed.setentrycontainer("p") //Display each entry as a paragraph newsfeed.filterfeed(8, "date") //Show 8 entries, sort by date newsfeed.entries_per_page(2) newsfeed.init() //Always call this last </script>
وشرح المتغيرات موجود في صفحة المثال اللي وضعته في ردك ..
بالتوفيق ان شاء الله
مشكور اخويه الغاليه على شرح
لله يعيطيك العافيه
__________________
مجموعة مجتمع الامارات
اول شبكه اماراتيه اجتماعية خاصه
ا