مشاهدة النسخة كاملة : بعض الأمثلة على الجافا سكريبت ....
Bl@ck Angel
01-13-2008, 05:58 AM
السلام عليكم.....
هذه بعض الأمثلة على الجافا سكريبت مستوحات من أسئلة الدورات و أسئلة المذاكرة.
و أرجو إعلامي أن و جد أي خط .
Bl@ck Angel
01-13-2008, 06:04 AM
1-كود آلة حاسبة بسيطة(خانتين لإدخال القيم وخانة ثالثة للنتيجة بالإضافة الـdiv تحوي النتيجة أيضاً)(سؤال دورة) .
<head>
<title></title>
<style type="text/css">
div{border : 3px #000000 solid ;}
</style>
<script language="javascript">
var Value1;
var Value2;
function GetVal(F)
{
Value1=F.form.T1.value;
Value2=F.form.T2.value;
}
function Add(F)
{
GetVal(F);
Value1 = parseInt(Value1);
Value2 = parseInt(Value2);
F.form.T3.value=Value1+ Value2;
document.getElementById("D1").innerHTML=Value1 + Value2;
}
function Sub(F)
{
GetVal(F);
Value1 = parseInt(Value1);
Value2 = parseInt(Value2);
F.form.T3.value=Value1 - Value2;
document.getElementById("D1").innerHTML=Value1 - Value2;
}
function Mult(F)
{
GetVal(F);
Value1 = parseInt(Value1);
Value2 = parseInt(Value2);
F.form.T3.value=Value1 * Value2;
document.getElementById("D1").innerHTML=Value1 * Value2;
}
function Div(F)
{
GetVal(F);
Value1 = parseInt(Value1);
Value2 = parseInt(Value2);
if(Value2!=0)
{
F.form.T3.value=Value1/ Value2;
document.getElementById("D1").innerHTML=Value1 / Value2;
}
else
{
F.form.T3.value="Error Divaid By Zero";
document.getElementById("D1").innerHTML="Error Divaid By Zero"
}
}
</script>
</head>
<body >
<form>
Enter First Value :
<input type="text" name="T1" value="0" id="TT1">
<br/>
Enter Scand Value :
<input type="text" name="T2" value="0" id="TT2">
<br/>
The Result
<input type="text" name="T3" value="0" id="TT3">
<div id="D1">0</div>
<input type="button"" value="Add" name="B1" onclick="Add(this)">
<input type="button"" value="Sub" name="B2" onclick="Sub(this)">
<input type="button"" value="Mult" name="B3" onclick="Mult(this)">
<input type="button"" value="Div" name="B4" onclick="Div(this)">
</form>
</body>
</html>
Bl@ck Angel
01-13-2008, 06:06 AM
2-تغير لون الخلفية بشكل تلقائي بعد 3 ثانية.(ألوان عشوائية ).
<html>
<head>
<title>test 1</title>
<script language="javascript" type="text/jscript">
function BgC()
{
dd=1000000;
dd=dd*Math.random(); //للحصول على رقم عشوائي مؤلف من 6 خانات
dd=Math.ceil(dd);//لإزالة الأرقام بعد الفاصلة
dd="#"+dd;
document.bgColor=dd;
setTimeout("BgC()",3000);//تابع التكرار
}
BgC();
</script>
</head>
<body>
</body>
</html>
Bl@ck Angel
01-13-2008, 06:08 AM
3-ساعة حية(تتغير كل ثانية) في شريط الحالة.(سؤال المذاكرة).
<html>
<head>
<title>test 1</title>
<script language="javascript" type="text/jscript">
function GetTime()
{
var T=new Date;
var M=T.getMinutes();
var H=T.getHours();
var S=T.getSeconds();
var values;
values=(H>12?H-12:H)+":"+M+":"+S;
status=values;
setTimeout('GetTime()',1000);
}
GetTime();
</script>
</head>
<body>
</body>
</html>
Bl@ck Angel
01-13-2008, 06:26 AM
4-أنشئ تابع generateTable(Rows,Cols)j يقوم بتوليد جدول تلقائياً من خلال تحديد عدد الأسطر وعدد الأعمدة .(سؤال دورة) .
function generateTable(Rows ,Cols)
{
document.write("<table>");
for(i=0;i<Rows;i++)
{
document.write("<tr>")
for(j=0;j<Cols;j++)
{
document.write("<td>"+(j+1)+"</td>")
}
document.write("</tr>")
}
document.write("</table>")
}
generateTable(3,4);
Bl@ck Angel
01-13-2008, 06:27 AM
5-موقع يحوي جدول ألوان وعند تمرير الموس فوق أحد الألوان تتغير خلفية الموقع حسب اللون المختار
<html>
<head>
<script language="javascript">
function SetC(Col)
{
document.bgColor=Col;
}
</script>
<title></title>
</head>
<body>
<table border="1" bordercolor="#8080C0">
<tr height="20">
<td bgcolor="red" width="20" onmouseover="SetC('red')"></td>
<td bgcolor="blue" width="20" onmouseover="SetC('blue')"></td>
<td bgcolor="green" width="20" onmouseover="SetC('green')"></td>
</tr>
<tr height="20">
<td bgcolor="#F7FF88" width="20" onmouseover="SetC('#F7FF88')"></td>
<td bgcolor="#FCB472" width="20" onmouseover="SetC('#FCB472')"></td>
<td bgcolor="black" width="20" onmouseover="SetC('black')"></td>
</tr>
<tr height="20">
<td bgcolor="#A6FFFF" width="20" onmouseover="SetC('#A6FFFF')"></td>
<td bgcolor="#FFB3FF" width="20" onmouseover="SetC('#FFB3FF')"></td>
<td bgcolor="#CAD0E8" width="20" onmouseover="SetC('#CAD0E8')"></td>
</tr>
</table>
</body>
</html>
Bl@ck Angel
01-13-2008, 06:31 AM
6-جدول يحتوي select نقوم من خلالها تحديد لون خط الصفحة و أخرى لتحديد حجم الإطار للجدول(سؤال دورة).
<html>
<head>
<title></title>
</head>
<body id="Bd" text="green" >
Text Text Text Text Text Text Text Text Text
<table id="T" >
<tr>
<td colspan="2" bgcolor="#EEB0E3" align="center">جدول الإطار الديناميكي</td>
</tr>
<tr>
<td bgcolor="#9FFFC8">
<form>
تغير لون الخط في الصفحة
<select name="S1" onchange="GetC(this)">
<option value="Green" selected="selected">Green</option>
<option value="Red">Red</option>
<option value="Blue">Blue</option>
</select>
</form>
</td >
<td bgcolor="#FFBE9F">
<form>
تغير حجم الإطار للجدول
<select name="S2" onchange="GetS(this)">
<option value="0" selected="0">0</option>
<option value="1">1</option>
<option value="2">2</option>
</select>
</form>
</td>
</tr>
</table>
<script language="javascript">
function GetC(f)
{
var Color=f.form.S1.value;
document.getElementById('Bd').style.color=Color;
}
function GetS(f)
{
var Size =f.form.S2.value;
Size=Size+"px solid #000000";
document.getElementById('T').style.border=Size;
}
</script>
</body>
</html>
mmn87
01-13-2008, 06:33 AM
الله يسلم ايديك على هل الأمثلة انت بالفعل طالب متميز thnx
أنا بعرفك بس انت ما بتعرفني
أتمنى لك أن تكون من الأوائل وأن تحظى بعلامات عالية :rolleyes::rolleyes:
مع تحيّاتي
Bl@ck Angel
01-13-2008, 06:34 AM
و إنشاء الله هناك المذيد والكن إنّ أسعفني الوقت
لاتنسونى من صالح الدعاء ..
والسلام عليكم .....
mmn87
01-13-2008, 01:03 PM
أنا أهدي تحياتي إلى أمير الرومانسية و أتمنى أن يحقق الذي في باله:D:D:D
وإلى Bl@ck Angel شكرا كتير على هل الموضوعthnxthnxthnx
Bl@ck Angel
01-13-2008, 03:56 PM
الشكر لكم يا أصدقائي و انشاء الله بكون عند حسن ظنكم..
هي المشاركة ما إلها علاقة بالجافا بس هو مثال حلو على ال Php منشان هيك حبيت ضيفو على الموضوع ...
Bl@ck Angel
01-13-2008, 04:01 PM
هي صفحة بتحوي على خانتين نص الأولى لتحديد اسم قاعدة البيانات يلي بدك تتصل معها ( وطبعأً قاعدة البيانات لازم تكون عندك)
والخانة الثانية منشان نكتب فيها الإستعلام ( Quary )
وبعدين لح تظهر النتائج في جدول ضمن ( ifram ) حسب الإستعلام.(متل Oracle بلا تشابيه ).
index.html
<html>
<head>
<title>Test Page</title>
</head>
<body>
<form method="get" action="1.php" target="IF">
Data Base Name :<input type="text" name="T2">
<br/>
Sub Quary :<input type="text" name="T1">
<br>
<input type="submit" name="S1" value="تنفيز" >
</form>
<iframe src="1.php" name="IF">
</iframe>
</body>
</html>
1.php
<?php
function Quar($quary1,$DBName)
{
mysql_connect("localhost","root","");
mysql_select_db($DBName);
$result=mysql_query($quary1);
$countc=mysql_num_rows($result);
$Field=array('empno','ename','job','mgr','sal','de ptno',);
//print mysql_result($result,$i,'empno');
$C=mysql_num_fields($result);
print("<table style='border:2px #000000 solid'>");
print("<tr>");
for($e=0;$e<$C;$e++)
print("<td style='border:1px solid'>".mysql_field_name($result,$e)."</td>");
print("</tr>");
for($i=0;$i<$countc;$i++)
{
print("<tr>");
for($j=0;$j<$C;$j++)
{
$N=mysql_field_name($result,$j);
print("<td style='border:1px solid'>". mysql_result($result,$i,$N)."</td>");
}
print("</tr>");
}
print("</table>");
}
$Qu=$_GET[T1];
$DBN=$_GET[T2];
Quar($Qu,$DBN);
?>
yaserki
01-13-2008, 05:44 PM
والله أنا كتير مسرور جداً وفرحان من كل قلبي لما بلاقي أنو الطلاب عم تهتم بمساعدة بعضها وأيضاً عندما أرى الطلاب يعرفوا كيف يوظفوا المنتدى في إفادة الجميع و السعي نحو الأفضل
أرجو من الله تعالى أن تكونوا دائماً متعاونين في جميع المواد
لأنو تعاونكم داخل المعهد يعني تعاونكم بعد المعهد وبالتالي النجاح والازهادر بإذن الله تعالى
تحياتي القلبية إلكم مع التمنيات بالنجاح والتقدم
*Islam_Rose*
01-19-2008, 08:44 PM
بسم الله الرحمن الرحيم
السلام عليكم
و بعد
جزاك الله كل الخير
و جعلها في ميزان حسناتك أخي في الله
بما أنني انسحبت من الامتحان فإن هذه البرامج مهمة جداً لأقرأها قبل الامتحان القادم
الله يعطيك الإيمان و الصحةو العافية و العلم و الصبر و الحكمة و الجنة بإذن الله
مجهود طيب بارك الله فيك
أتمنى لك التوفيق و النجاح في المعهد و في حياتك
و السلام عليكم
Bl@ck Angel
01-20-2008, 10:02 AM
* الشكر للأستاذ الغالي على الأهتمام بالطلاب و بالمادة أيضاً و أنشاء الله كل مين أدم بينجح بالمتحان و بيجيبو علامات عالية .....
* و الشكر أيضاً للأخت *Islam_Rose* على المشاركة اللطيفة و على الدعاء الجميل و إن شاء الله بتأدمي المتحان الفصل الجاية وبتكوني من المتفوقين بإذن الله تعالى .
والسلام عليكم .....
vBulletin® v3.8.4, Copyright ©2000-2012, TranZ by Almuhajir