נגישות       נגישות
שינוי גודל טקסט:
א א א
שינוי צבעי האתר:
? מקשי קיצור:

לחיצה חוזרת ונשנית על המקש Tab תעביר אתכם בין הקישורים והאזורים השונים בעמוד.

הפעלת מקשי הקיצור תלויה בדפדפן שבו אתם משתמשים.

Internet Explorer, Chrome ובגרסאות ישנות של Firefox: לחצו על מקש Alt ועל מקש המספר או האות על-פי הרשימה. ב Firefox 3 ומעלה: לחצו על המקשים Alt + Shift + המספר או האות.

S - עבור לתוכן הדף
L - חיפוש
1- עמוד הבית
2 - פרוייקטים
3 - מדריכים
4 - אודות
5 - צרו קשר
6 - הצהרת נגישות
 

קוד jQuery שמציג את התאריך בעברית

מחבר:
בתאריך:

המדריך המצורף משתמש ביכולות של javascript להציג את הזמן ולצורך כך משלב jQuery ואת האובייקט ()date. האובייקט ()date מוסבר במדריך : בלוק שעון לאתר.

 

מדריכים קודמים בסדרת ה-jQuery יכולים לעזור לכם להבין את המדריך הנוכחי:

סלקטורים, אירועים, פונקציות ומתודות jQuery

אירועים של jQuery

 

כדי שזה יעבוד חשוב להוסיף את השורה הבאה באזור ה-head, שמאפשרת להציג עברית בדפדפן. אם לא תוסיפו שורה זו תקבלו ג'יבריש.

<meta charset="WINDOWS-1255">

 

<!DOCTYPE html>
<html>
<head>
<meta charset="WINDOWS-1255">
     <style>
     #hebrewDate{
        background-color: black;
        font-size: 18px;
        color: #0BF622;
        border: 5px inset #597572;
        height: auto;
        width: 300px;
        text-align: center;
        font-family: Impact, Arial, sans-serif;
        letter-spacing: 3px;
        padding-top: 15px;
        padding-bottom: 15px;
     }
     </style>
</head>
<body dir="rtl">
 
        <p id="hebrewDate" dir="rtl">
               יום <span id='day'></span> <span id="dayInMonth"></span> ב<span id='month'></span><span id="dayInMonth"></span>, <span id="fullYear"></span>
        </p>
 
</body>
        <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
<script>
(function($) {
//המשתנים שמתקבלים מהשעון
var date = new Date(),
day  = date.getDay(),
fullYear = date.getFullYear(), 
month = date.getMonth(),
dayInMonth = date.getDate();
 
//המערכים שמאפשרים את המרת השמות לשמות עבריים
var hebrewDaysNames = new Array("ראשון","שני","שלישי","רביעי","חמישי","שישי","שבת");
var hebrewMonthsNames = new Array("דצמבר","נובמבר", "אוקטובר", "ספטמבר", "אוגוסט", "יולי", "יוני","מאי","אפריל","מרץ","פברואר","ינואר");    
 
//מדפיס את היום
var getDay = hebrewDaysNames[day];
$('#day').text(getDay);
 
//מדפיס את החודש
 var getMonth = hebrewMonthsNames[month];
$('#month').text(getMonth);
 
//מדפיס את היום בחודש
$("#dayInMonth").text(dayInMonth);
 
//מדפיס את השנה המלאה
$("#fullYear").text(fullYear);
})(jQuery);   
</script>
</html>

 

הקוד נבדק ונמצא שהוא פועל היטב בדפדפנים: Chrome, Opera, Firefox, Safari ו-IE9.

 

למדריך הבא בסדרת ה-jQuery

לכל מדריכי ה-jQuery

הוסף תגובה חדשה

 

= 5 + 5