שלח תשובה

זירת השאלות

519
צפיות
1
תשובות

רוצה לבנות טבלה בלי FRAME שיש תפריט

,‏ 29 בינואר, 2005

רוצה לבנות טבלה בלי FRAME שיש תפריט בצד שמאל
עם כפתורים שמחליפים את התוכן של פנים הטבלה בצד ימין.

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

קפיש?
איך עושים את זה ? אמרו לי משהו על DIV שקוראים לו להופיע עם כל קישור.

האי מייל שלי : [email protected]

תגיות:

1 תשובות

  1. BuildHome הגיב:

    קודים מוכנים לא מקבלים כאן
    אבל בכל מקרה, על מנת לעשות את הרצוי לך תצטרך לשנות את ה-display של DIV הרצוי לתצוגה ל-block ואת מה שפתוח ל-none על מנת להסתירו.

    הנה קוד קטן שכתבתי שאמור לעשות את העבודה כראוי:
    <script type="text/javascript">
      function showPart(divNum) {
          var siteDiv = document.getElementsByName("siteDiv");
          for(var div=0;div<siteDiv.length;div++) {
            if(div==(divNum-1))
              siteDiv.item(div).style.display = 'block';
            else
              siteDiv.item(div).style.display = 'none';
          }
      }
    </script>

    <table cellspacing="0" cellpadding="2" style="width:700px;">
    <tr>
      <td style="vertical-align: top;">
       <span style="cursor:hand;" OnClick="showPart(1);">עמוד 1</span><br>
       <span style="cursor:hand;" OnClick="showPart(2);">עמוד 2</span><br>
       <span style="cursor:hand;" OnClick="showPart(3);">עמוד 3</span><br>
      </td>
      <td style="vertical-align:top;width:350px;">
       <div style="margin:0;display:block;" id="siteDiv" name="siteDiv">
        זה התוכן של העמוד הראשון
       </div>
       <div style="margin:0;display:none;" id="siteDiv" name="siteDiv">
        זה התוכן של העמוד השני
       </div>
       <div style="margin:0;display:none;" id="siteDiv" name="siteDiv">
        זה התוכן של העמוד השלישי
       </div>
      </td>
    </tr>
    </table>
    על מנת להוסיף עמודים פשוט יש להעתיק DIV מסוים ולשנות את תוכנו ולהוסיף קישור להצגת העמוד כאשר יש לשלוח לפונקציה showPart ערך שהוא מונה שעולה כל פעם ב-1 (העמוד הרביעי יכיל את המספר 4 שישלח לפונקציה).

שלח תשובה