مشكله radio input مع textarea ارجو الحل

[elganna]

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

انا واجهتني مشكله واتمني ان تحلوها

انا اريد اعمل بضع شروط او اختيارات ويكون نوع الزر راديو كالتالي
[CODE]
<input type="radio" >لا اله الا الله
input type="radio" >الله اكبر
input type="radio" >لا حول ولا قوه الا بالله
input type="radio" >اللهم انك عفو تحب العفو فاعفو عنا
input type="radio" >يارب ارحمنا اغفر زنوبنا
[CODE/]
دول هيظهرو في شكر زراير من نوع radio

انا بقي عايز لما احدد واحده منهم تظهرلي في مربع نصي من نوع textarea

[CODE]

<textarea rows="6" cols="11"> هنا يظهر العباره المحددة</textarea>

[CODE/]

يا ريت تكونو فهمتوا قصدي انا عارف انها محتاجه كود جافا سكربت

او اي حل تشفوه انتو يا ريت المساعدة

[Zizwar]

<SCRIPT LANGUAGE="JavaScript">
<!--
winoarea = function(ids){
document.getElementById("txtarea").value = document.getElementById(ids).innerText;
}
//-->
</SCRIPT>

<input onclick="winoarea('a')" name="radios" type="radio" ><A id="a">لا اله الا الله</A><BR>
<input onclick="winoarea('b')" name="radios" type="radio" ><A id="b">الله اكبر </A><BR>
<input onclick="winoarea('c')" name="radios" type="radio" ><A id="c">لا حول ولا قوه الا بالله</A><BR>
<input onclick="winoarea('d')" name="radios" type="radio" ><A id="d">اللهم انك عفو تحب العفو فاعفو عنا</A><BR>
<input onclick="winoarea('e')" name="radios" type="radio" ><A id="e">يارب ارحمنا اغفر زنوبنا</A><BR>
<textarea id="txtarea" rows="6" cols="11"> هنا يظهر العباره المحددة</textarea> 

المثال كامل في المرفق

[elganna]

الصراحه انا شاكر ليك جدا جدا جدا
وجزاك الله كل خير
بس ممكنن افهم حاجه

<input onclick="winoarea('a')" name="radios" type="radio" ><A id="a">لا اله الا الله</A><BR>

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

وعملت استعلام من الداتا بيز

