كود code : من برمجتى بلغة JavaScript لعرض الفيدوهات فى صفحة الرئسية لمدونة blog بشكل جميل

[walid]

بسم الله الرحمن الرحيم

الحمدالله رب العالمين والصلاة والسلام على اشرف المرسلين سيدنا محمد عليه افضل الصلاة والسلام

السلام عليكم ورحمة الله وبركاتة

اهلا اخوانى الكرام كيف الحال عساكم بخير ان شاء الله , احب ان اشارك معكم بهادا القسم الجميل بكل ما أعرفة عن مدونات بلوجر كى تعم الفائدة ويستفيد الجميع بأذن الله تعالى

اليوم قومت ببرمجت كود code بسيط وجميل بلغة JavaScript لعرض الفيدوهات بالصفحة الرئسية لمدونة blog بشكل رائع وجميل جدا

الكود code متعدد الاستخدامات وانا أستخدمة فى استماع القراّن الكريم على هيئة فيدو مدرج من اليوتيوب


مثال مصور :

http://im41.gulfup.com/ZqG8A.gif (http://www.gulfup.com/?1aufwW)


سوف تظهر لك قائمة منسدلة تختار منها القارئ المفضل لديك او الفيدو

http://im39.gulfup.com/JlCgv.gif (http://www.gulfup.com/?D8h1tO)


الكود code

رمز PHP:

<code style="white-space:nowrap"> <code> <script type="text/javascript">
function MostrarVideo(idYouTube)
{
var contenedor = document.getElementById('divInnerVideo');
if(idYouTube == "")
{
contenedor.innerHTML = "";
}
else
{
var dimensiones = "width='317' height='315' frameborder='0'";
var url = "http://www.youtube.com/embed/" + idYouTube;
contenedor.innerHTML = "<iframe " + dimensiones + " src='"+ url +"'></iframe>";



}
}
</script>
<div style="margin:20px 0px;">
<select id="sVideos" onchange="MostrarVideo(this.value);">
<option value="" selected />< استماع قراّن كريم >
<option value="IsR4QS9jQtg" />القارئ مشارى بن راشد
<option value="lkdMvk3CHro" />القارئ احمد العجمى
<option value="sZOL5uXu6hw" />القارئ محمد البراك
</select>
</div>
<div id="divInnerVideo">
</div>
</code> </code>


يمكنك التعديل على عرض او ارتقاع الفيدو من خلال width العرض : height الارتقاع

الكود code قابل لتعديل يمكنك ايضا التعديل على القوائم المنسدلة

طريقة التركيب install :

لوحة التحكم / التخطيط / اضافة اداة / HTML/JavaScript

العنوان : القراّن الكريم

المحتوى ضع الكود code

وبكدة اكون انتهيت من الدرس مفصل

لاتنسوا الدعاء لنا بالتوفيق

والسلام عليكم ورحمة الله وبركاتة









https://fbcdn-sphotos-d-a.akamaihd.net/hphotos-ak-ash4/482113_236967293114455_1193518507_n.png (http://www.dzbatna.com)
©المشاركات المنشورة تعبر عن وجهة نظر صاحبها فقط، ولا تُعبّر بأي شكل من الأشكال عن وجهة نظر إدارة المنتدى (http://www.dzbatna.com)©