שלמה גולדברג
shlomo@haravdotnet.co.ilבפרק הקודם למדנו אודות רשימות, היום נרצה ללמוד על הודעות שהספרייה נותנת לנו.
למעשה יש מחלקה פשוטה בשם alert שבעזרתה ניתן להציג הודעות למשתמש
Code Snippet
<div class="alert alert-success" role="alert">
Well done! You successfully read this important alert message.
</div>
<div class="alert alert-info" role="alert">
Well done! You successfully read this important alert message.
</div>
<div class="alert alert-warning" role="alert">
Well done! You successfully read this important alert message.
</div>
<div class="alert alert-danger" role="alert">
Well done! You successfully read this important alert message.
</div>
Well done! You successfully read this important alert message.
</div>
<div class="alert alert-info" role="alert">
Well done! You successfully read this important alert message.
</div>
<div class="alert alert-warning" role="alert">
Well done! You successfully read this important alert message.
</div>
<div class="alert alert-danger" role="alert">
Well done! You successfully read this important alert message.
</div>
התוצאה תהיה חביבה
במידה ונוסיף את הקוד הבא:
Code Snippet
<div class="alert alert-danger" role="alert">
<button type="button"
class="close"
data-dismiss="alert"
aria-label="Close">
<span aria-hidden="true">×</span>
</button>
Well done! You successfully read this important alert message.
</div>
<button type="button"
class="close"
data-dismiss="alert"
aria-label="Close">
<span aria-hidden="true">×</span>
</button>
Well done! You successfully read this important alert message.
</div>
נקבל לחצן X שלחיצה עליו תסגור את ההודעה.
אם נשים לינקים (אלמנטי A) בתוך ההודעה, מומלץ לתת להם את המחלקה alert-link.
בדרך כלל נשתמש בהודעות אלו מתוך JS, כדי להציד סטטוס וכדו’.
בפרק הבא נלמד על טפסים.