460
צפיות
צפיות
15
תשובות
תשובות
לינק שנפתח
שלום
אני מחפשת קוד שכאשר העכבר מעל לינק כלשהוא
הוא פותח אופציות ללינקים באותו נושא (כמו שיש באתרכם
לדוגמה: ריפרנס, פורמים, לוח מודעות וכו').
שאלה נוספת באותו נושא, אם אני רוצה שבאחד מהתת לינקים
שהמשתמש ישים את העכבר הוא יקבל אופציות נוספות
איך עושים זאת?
מרים
15 תשובות
הכוונה לתפריט פופ-אפ?
יש על זה מאמר כאן בוובמאסטר
כן אבל לא בדיוק.
קודם כל תודה רבה.
כן, זה מה שהתכוונתי אבל לא בדיוק.
את זה אני הצלחתי לעשות אבל מה שאני לא הוא להוסיף תת נושאים ללינק.
אני אקח חלק מהדוגמה שלך כדי להמחיש את כוונתי.
לדוגמה ב prod2 הייתי רוצה שהעכבר יהיה עליו יוצגו מספר לינקים נוספים.
<html>
<head>
<script language="javascript">
function showHideTable(menuId)
{
var obj=document.getElementById(menuId)
obj.style.visibility=(obj.style.visibility=="visible"?"hidden":"visible")
}
</script>
<style>
div.menu
{
position:absolute;
visibility:hidden
}
</style>
</head>
<body>
<table>
<tr>
<td>
<a href="home.html">Home</a>
</td>
<td onmouseover="showHideTable('products')" onmouseout="showHideTable('products')">
<a href="products.html">Products</a><br>
<div class="menu" id="products">
<a href="page1.html">prod 1</a><br>
<a href="page2.html">prod 2</a><br>
<a href="page3.html">prod 3</a><br>
</div>
</td>
תודה מראש,
מרים
האם מישהו יכול לעזור לי?
כתבתי שאלה אתמול ועדיין לא
ענו לי. אם מישהו יודעת את הפיתרון
אשמח לתשובה.
מרים
זה עובד על אותו עקרון…
יש לי בבית קישור למשהו שאולי יעזור לך, אני אשתדל לזכור להעלות אותו לפורום כשאגיע הביתה.
תודה
תודה.
אני אשמח לקבל את הקישור שאתה מדבר עליו.
אומנם אני יודעת שזה עובד על אותו עיקרון
אך משום מה זה לא מצליח לי.
לכן העתקתי חלק מהסקריפט ש SHAY4 נתן לי כקישור
כדי שבדוגמה שלו הוא יחבר תת לינק לאחד הלינקים שנעלמים/מוצגים
מרים
זהר שלום
כתבת לי אתמול שיש לך קישור שאולי יעזור לי.
אני חוששת ששכחת לשלוח אותו לפורום.
האם זה נכון?
כתבתי לך שאומנם אני יודעת שהשאלה שלי עובדת
על אותו עיקרון אך משום מה זה זה מצליח
ולכן העתקתי חלק מהסקריפט ש SHAY4 נתן לי כקישור
כדי שבדוגמה שלו הוא יחבר תת לינק לאחד הלינקים שנעלמים/מוצגים
מרים
לזהר או לכל אדם היכול לעזור
שלום
אני שאלתי אם מישהו יודע איך בקוד פופ-אפ מכניסים תת לינקים ללינק?
SHAY3434 הפנה אותי לקוד שיש באתר זה. לצערי זה לא עזר לי כי זהו קוד
ליצירת פופ אפ. את זה אני יודעת.
את התת לינקים המחוברים ללינק לא הצלחתי.
אומנם זהר פלד כתב שזהו אותו העיקרון. זה נכון, אך משום מה אין זה מצליח לי.
אני מצרפת לכאן חלק מהקוד ש SHAY3434 הפנה אותי.
מה שאני מתכוונת הוא שאם אני רוצה שהמשתמש שם את העכבר על PROD 2
הוא מקבל מספר לינקים נוספים.
תודה מראש על העזרה,
מרים
<html>
<head>
<script language="javascript">
function showHideTable(menuId){
var obj=document.getElementById(menuId)
obj.style.visibility=(obj.style.visibility=="visible"?"hidden":"visible")
}
</script>
<style>
div.menu
{
position:absolute;
visibility:hidden
}
</style>
</head>
<body>
<table>
<tr>
<td onmouseover="showHideTable('products')" onmouseout="showHideTable('products')">
<a href="products.html">Products</a><br>
<div class="menu" id="products">
<a href="page1.html">prod 1</a><br>
<a href="page2.html">prod 2</a><br>
<a href="page3.html">prod 3</a><br>
</div>
</td>
</tr>
</table>
</body>
</html>
והקישור…
זה לא מה שהתכוונתי
הבעיה שלי היא שהמשתמש רוצה ללחוץ על לינקים ששייכים ללינק ספציפי
הם נעלמים ולכן אותו אדם לא יכול ללחוץ עליהם.
אני מצרפת את הקוד:
<HTML>
<HEAD>
<script language="javascript">
function showHideTable(menuId){
var obj=document.getElementById(menuId)
obj.style.visibility=(obj.style.visibility=="visible"?"hidden":"visible")
}
</script>
<style>
div.menu
{
position:absolute;
visibility:hidden;
background-color:yellow;
}
</style>
</HEAD>
<body>
<table dir="rtl" align="right">
<tr onmouseover="showHideTable('היסטוריה')" onmouseout="showHideTable('היסטוריה')">
<td>
<a href=".html"> היסטוריה </a><br>
</td>
<td onmouseover="showHideTable('עתיקה')" onmouseout="showHideTable('עתיקה')">
<div class="menu" id="היסטוריה">
<a href=".html">עתיקה</a><br>
</div>
</td>
</tr>
<tr onmouseover="showHideTable('היסטוריה')" onmouseout="showHideTable('היסטוריה')">
<td>
<div class="menu" id="היסטוריה">
<a href=".html">עתיקה</a><br>
</div>
</td>
<td width="55%" onmouseover="showHideTable('עתיקה')" onmouseout="showHideTable('עתיקה')">
<div class="menu" id="עתיקה">
<a href=".html">ימי הביינים</a><br>
<a href=".html" onmouseover="showHideTable('מודרנית')" onmouseout="showHideTable('מודרנית')">מודרנית</a>
<a href=".html">המאה ה-18</a><br>
<a href=".html">המאה ה-19</a><br>
<a href=".html">המאה ה-20</a><br>
</div>
</div>
</td>
</tr>
</table>
</body>
</html>
תודה מראש,
מרים
הכוונה היא…
אני מתכוונת שהמשתמש רוצה ללחוץ על
אחד האופציות של "מודרנית" הם נעלמים
נתקלתי בבעיה המרגיזה הזו..
היא נובעת מזה שה onmouseout נמצא על המילה 'מודרנית' וברגע שהעכבר יורד ממנו כדי להיכנס לתת התפריט שלו הוא נעלם.
אפשר לפתור את זה בצורה פשוטה ע"י ביטול של ה onmouseout במילה מודרנית.
הנה הקוד, בנוסף קבעתי את המיקום של ה div על מנת שלא יווצר רווח בין תתי התפריטים.
זה לא פתרון מוצלח במיוחד, זה הכי טוב שהצלחתי לעשות. אם למישהו יש פתרון אחר, אשמח לקבל.
לילה טוב
<HTML>
<HEAD>
<script language="javascript">
function showHideTable(menuId){
var obj=document.getElementById(menuId)
obj.style.visibility=(obj.style.visibility=="visible"?"hidden":"visible")
}
</script>
<style>
div.menu
{
position:absolute;
visibility:hidden;
background-color:yellow;
padding-left: 15px;
}
</style>
</HEAD>
<body>
<table dir="rtl" align="right">
<tr onmouseover="showHideTable('היסטוריה')" onmouseout="showHideTable('היסטוריה')">
<td>
<a href=".html"> היסטוריה </a><br>
</td>
<td onmouseover="showHideTable('עתיקה')" onmouseout="showHideTable('עתיקה')">
<div class="menu" id="היסטוריה">
<a href=".html">עתיקה</a><br>
</div>
</td>
</tr>
<tr onmouseover="showHideTable('היסטוריה')" onmouseout="showHideTable('היסטוריה')" width="100%" >
<td>
<div class="menu" id="היסטוריה">
<a href=".html">עתיקה</a><br>
</div>
</td>
<td width="55%" onmouseover="showHideTable('עתיקה')" onmouseout="showHideTable('עתיקה')" onmouseover="showHideTable('עתיקה')" onmouseout="showHideTable('עתיקה')">
<div class="menu" id="עתיקה">
<a href=".html">ימי הביינים</a><br>
<a href=".html" onmouseover="showHideTable('מודרנית')">מודרנית</a>
<!–הוספתי אונמאוסאובר לדיב –>
<div class="menu" id="מודרנית">
<a href=".html" >המאה ה-18</a><br>
<a href=".html">המאה ה-19</a><br>
<a href=".html">המאה ה-20</a><br>
</div>
</div>
</td>
</tr>
</table>
</body>
</html>
נתקלתי בבעיה המרגיזה הזו..
זה נובע מכך שהאונמאוסאווט נמצא על המילה מודרנית ובמעבר עכבר לתת התפריט שלו הוא נעלם. בקוד הזה ביטלתי את האונמאוסאווט ובנוסף הצמדתי את תתי התפריטים כדי שלא יווצר ביניהם חור שיסגור את התפריט במעבר עכבר עליו.
<HTML>
<HEAD>
<script language="javascript">
function showHideTable(menuId){
var obj=document.getElementById(menuId)
obj.style.visibility=(obj.style.visibility=="visible"?"hidden":"visible")
}
</script>
<style>
div.menu
{
position:absolute;
visibility:hidden;
background-color:yellow;
padding-left: 15px;
}
</style>
</HEAD>
<body>
<table dir="rtl" align="right">
<tr onmouseover="showHideTable('היסטוריה')" onmouseout="showHideTable('היסטוריה')">
<td>
<a href=".html"> היסטוריה </a><br>
</td>
<td onmouseover="showHideTable('עתיקה')" onmouseout="showHideTable('עתיקה')">
<div class="menu" id="היסטוריה">
<a href=".html">עתיקה</a><br>
</div>
</td>
</tr>
<tr onmouseover="showHideTable('היסטוריה')" onmouseout="showHideTable('היסטוריה')" width="100%" >
<td>
<div class="menu" id="היסטוריה">
<a href=".html">עתיקה</a><br>
</div>
</td>
<td width="55%" onmouseover="showHideTable('עתיקה')" onmouseout="showHideTable('עתיקה')" onmouseover="showHideTable('עתיקה')" onmouseout="showHideTable('עתיקה')">
<div class="menu" id="עתיקה">
<a href=".html">ימי הביינים</a><br>
<a href=".html" onmouseover="showHideTable('מודרנית')">מודרנית</a>
<div class="menu" id="מודרנית">
<a href=".html" >המאה ה-18</a><br>
<a href=".html">המאה ה-19</a><br>
<a href=".html">המאה ה-20</a><br>
</div>
</div>
</td>
</tr>
</table>
</body>
</html>
סליחה חשבתי שזה לא נשלח…
נכון, אבל…
לצערי זה לא בדיוק מה שרציתי.
כי בקוד ששלחתי גם אני הורדתי את ONMOUSEOUT במילה "מודרנית".
יש לזה בעיה אחת, אם המשתמש יוצא מהאופציות של ה"מודרנית" לא בדרך מסודרת, כלומר, יוצא עם העכבר לדוגמה מכיוון שמאלה או למטה, האופציות של הלינק "מודרנית" נשארות על המסך ולא נעלמות.
אם תוכל אתה לתקן את זה או מישהו אחר זה יהיה מצויין.
תודה מראש,
מרים
בדיוק בגלל זה..
אמרתי שהפתרון לא מוצלח.
גם אני אשמח לקבל פתרון לבעיה.