שלח תשובה

זירת השאלות

203
צפיות
15
תשובות

לינק שנפתח

,‏ 4 בפברואר, 2005

שלום

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

הוא פותח אופציות ללינקים באותו נושא (כמו שיש באתרכם

לדוגמה: ריפרנס, פורמים, לוח מודעות וכו’).

שאלה נוספת באותו נושא, אם אני רוצה שבאחד מהתת לינקים

שהמשתמש ישים את העכבר הוא יקבל אופציות נוספות

איך עושים זאת?


מרים

תגיות:

15 תשובות

  1. miriam2345 הגיב:

    כן אבל לא בדיוק.
    קודם כל תודה רבה.

    כן, זה מה שהתכוונתי אבל לא בדיוק.

    את זה אני הצלחתי לעשות אבל מה שאני לא הוא להוסיף תת נושאים ללינק.
    אני אקח חלק מהדוגמה שלך כדי להמחיש את כוונתי.
    לדוגמה ב 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>

    תודה מראש,
    מרים

  2. miriam2345 הגיב:

    האם מישהו יכול לעזור לי?
    כתבתי שאלה אתמול ועדיין לא

    ענו לי. אם מישהו יודעת את הפיתרון

    אשמח לתשובה.

    מרים

  3. זהר פלד הגיב:

    זה עובד על אותו עקרון…
    יש לי בבית קישור למשהו שאולי יעזור לך, אני אשתדל לזכור להעלות אותו לפורום כשאגיע הביתה.

  4. miriam2345 הגיב:

    תודה
    תודה.

    אני אשמח לקבל את הקישור שאתה מדבר עליו.

    אומנם אני יודעת שזה עובד על אותו עיקרון

    אך משום מה זה לא מצליח לי.

    לכן העתקתי חלק מהסקריפט ש SHAY4 נתן לי כקישור

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

    מרים

  5. miriam2345 הגיב:

    זהר שלום
    כתבת לי אתמול שיש לך קישור שאולי יעזור לי.
    אני חוששת ששכחת לשלוח אותו לפורום.
    האם זה נכון?

    כתבתי לך שאומנם אני יודעת שהשאלה שלי עובדת
    על אותו עיקרון אך משום מה זה זה מצליח
    ולכן העתקתי חלק מהסקריפט ש SHAY4 נתן לי כקישור
    כדי שבדוגמה שלו הוא יחבר תת לינק לאחד הלינקים שנעלמים/מוצגים

    מרים

  6. miriam2345 הגיב:

    לזהר או לכל אדם היכול לעזור
    שלום

    אני שאלתי אם מישהו יודע איך בקוד פופ-אפ מכניסים תת לינקים ללינק?

    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>

  7. miriam2345 הגיב:

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

    אני מצרפת את הקוד:

    <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>

    תודה מראש,

    מרים

  8. miriam2345 הגיב:

    הכוונה היא…
    אני מתכוונת שהמשתמש רוצה ללחוץ על
    אחד האופציות של "מודרנית" הם נעלמים

  9. פוג הגיב:

    נתקלתי בבעיה המרגיזה הזו..
    היא נובעת מזה שה 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>

  10. פוג הגיב:

    נתקלתי בבעיה המרגיזה הזו..
    זה נובע מכך שהאונמאוסאווט נמצא על המילה מודרנית ובמעבר עכבר לתת התפריט שלו הוא נעלם. בקוד הזה ביטלתי את האונמאוסאווט ובנוסף הצמדתי את תתי התפריטים כדי שלא יווצר ביניהם חור שיסגור את התפריט במעבר עכבר עליו.

    <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>

  11. miriam2345 הגיב:

    נכון, אבל…
    לצערי זה לא בדיוק מה שרציתי.

    כי בקוד ששלחתי גם אני הורדתי את ONMOUSEOUT במילה "מודרנית".

    יש לזה בעיה אחת, אם המשתמש יוצא מהאופציות של ה"מודרנית" לא בדרך מסודרת, כלומר, יוצא עם העכבר לדוגמה מכיוון שמאלה או למטה, האופציות של הלינק "מודרנית" נשארות על המסך ולא נעלמות.

    אם תוכל אתה לתקן את זה או מישהו אחר זה יהיה מצויין.

    תודה מראש,

    מרים

  12. פוג הגיב:

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

שלח תשובה

חדש! אחסון אתרים של וובמאסטר

שירות אחסון אתרים
המקצועי של וובמאסטר!

מומחים באירוח אתרי
WordPress, Joomla, Drupal

  • שרתי לינוקס עם CloudLinux, LiteSpeed
  • 1GB דיסק SSD, 10GB תעבורה חודשית
  • ממשק ניהול cPanel, תעודת SSL חינם

עכשיו במחיר היכרות:
רק 420 ש"ח לשנה!