السلام عليكم ورحمة الله وبركاته :
عندي هذا السؤال لأن لبس لدي خبره في الجافا سكربت ارجوا منكم مساعدتي فيه
عند الضغط على موافق تظهر معلومات هامة يقوم الزائر بإدخال رقم الهوية
وإذا اختار منسوب يظهر مربع نص يدخل رقمه
| |
كيفية عمل إظهار وإخفاء مثل إلى بالصورة المرفقة
السلام عليكم ورحمة الله وبركاته :
عندي هذا السؤال لأن لبس لدي خبره في الجافا سكربت ارجوا منكم مساعدتي فيه
عند الضغط على موافق تظهر معلومات هامة يقوم الزائر بإدخال رقم الهوية
وإذا اختار منسوب يظهر مربع نص يدخل رقمه
وعليكم السلام
تفضل كود من تصميمي على السريع
كود:<script type="text/javascript"> <!-- function swap_posticon(imgid) { var out = fetch_object("display_posticon"); var img = fetch_object(imgid); if (img) { out.src = img.src; } else { out.src = "$vboptions[cleargifurl]"; out.alt = ""; } } function postrtanschick(x) { a=document.getElementById('trnsoptions'); if(x==1){ a.style.display="block"; a.innerHTML='<table border="0" width="100%" cellspacing="0" cellpadding="0"><tr><td>سوالف سوفت المعلومة تأتي اولآ</td></tr></table>'; } else { a.style.display="none"; } } // --> </script> <input type="hidden" name="iconid" value="0" /> <fieldset class="fieldset" style="margin:10px 0px 0px 0px"> <legend><b>هل تريد التسجيل ؟</b></legend> موافق <input type="radio" value="0" checked name="transpost" onclick="postrtanschick('0')"> غير موافق<input type="radio" value="1" name="transpost" onclick="postrtanschick('1')"> <div style="visibility;hidden" id="trnsoptions"></div> </fieldset>
شكرا اخي ahmed-samara
اشكرك اخي العزيز على الرد
ونآسف على التأخر في الرد بشكرك بسبب مرضنا
وسوف اقوم بعض التعديلات على الكود كي تناسب احتياجي
كود HTML:<html dir="rtl"> <head> <meta http-equiv="Content-Language" content="en-us"> <meta http-equiv="Content-Type" content="text/html; charset=windows-1256"> <title>صفحة جديدة 2</title> </head> <body> <? $Course_N_ID=$_GET['ID']; ?> <form method="POST" action="file:///C:/Program%20Files/xampp/htdocs/community/it/INDEX2.php"> <input type="hidden" name="pagename" value="Terms_Conditions" style="font-weight: 700"> <div class="page" style="border:thin inset; padding:6px; height:187px; overflow:auto; width:449px" > <p><strong>الشروط والأحكام<span lang="ar-sa"> </span></strong></p> <p><strong><span lang="ar-sa">1- </span></strong></p> <p><strong><span lang="ar-sa">2- </span></strong></p> <p><strong><span lang="ar-sa">3- </span></strong></p> <p><strong><span lang="ar-sa">4- </span></strong></p> </div> <p align="right"><b><font size="4"> </font></b><font size="4"><input type="radio" value="OK" checked name="O" style="font-weight: 700"></font><b><span lang="ar-sa"><font size="4"> </font></span><font size="4">موافق </font></b><font size="4"> <input type="radio" name="O" value="NO" style="font-weight: 700"></font><b><font size="4">غير موافق </font></b> </p> <script language="javascript"> function postrtanschick2(x) { a=document.getElementById('trnsoptions'); if(x=="منسوب"){ a.style.display="block"; a.innerHTML='<table><tr><td> </span><input type="radio" name="employe" value="1" onclick="postrtanschick3('1')"><span lang="ar-sa">موظف<input type="radio" name="student" value="0" onclick="postrtanschick3('0')">طالب</span></td>طالب</span></td</tr></table>'; } else { a.style.display="none"; } } function postrtanschick3(x) { a=document.getElementById('trnsoptions1'); if(x=="1"){ a.style.display="block"; a.innerHTML='<table><tr><td><p align="right"><span lang="ar-sa">الرقم الوظيفي </span><input name="ID3" size="10" style="font-weight: 700"></td></table>'; } else { a.innerHTML='<table><tr><td><p align="right"><span lang="ar-sa">الرقم الجامعي </span><input name="ID3" size="10" style="font-weight: 700"></td></table>'; } } </script> <p align="center"><b><font color="#FF0000" face="Tahoma">معلومات هامه</font></b></p> <div align="center"> <table border="0" id="table5" bgcolor="#EBEBEB"> <tr> <td> <b>رقم البطاقة / الهوية :</b><input name="ID" size="11" style="font-weight: 700"></td> </tr> <tr> <td> <span lang="ar-sa"> </span> <input type="radio" name="MANS" value="منسوب" checked style="font-weight: 700" onclick="postrtanschick2('منسوب')"><b>منسوب<span lang="ar-sa"> </span> </b> <input type="radio" name="MANS" value="غير منسوب" style="font-weight: 700" onclick="postrtanschick2('غير منسوب')"><b>غير منسوب <span lang="ar-sa"> </span></b></td> </tr> </table> </div> <div align="center" style="visibility;hidden" id="trnsoptions" ></div> <div align="center" style="visibility;hidden" id="trnsoptions1" ></div> <p align="center"> <input type="submit" value="التالي" name="B1" style="float: right"></p> </form> </body> </html>
التعديل الأخير تم بواسطة asalrobai ; 27-03-2009 الساعة 12:00 AM
الف سلامة اخي , بالنسبه للكود التصميم استبدل هذا الكود بالى تريده فهو خاص html
بالتوفيقكود:<table border="0" width="100%" cellspacing="0" cellpadding="0"><tr><td>سوالف سوفت المعلومة تأتي اولآ</td></tr></table>
الله يسلمك اخي ahmed-samara
ولله الحمد تم التعديل على الكود حتى ناسب احتياجي
كود HTML:<html dir="rtl"><head> <meta http-equiv="Content-Type" content="text/html; charset=windows-1256"> <title>الشروط والأحكام</title> </head><body><script type="text/javascript"> <!-- function swap_posticon(imgid) { var out = fetch_object("display_posticon"); var img = fetch_object(imgid); if (img) { out.src = img.src; } else { out.src = "$vboptions[cleargifurl]"; out.alt = ""; } } function postrtanschick(x) { a=document.getElementById('trnsoptions'); a1=document.getElementById('trnsoptions1'); if(x==0){ a.style.display="block"; a.innerHTML='<p align="center"><b><font color="#FF0000" face="Tahoma">معلومات هامه</font></b></p><div align="center"><table border="0" id="table5" bgcolor="#EBEBEB"> <tr><td> <b>رقم البطاقة / الهوية :</b><input name="ID" size="11" style="font-weight: 700"></td></tr><tr><td><p> <input type="radio" value="employe" name="MANS" onclick="postrtanschick3(0)"><span lang="ar-sa">طالب<input type="radio" name="MANS" value="student" onclick="postrtanschick3(1)">موظف</span><input type="radio" name="MANS" value="other" onclick="postrtanschick3(2)" checked><span lang="ar-sa">غير ذلك</span></p></td></tr></table></div>'; } else { a.style.display="none"; a1.style.display="none"; } } function postrtanschick3(x) { a=document.getElementById('trnsoptions1'); if(x=="1"){ a.style.display="block"; a.innerHTML='<table><tr><td><p align="right"><span lang="ar-sa">الرقم الوظيفي </span><input name="Mans_ID" size="10" style="font-weight: 700"></td></table>'; } else if(x=="0") { a.style.display="block"; a.innerHTML='<table><tr><td><p align="right"><span lang="ar-sa">الرقم الجامعي </span><input name="Mans_ID" size="10" style="font-weight: 700"></td></table>'; } else { a.style.display="none"; } } // --> </script> <? $Course_N_ID=$_GET['ID'];if (empty($Course_N_ID)) { ?> <script language="javascript"> location.replace("http://localhost/community/it/View_courses.php"); </script> <? } ?> <p> </p> <p align="center"><font color="#FF0000"><strong >الشروط والأحكام<span lang="ar-sa"> </span> :</strong></font></p><table align="center" > <tr><td> <div class="page" style="border:thin inset; padding:6px; height:187px; overflow:auto; width:449px" > <p><strong><span lang="ar-sa">1- </span></strong></p> <p><strong><span lang="ar-sa">2- </span></strong></p> <p><strong><span lang="ar-sa">3- </span></strong></p> <p><strong><span lang="ar-sa">4- </span></strong></p> <p><strong><span lang="ar-sa">5- </span></strong></p> <p><strong><span lang="ar-sa">6- </span></strong></p> </div></td></tr> </table> <p align="center"> <input type="hidden" name="iconid" value="0" /> <form method="POST" action="Index.php" ><input type="hidden" name="pagename" value="Terms_Conditions" style="font-weight: 700"> <input type="hidden" name="Course_N_ID" value="<? echo $Course_N_ID ?>"> موافق <input type="radio" value="0"name="transpost" onclick="postrtanschick('0')"> غير موافق<input type="radio" value="1" checked name="transpost" onclick="postrtanschick('1')"> </p> <div style="visibility;hidden" id="trnsoptions"></div><div align="center" style="visibility;hidden" id="trnsoptions1" ></div> <p align="center"> <input type="submit" value="التالي" name="B1"></p> </form></body></html>
بالتوفيق لك اخي الفاضل وحاضرين ان شاء الله
ضوابط المشاركة
رد مع اقتباس
