سلسلة الى كل من يعشق الجافا سكريبت :قائمة منسدلة تشغل ملفات الميديا فى نفس الصفحة

**ابو حميد احمد** · 07-05-2008

السلام عليكم ورحمة الله وبركاتة
بعد التحية الطيبة المعطرة بالريحان والياسمين
فرحت اشد الفرح انى عضويتى بمنتدى سوالف سوفت قد قبلت
واشكر كل من ساهم فى بناء هذا الصرح العظيم
ادخل سوالف سوفت زائر واستفدت كثيرا كثيرا من عقولها النابغة
ولى رجاء بالمشاركة بافكارى فى التصميم

اليكم كود معدل كود قائمة منسدلة تستطيع من خلالها تشغيل ملفات الميديا (ملء الشاشة) فى نفس الصفحة

كود:

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1256">
<meta http-equiv="Content-Language" content="ar-eg">
<title>المسرحيات</title>
</head>
</body>
<head><p align="center">
    <img border="0" src="بنر الصفحة" width="468" height="60"></td>
  
</head>
<style>
<!--
<body style="font-family: Arabic Transparent; font-size: 12pt; text-align: center" background=../../images/style/Untitled-3.gif">
.alt2 { background: #E9FCD7; color: #bf4a47; }  .fieldset { margin-bottom: 6px; } .fieldset { font-size: 15px; } .fieldset p { font-size: 11px; } select { background: #fffef8; color: #bf4a47; font: 12pt ms sans serif,arial; } .button { background: #E9FCD7 url('000.gif') repeat-x top left; color: #000000; font-style:normal; font-variant:normal; font-weight:normal; font-size:10pt; font-family:ms sans serif, arial }-->
</style>
<html dir="$stylevar[textdirection]" lang="$stylevar[languagecode]">
<!--Code generated by Cool Web Scrollbars from Harmony Hollow Software-->
<!--http://www.harmonyhollow.net-->
<STYLE type="text/css">
<!--
BODY {
scrollbar-face-color:#E6FCD2;
scrollbar-highlight-color:#477E12;
scrollbar-3dlight-color:#E6FCD2;
scrollbar-darkshadow-color:#E6FCD2;
scrollbar-shadow-color:#477E12;
scrollbar-arrow-color:#477E12;
scrollbar-track-color:#E6FCD2;
}
-->
   </STYLE>
<!--End Cool Web Scrollbars code-->

<script language="Javascript">
<!--
function changeMute(){
Player.settings.mute = 'true';
mute.innerHTML='<a href="#" onClick="changeMute2();">مكتوم</a>';
}

function changeMute2(){
Player.settings.mute = 'false';
mute.innerHTML='<a href="#" onClick="changeMute();">كتم</a>';
}

function initiateStation(){
toPlay = document.getElementById('thisStation')
toPlay = toPlay.options[toPlay.options.selectedIndex].value

newRadio = "";
newRadio += "<object  ID='Player' height='285' width='380' style='FILTER: xray' CLASSID='CLSID:6BF52A52-394A-11d3-B153-00C04F79FAA6'>"
newRadio += "<PARAM name='URL' value='" + toPlay + "' id='insert_1'>"
newRadio += "<PARAM name='uiMode' value='mini'>"
newRadio += "<PARAM name='mute' value='false'>"
newRadio += "<PARAM name='fullScreen' value='true'>"
newRadio += "<PARAM name='ShowControls' value='0'>"
newRadio += "<PARAM name='ShowStatusBar' value='0'>"
newRadio += "<PARAM name='ShowDisplay' value='0'>"
newRadio += "<EMBED type='application/x-mplayer2' "
newRadio += "pluginspage = 'http://www.microsoft.com/Windows/MediaPlayer/' "
newRadio += "SRC='" + toPlay + "' "
newRadio += "name='Player' "
newRadio += "width='380' "
newRadio += "height='285' "
newRadio += "AutoStart='true' "
newRadio += "showcontrols='0' "
newRadio += "showcontrols='0' "
newRadio += "showdisplay='0' "
newRadio += "id='insert_2'>"
newRadio += "</EMBED>"
newRadio += "</OBJECT>"

document.getElementById('radio').innerHTML = newRadio

}

-->
</script>
</head>
<body>
<table class="tborder" cellpadding="6" cellspacing="1" border="0" width="100%" align="center">
<td class='alt2' valign='top'>
<fieldset class="fieldset">
<legend>قائمة مسرحيات الموقع</legend>
<center>
<select class="button" id="thisStation" size="1" name="list">
<option value="">اختر مسرحية</option>
<optgroup label="________________">
<option value="Theater_Page\2eset.El.7ay.El.Gharby.wpl">قصة الحى الغربى</option>
<option value="Theater_Page\Al3eal.wpl">العيال كبرت</option>
<option value="Theater_Page\Madrsa.Almoshghben.wpl">مدرسة المشاغبين</option>
<option value="Theater_Page\Almahzoz.wpl">المهزوز</option>
<option value="Theater_Page\Entha.wpl">انتهى الدرس يا غبى</option>
<option value="Theater_Page\DO.RE.ME.wpl">دورى مى فاصوليا</option>
<option value="Theater_Page\Dare3o.wpl">طرائيعو</option>
<option value="Theater_Page\El.Motazawekoon.wpl">المتزوجون</option>
<option value="Theater_Page\3esh.El.Maganen.wpl">عش المجانين</option>
</optgroup>
</select>
<input type='button' value='مشاهدة' class='button' onclick='initiateStation()'  />
</center><br/>
</fieldset><br/>
<fieldset class="fieldset">
<legend>ادوات تشغيل العرض</legend>
<center>
[أدوات الشاشة: 
<a href='#' onClick='javascript:Player.uiMode = "mini";'>إظهار</a> |
<a href='#' onClick='javascript:Player.uiMode = "none";'>إخفاء</a>]
<br/>
[أدوات العرض: 
<a  href='#' onClick='javascript:Player.controls.play();'>تشغيل</a> |
<a href='#' onClick='javascript:Player.controls.stop();'>إيقاف</a> |
<font id='mute'><a href='#' onClick='changeMute();'>كتم</a></font>]
<br/>
[مستوى الصوت:
<a href='#' onClick='javascript:Player.settings.volume= 20;'>منخفض</a> |
<a href='#' onClick='javascript:Player.settings.volume= 50;'>متوسط</a> |
<a href='#' onClick='javascript:Player.settings.volume= 100;'>عالي</a>]
</center><br/>
</fieldset>
<p align="center">
<td class='alt2' align='center' id='radio'>
<OBJECT ID='Player' height='285' width='380' style='FILTER: xray' CLASSID='CLSID:6BF52A52-394A-11d3-B153-00C04F79FAA6'>
<PARAM name='URL' value='images\Theater\images.wpl''>
<PARAM name='uiMode' value='none'>
<PARAM name='mute' value='0'>
<param name="rate" value="1">
<param name="balance" value="0">
<param name="currentPosition" value="0">
<param name="defaultFrame" value>
<param name="playCount" value="1">
<param name="autoStart" value="1">
<param name="currentMarker" value="0">
<param name="invokeURLs" value="-1">
<param name="baseURL" value>
<param name="volume" value="100">
<param name="stretchToFit" value="-1">
<param name="windowlessVideo" value="0">
<param name="enabled" value="-1">
<param name="enableContextMenu" value="-1">
<param name="fullScreen" value="0">
<param name="SAMIStyle" value>
<param name="SAMILang" value>
<param name="SAMIFilename" value>
<param name="captioningID" value>
<param name="enableErrorDialogs" value="0">
<param name="_cx" value="10054">
<param name="_cy" value="7541">
<EMBED type='application/x-mplayer2'
pluginspage = 'http://www.microsoft.com/Windows/MediaPlayer/'
SRC=''
name='Player'
width='0'
height='0'
AutoStart='true'
showcontrols='0'
showstatusbar='0'
showdisplay='0'
id='insert_2'>
</EMBED></OBJECT>
</td>
</tr>
</table>
</body>
</html>

طبعا كلمة
images\Theater\images.wpl
تدل على قائمة بصور (بوسترات) المسرحيات اللى عندى فى الموقع بدل ما الصورة تبقى بيضاء
ولكم الاختيار فى مسح هذا السطر ولن يؤثر على الكود

واما العنوان
Theater_Page\2eset.El.7ay.El.Gharby.wpl
فهو مكان تواجد قائمة ملفات هذة المسرحية
طبعا ابقى غير العنوان والامتداد حاجة معروفة

صورة للصفحة من موقعى الشخصى المتواضع

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

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

أدوات الموضوع

بحث في الموضوع

سلسلة الى كل من يعشق الجافا سكريبت :قائمة منسدلة تشغل ملفات الميديا فى نفس الصفحة

المواضيع المتشابهه

سلسلة الى كل من يعشق الجافا سكريبت:قائمة منسدلة بعدة ازرة

كيف عمل قائمة منسدلة

طلب - قائمة منسدلة .

قائمة منسدلة فرعية من قائمة منسدلة رئيسية ؟

ضوابط المشاركة