קוד:
<!DOCTYPE html>
<html lang="he">
<head>
<meta http-equiv="Content-Type" content="text/html;charset=UTF-8" />
<title>מדריך ג'אווה סקריפט בעברית - ג'אווה סקריפט ישראל</title>
<meta name="keywords" content="javascript,ג'אווה סקריפט,מדריך ג'אווה סקריפט" />
<meta name="description" content="מדריך ג'אווה סקריפט בעברית חינם" />
<meta name="author" content="נתנאל וקנין" />
<meta name="generator" content="נתנאל וקנין" />
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script>
<style>
div.first_div {
text-align: center;
}
body, html {
direction: rtl;
font-family: Tahoma;
text-align: right;
min-height:100%;
position: relative;
margin: 0;
}
div.menu {
margin-top: 10px;
border-bottom: 2px solid #0066CC;
background-color: #00B8E6;
padding: 5px 0;
}
div.menu a:link,div.menu a:visited,div.menu a {
padding: 2px 10px 5px 10px;
font-weight: bold;
font-size: 20px;
color: white;
text-decoration: none;
}
div.menu a:hover{
background-color:white;
color: #00B8E6;
border-top: 3px solid #00B8E6;
}
div.main {
width: 70%;
margin-right: auto;
margin-left: auto;
border: 3px solid #00B8E6;
text-align:center;
}
.footer {
text-align: center;
color: white;
background-color: #006BB2;
clear: both;
position: absolute;
z-index: 1;
width: 100%;
}
.nav {
background-color: #CCE1F0;
width: 15%;
padding-right: 10px;
margin-left: 10px;
float: right;
height: 100%;
position: absolute;
}
.content {
margin-left: 10px;
padding-right: 17%;
}
.nav a,.nav a:link,.nav a:visited {
text-decoration: none;
color: black;
}
p:first-child, h1:first-child {
display: inline;
}
#comment,#msgg {
display: none;
}
.msg {
background-color: #FFE2AA;
border: 1px solid #4791FF;
margin-bottom: 1px;
width: 50%;
}
.comment {
border: 1px solid #0066CC;
margin-left: 10px;
background-color: #FFDE59;
}
.wrapper {
position: relative;
min-height: 100%;
}
.forum div, .forum table {
margin-right: auto;
margin-left: auto;
}
</style>
</head>
<body>
<div class="first_div">
<img src="images/logo.png" title="ג'אווה סקריפט ישראל" />
<div class="menu">
<a href="index.php" title="דף הבית"> דף הבית </a>
<a href="tutorial.php" title="מדריכים"> מדריך ג'אווה סקריפט </a>
<a href="forum.php" title="פורום"> פורום </a>
<a href="about.php" title="אודות"> אודות </a>
</div>
</div><div class="wrapper"><div class="nav"><strong>מדריך ג'אווה סקריפט</strong><br /><a href="tutorial.php?id=3">הקדמה</a><br /><a href="tutorial.php?id=4">פלט</a><br /><a href="tutorial.php?id=5">תחביר</a><br /><a href="tutorial.php?id=6">משתנים</a><br /><a href="tutorial.php?id=7">אופרטורים מתמטיים</a><br /><a href="tutorial.php?id=8">אופרטורי הצבה</a><br /><a href="tutorial.php?id=9">סוגי נתונים</a><br /><a href="tutorial.php?id=10">פונקציות הקדמה</a><br /><a href="tutorial.php?id=11">אובייקטים הקדמה</a><br /><a href="tutorial.php?id=12">מרחב משתנים</a><br /><a href="tutorial.php?id=13">אירועים</a><br /><a href="tutorial.php?id=14">מחרוזות</a><br /><a href="tutorial.php?id=15">מתודות מחרוזות</a><br /><a href="tutorial.php?id=16">מספרים</a><br /><a href="tutorial.php?id=17">מתודות מספרים</a><br /><a href="tutorial.php?id=18">האובייקט Math</a><br /><a href="tutorial.php?id=19">תאריכים</a><br /><a href="tutorial.php?id=20">מתודות תאריכים</a><br /><a href="tutorial.php?id=21">מערכים</a><br /><a href="tutorial.php?id=22">מתודות מערכים</a><br /><a href="tutorial.php?id=23">תנאים ואופרטורים לוגיים</a><br /><a href="tutorial.php?id=24">בוליאנים</a><br /><a href="tutorial.php?id=25">תנאים</a><br /><a href="tutorial.php?id=26">המבנה switch</a><br /><a href="tutorial.php?id=27">לולאת for</a><br /><a href="tutorial.php?id=28">לולאת while</a><br /><a href="tutorial.php?id=29">break & continue</a><br /><a href="tutorial.php?id=30">הפקודה typeof</a><br /><a href="tutorial.php?id=31">ביטויים רגולרים</a></div><div class="content"><p style="text-align:right"><strong>מה זה בכלל ג'אווה סקריפט?</strong></p>
<p style="text-align:right">ג'אווה סקריפט היא שפת צד-לקוח המאפשרת לנו כמתכנתים ליצור אתרים דינאמיים ומיוחדים.</p>
<p style="text-align:right">לדוגמא עם ג'אווה סקריפט אתה יכול לשלוט על הפעולות של המשתמש באתר כגון מה יקרה שהוא ילחץ על כפתור מסויים או על מקש במקלדת, או לבדוק תקינות טפסים באתר ועוד.</p>
<p style="text-align:right">צד-שרת משמעותו שהקוד שאנו כותבים מעובד אצל הדפדפן של המשתמש ולא בשרת, והמשתמש יכול לראות את הקוד שלנו אם ירצה בכך. </p>
<p style="text-align:right">לכן כאשר אנו עושים לדוגמא בדיקת תקינות טפסים זה אך ורק למען נוחיות המשתמש שכך הדף יבדק לפני שהוא שולח את הטופס לצד-שרת מבלי צורך לטעון את הדף מחדש, אבל בגלל שהמשתמש שנמצא אצלנו באתר יכול לשלוט בקוד הג'אווה סקריפט אם ירצה בכך לכן זה לא בטיחותי לבדוק תקינות טפסים רק בג'אווה סקריפט אלא צריך לבדוק גם בצד שרת את תקינות הטופס.</p>
<hr />
<p style="text-align:right"><strong>מה צריך לדעת בשביל ללמוד ג'אווה סקריפט?</strong></p>
<p style="text-align:right">בשביל ללמוד ג'אווה סקריפט צריך ידיעה בסיסית ב HTML על מנת שנדע איך לעבוד על אלמנטים באתר שלנו. כמו כן צריך ידיעה ב CSS על מנת שנוכל לשלוט על העיצוב של האתר דרך ג'אווה סקריפט, אמנם זה רק אם נרצה לשלוט על העיצוב אפשר לעשות הרבה דברים אחרים לא כולל עיצוב.</p>
<hr />
<p style="text-align:right"><strong>איפה כותבים את קוד הג'אווה סקריפט?</strong></p>
<p style="text-align:right">את קוד הג'אווה סקריפט כותבים בתוך תג ה <head> או תג ה <body>, כאשר קוד הג'אווה סקריפט תחום בתגי <script></p>
<p style="text-align:right">פעם היו שמים את התכונה type="text/javascript" כיום אין בזה צורך כי שפת הברירת מחדל היא ג'אווה סקריפט.</p>
<p style="text-align:right">ניתן לשים כמה קודים של ג'אווה סקריפט שרוצים בדף אחד בתוך התגים לעיל או בשניהם, איך שנוח לכם.</p>
<p style="text-align:right">אמנם זה הרגל טוב לשים את קוד הג'אווה סקריפט לפני התגית <body/> (תגית הסגירה) כיוון שכך הדף נטען במהירות והדפדפן לא צריך לפענח את קוד הג'אווה סקריפט לפני טעינת הדף אלא רק בסופו.</p>
<p style="text-align:right">ניתן לכתוב קוד ג'אווה סקריפט בקובץ חיצוני ולטעון אותו לתוך דף ה HTML שלנו , זה שימושי מאוד מתי שיש לנו כמה דפים שכולם צריכים להכיל את אותו קוד אז במקום לכתוב אותו בכל דף בנפרד כותבים אותו פעם אחת בקובץ חיצוני וטוענים לכל דף בנפרד. הקובץ החיצוני צריך להיות עם סיומת js. לדוגמא:</p>
<div dir="ltr" style="font-family: Tahoma; font-size: medium; line-height: normal; text-align: left; color: blue; border: 1px solid black;">
<p><script src="myjavascript.js"></script></p>
</div>
<p style="text-align:right">ניתן לכתוב את קוד הטעינה בין בתג ה <body> ובין בתג ה <head>, קוד הג'אווה סקריפט יתנהג כאילו הוא ממוקם איפה שהכנסתם אותו.</p>
<p style="text-align:right">קבצי ג'אווה סקריפט חיצוניים לא יכולים להכיל תגי <script> אלא רק את הקוד עצמו.</p>
<p style="text-align:right">לקבצים חיצוניים יש מספר יתרונות:</p>
<ul>
<li>זה מפריד בין קוד ה HTML לבין קוד הג'אווה סקריפט.</li>
<li>עושה את קוד ה HTML וקוד הג'אווה סקריפט יותר קל לקריאה.</li>
<li>קבצי מטמון של ג'אווה סקריפט יכולים לשפר את מהירות הטעינה.</li>
</ul>
<hr />
<h1 style="text-align:right">שימו לב:</h1>
<p style="text-align:right">ג'אווה סקריפט היא שפה עם רגישות לאותיות קטנות או גדולות באנגלית, פקודה שנכתבת במדריך עם אותיות גדולות ככה היא צריכה להיכתב גם אצלכם, אם לא תכתבו אותה כך היא פשוט לא תעבוד.</p>
<div class="addcomment"><img src="images/addc.png" title="הוסף תגובה" onclick="$('#comment').slideDown(2000);"/><br />
<div id="comment" style="padding:0;margin:0;"> <form action="tutorial.php?id=3&act=add" method="POST" onsubmit="return checkform();"><table><tr><td style="text-align:right;">
<input type="text" placeholder="שם..." id="name" name="name" /> </td><td><input type="image" src="images/submit_msg.png" title="הוסף תגובה"/></td></tr>
<tr id="error_tr" style="display: none;"><td colspan="2"><h5 id="error_h" style="color:red;"></h3></td></tr><tr>
<td colspan="2"><textarea id="msg" name="msg" rows="10" cols="50" placeholder="כתוב את הודעתך כאן"></textarea></td></tr></table>
</form>
</div>
</div><span style="color:red;">אין תגובות לנושא זה </span></div><script>
function checkform() {
if (document.getElementById('name').value == "") {
document.getElementById('error_h').innerHTML = "חייב להזין שם";
document.getElementById('error_tr').style.display = 'inline';
return false;
}
if (document.getElementById('msg').value == "") {
document.getElementById('error_h').innerHTML = "חייב לכתוב הודעה";
document.getElementById('error_tr').style.display = 'inline';
return false;
}
return true;
}
</script><div class="footer">
כל הזכויות שמורות לאתר ג'אווה סקריפט ישראל 2015
</div>
</body>
</html></div>