הוסטס - פורום אחסון האתרים הגדול בישראל - האם אפשר על ידי CSS בלבד לעשות תפריט נפתח?

- פורום תיכנות (https://hosts.co.il/forums/forumdisplay.php?f=14)

- - האם אפשר על ידי CSS בלבד לעשות תפריט נפתח? (https://hosts.co.il/forums/showthread.php?t=29659)

האם אפשר על ידי CSS בלבד לעשות תפריט נפתח?

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

אשמח לתשובות.

יש ב-Webmaster מדריך. הוא עובד על Firefox, ועל Internet Explorer הוא מזייף, צריך להוסיף behavior ב-CSS (לא תקני).

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

Eli-Hai:

ציטוט:

יש ב-Webmaster מדריך. הוא עובד על Firefox, ועל Internet Explorer הוא מזייף, צריך להוסיף behavior ב-CSS (לא תקני).

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

amirs_5:

ציטוט:

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

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

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

אממ בכל מצב צריך שילוב קטן של JS אי אפשר CSS נקי .

Alter:

ציטוט:

את זה הבנתי וגם הצלחתי, אבל מה שאני צריך זה דבר שבנוי ככה בערך:
לינק
לינק
לינק

ובכל לחיצה יפתח מתחת משהו כזה:
לינק
-סאב לינג
-סאב לינק
לינק
לינק

וזה פשוט לא עובד אין לי מושג איך לעשות כזה דבר.

מה אתה מחפש? תפריט במבנה עץ עם + כזה כדי לפתוח את הלינקים שמופיעים באותה קטגוריה, או כמוש הביאו לך רק שיפתח בלחיצה?

Itay:

ציטוט:

מה אתה מחפש? תפריט במבנה עץ עם + כזה כדי לפתוח את הלינקים שמופיעים באותה קטגוריה, או כמוש הביאו לך רק שיפתח בלחיצה?

בדיוק מה שמודגש.

יש לך ידע בעריכת קוד?
אם כן, אתה יכול להתאים את NaviNuke (תפריט שמותאם למערכת phpnuke), הוא כולל גם פאנל ניהול.

תודה לכולם אבל הבנתי כבר שזה סיפור גדול יותר ממה שחשבתי, אולי בעתיד אני אעשה כזה.

למה סיפור גדול? תעבור עם כמה DIVים, וברגע שאתה לוחץ על ה-DIV עם האיידי bla14 נגיד אז הוא ישנה את המצב display של bla14_cnt וישנה את הכפתור מפלוס למינוס..

יש לי בעיה עם הסקריפט הבא:

PHP קוד:


		
			
<html dir="rtl">

<head>

    <title>Tree menu test</title>

    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

    <script type="text/javascript">

    function Open(id)

    {

        document.getElementById(id+'_cnt').style.display='block';

        document.getElementById(id+'_btn').innerHTML='<a href="javascript:Close(\''+id+'\')"> - </a>';

    }

    

    function Close(id)

    {

        document.getElementById(id+'_cnt').style.display='none';

        document.getElementById(id+'_btn').innerHTML='<a href="javascript:Open(\''+id+'\')"> + </a>';

    }

    </script>

</head>

<body>

<div id="m1">

  <span id="m1_btn">

    <a href="javascript:Open('m1')">+</a>

   </span>בלה בלה 1

      <div id="m1_cnt" style="display: none; margin-right: 15px;">

        - קישור בלה בלה בלה<br />

        - עוד קישור בלה בלה

      </div>

</div>

<div id="m2">

  <span id="m2_btn">

    <a href="javascript:Open('m2')">+</a>

  </span> בלה בלה 2

    <div id="m2_cnt" style="display: none; margin-right: 15px;">

      - קישור בלה בלה בלה<br />

      - עוד קישור בלה בלה

    </div>

</div>

</body>

</html>

אני רוצה לעשות שבמקום שילחצו על "+" או "-" ילחצו על הטקסט עצמו.

שלחתי לך לפרטי את התיקון..