סקריפטים לבוני אתרים - javascript - html - css - dhtml

מיקום באתר: עמוד ראשי > סקריפטים לבוני אתרים > לחצן ימני ולחצנים נוספים

סקריפטים - דף 7 - לחצן ימני ולחצנים נוספים

הספקריפטים בעמוד: חסימת לחצן ימני בעכבר | חסימת לחצן ימני ושמאלי בעכבר | הצגת תפריט בעת לחיצת עכבר ימנית | הצגת הודעה בעת לחיצת עכבר ימנית או שמאלית | הפניה לעמוד הראשי בקיצור לחצן במקלדת

חסימת לחצן ימני בעכבר

נסו ללחוץ על הלחצן הימני וראו שאין תגובה

חסימת לחצן ימני ושמאלי בעכבר

לדוגמה, היכנסו לפה וראו שלא תוכלו ללחוץ על שני הלחצנים

:כאשר
של העמוד body שימו לב ! השורה הראשונה של הסקריפט תבוא במקום תגית ה

הצגת תפריט בעת לחיצת עכבר ימנית \ מקש במיקלדת

זו עוד שיטה טובה לחסימת לחצן ימני, בנוסף היא גם יוצרת תועלת

לדוגמה, היכנסו לפה ונסו ללחוץ על הלחצן הימני

.menuitems{
padding-left:15px;
padding-right:15px;
}
</style>
<script language="JavaScript1.2">
var display_url=1

function showmenuie5(){
var rightedge=document.body.clientWidth-event.clientX
var bottomedge=document.body.clientHeight-event.clientY

if (rightedge<ie5menu.offsetWidth)
ie5menu.style.left=document.body.scrollLeft+event.clientX-ie5menu.offsetWidth
else
ie5menu.style.left=document.body.scrollLeft+event.clientX

if (bottomedge<ie5menu.offsetHeight)
ie5menu.style.top=document.body.scrollTop+event.clientY-ie5menu.offsetHeight
else
ie5menu.style.top=document.body.scrollTop+event.clientY

ie5menu.style.visibility="visible"
return false
}

function hidemenuie5(){
ie5menu.style.visibility="hidden"
}

function highlightie5(){
if (event.srcElement.className=="menuitems"){
event.srcElement.style.backgroundColor="highlight"
event.srcElement.style.color="white"
if (display_url==1)
window.status=event.srcElement.url
}
}

function lowlightie5(){
if (event.srcElement.className=="menuitems"){
event.srcElement.style.backgroundColor=""
event.srcElement.style.color="black"
window.status=''
}
}

function jumptoie5(){
if (event.srcElement.className=="menuitems")
window.location=event.srcElement.url
}
</script>

<!--[if IE]>
<div id="ie5menu" onMouseover="highlightie5()" onMouseout="lowlightie5()" onClick="jumptoie5()">
<div class="menuitems" url="../iluf/iluf.html"> למדריך לאילוף כלבים </div>
<div class="menuitems" url="../rusit/rusit.html"> למדריך ללימוד רוסית </div>
<div class="menuitems" url="../../lehaka.html">לאתר הלהקה</div>
<div class="menuitems" url="../../7/">שייטת הצוללות  </div>
 
<hr>
<div class="menuitems" url="mailto:tabim5b5@walla.com">שלח מייל למנהל  </div>
</div>

:כאשר
url="הקישור בתפריט"
display_url=1 ניתן לשנות ל 0 אם רוצים שבשורת הסטטוס לא תופיע הכתובת שנעבור מעל הקישור
ניתן לערוך את כל ההגדרות העיצוביות למעלה
שימו לב ! הסקריפט יעבוד באקספלורר בלבד

הצגת הודעה בעת לחיצת עכבר ימנית או שמאלית

היכנסו לדוגמה, לכאן ונסו ללחוץ על הלחצן הימני

:כאשר
message="ההודעה שתוצג בעת הלחיצה"
event.button == 1 נשנה ל event.button == 2 כדי שההודעה תוצג כשנלחץ על הלחצן השמאלי, נשנה במקום

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

היכנסו לדוגמה, לכאן וראו שהופנתם לעמוד הראשי Shift + Ctrl ונסו ללחוץ על

:כאשר
window.location="כתובת ההפניה"
:תוכלו גם לשנות את המקש שתרצו שיקשר
רשימת המקשים בג'ווה סקריפט כאן

:אם תרצו שמקש אחד בלבד יקשר למקום אחר, תרשמו כך

a הדוגמה למעלה תפנה אותך לעמוד הראשי כשתלחץ על המקש
כאשר את שם המקש רשום כאן