$sql = "SELECT * FROM prayer ORDER BY id LIMIT $pg,$limit";
$result = @mysql_query($sql) or die(mysql_error());
while($row = mysql_fetch_array($result)) {
ولاظهار البيانات
<TD>
<input type="radio" checked name="R1" name="$message" onClick="show(<?php echo $row[message] ?>);" >
<font color="#ffcc00"><?php echo $row[do3a2] ?>
</TD>

ساعدعني ماذا اضع في radio input
لكل تؤثر علي textarea

وجزاك الله كل خير

[elganna]

اخي انا الحمد لله حلتها بفضلك

بس انا عايز اقولك انك فعلان فنان وانا شاكر ليك جدا جدا

[عبد الله هُربي]

فعلاً مبدع يا زيزوار ..

[elganna]

الي الاخ Zizwar

هذا الكود ظبط تمام معي ولكن ارجو منك طلب اخر

اريد الزاير من Radio وبجانبها الصورة

وعند تحدد ٌ Radio تعرض الصورة وليس في Texterea

[Zizwar]

كيف؟ تريد الكلام أن يظهر وسط صورة إذاكان كذالك فتلزمك مكتبة GD
ما إذا كانت الصور موجودة سلفا فالمسألة سهلة
أرفق بعض الصور و سأضع لك المثال و انت تتبع ذاك المثال

[elganna]

<input name="radios" type="radio" >
<IMG SRC="http://www.islamicmobile.net/images/wallpaper/58.jpg">
<input name="radios" type="radio" >
<IMG SRC="http://www.islamicmobile.net/images/wallpaper/58.jpg">
<input name="radios" type="radio" >
<IMG SRC="http://www.islamicmobile.net/images/wallpaper/58.jpg">
<input name="radios" type="radio" >
<IMG SRC="http://www.islamicmobile.net/images/wallpaper/58.jpg">
<input name="radios" type="radio" >
<IMG SRC="http://www.islamicmobile.net/images/wallpaper/58.jpg">

<table>
<tr>
<td>
هنا تظهر الصورة  المحدده بزر الراديو

</td>
</tr>
</table>

طبعا الكود الي فات ظبط لانه في texteara

لكن زي ما انت عارف ان الصور لاتظهر داخل text earea

فانا اريد اي طريقه لاظهارها

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

[elganna]

:shy: انا كتبت المثال ومستني ردك

انا عايز لما احدد زر الراديو تحت يظهري الصور بنفس طريقه الكلام الي فات

وانا مش عايز اكتب علي الصورر

انا عايز لما احدد الرايدو صوره صغيره لما احددها تظهر تحت بحجمها الطبيعي ده كل الي انا عايزه

وجزاك الله كل خير

[Zizwar]

السلام عليكم
اليك الكود وحاول ان تفهمه وتعدل فيه كما عدلت في الكود الأول

<script language="JavaScript">
<!--
winoImg = function(ids){
document.getElementById("out").src = document.getElementById(ids).src;
document.getElementById("out").style.display = "";
}
//-->
</script>

<input onclick="winoImg('a')" name="radios" type="radio" ><img id="a" width="20" height="20" src="img/1.jpg" /> <br/>
<input onclick="winoImg('b')" name="radios" type="radio" ><img id="b" width="20" height="20" src="img/2.jpg" /> <br/>
<input onclick="winoImg('c')" name="radios" type="radio" ><img id="c" width="20" height="20" src="img/3.jpg" /> <br/>
<input onclick="winoImg('d')" name="radios" type="radio" ><img id="d" width="20" height="20" src="img/4.jpg" /> <br/>
<input onclick="winoImg('e')" name="radios" type="radio" ><img id="e" width="20" height="20" src="img/5.jpg" /> <br/>
<br/><br/>
<img style="display:none" id="out" src="img/1.jpg" /> 

المثال في المرفق عساه يكون المطلوب

[elganna]

الف الف الف شكر يا اخي

جزاك الله كل خيررر

[elganna]

اخي اخر مرة بجد لكن انا جربت كل حاجه والله وما نفع

ودي اخر حاجه فاضله ليه كنت فاكرها انها هتبقي زي الصوره لانها src

المهم الكود اهوووو

<script language="JavaScript">
<!--
winoembed = function(ids){
document.getElementById("out").src = document.getElementById(ids).src;
document.getElementById("out").style.display = "";
}
//-->
</script>

<input onclick="winoembed('a')" name="radios" type="radio" >
<a id="a" src="http://media.islamway.com/several//jihad/sanakhod.rm">سنخوص معاركنا<a/>
<input onclick="winoembed('b')" name="radios" type="radio" >
<a id="a" src="http://media.islamway.com/several//jihad/sanakhod.rm">سنحارب<a/>
<input onclick="winoembed('c')" name="radios" type="radio" >
<a id="a" src="http://media.islamway.com/several//jihad/sanakhod.rm">يا رب<a/>
<input onclick="winoembed('e')" name="radios" type="radio" >
<a id="a" src="http://media.islamway.com/several//jihad/sanakhod.rm">العفو<a/>

 <embed id="out"  src=""  type="audio/x-pn-realaudio-plugin" CONSOLE="Clip1" CONTROLS="ControlPanel" HEIGHT="20" WIDTH="100" AUTOSTART="fals">

انا المرادي عايزها اشغل مقطع صوتي لما احدد اسم الرايدو
انا جربت والله كل حاجه

<img style="display:none" id="out" src="" />
لما بحط ده في الكود بيظهر الصورة عادي

<embed id="out" src="" type="audio/x-pn-realaudio-plugin" CONSOLE="Clip1" CONTROLS="ControlPanel" HEIGHT="20" WIDTH="100" AUTOSTART="fals">

انما هنا مش بيحس بيها مش عارف ليه

مع انها في الاتنين src
روابط يعني
اخي والله الهدف اني بعمل اسكربت اسلامي من فكره جديده وانا فعلان محتاج الاكواد دي لان دي اخر حاجه انا محتاجها
وجزاك الله كل خيررر
وهيكون الاسكربت بعدها في خلال اربعه وعشرين ساعه لان انا خلصت كل حاجه فاضل الجزي الصوتي دي

[Zizwar]

الطريقة تختلف من الزر الى الصورة و من الصورة لمقطع صوتي

<script language="JavaScript">
<!--
winoembed = function(ids){
var srcReal = document.getElementById(ids).src;
var emb = '<embed  src="'+srcReal+'"  type="audio/x-pn-realaudio-plugin" CONSOLE="Clip1"';
    emb+= 'CONTROLS="ControlPanel" HEIGHT="20" WIDTH="100" AUTOSTART="true">';
document.getElementById("out").innerHTML = emb;
}
//-->
</script>

<input onclick="winoembed('a')" name="radios" type="radio" >
<a id="a" src="http://prosternes.free.fr/anashid/taleb-ilm.rm">سنخوص معاركنا<a/> <br/>
<input onclick="winoembed('b')" name="radios" type="radio" >
<a id="b" src="http://media.islamway.com/several//jihad/sanakhod.rm">سنحارب<a/> <br/>
<input onclick="winoembed('c')" name="radios" type="radio" >
<a id="c" src="http://media.islamway.com/several//jihad/sanakhod.rm">يا رب<a/> <br/>
<input onclick="winoembed('d')" name="radios" type="radio" >
<a id="d" src="http://media.islamway.com/several//jihad/sanakhod.rm">العفو<a/> <br/>

<div id="out">
<embed  src="http://media.islamway.com/several//jihad/sanakhod.rm"  type="audio/x-pn-realaudio-plugin" CONSOLE="Clip1" CONTROLS="ControlPanel" HEIGHT="20" WIDTH="100" AUTOSTART="fals">
<div> 

[elganna]

اخي انا مش عارف اقولك ايه الصراحه

لكن باذن الله لما تشوف الاسكربت هتعرف اني كنت بسئل كتير ليه

كل الي اقدر اقهولك لو احتجت اي مساعده انا لها باذن الله

:shy:

[Zizwar]

ان شاء الله، هل مازال كود آخر
إذا انتهيت اريد ان أرى المثال ولو ارسلته لي عبر سوالف لبريدي، هذا هو المقابل الذي أطلب بعد الدعاء