עבור לתוכן

עזרה בJAVA SCRIPT

על-ידי lompy
ב תכנות

Featured Replies

פורסם

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

זה מה שכתבתי בנתיים

<head>

<script language="JavaScript">

function hide(obj1,obj2) {

obj1.style.display="none";

obj2.onclick='show(list)';

}

function show(obj1,obj2) {

obj.style.display="color: blue; font-size: .8em;"

obj2.onclick='hide(list)';

}

</script>

</head>

<body>

<p id='p' onclick='hide(list,this)'>title</p>

<span id='list' style="color: blue; font-size: .8em;" >

<a href='inde.html'>Fender Stratocaster</a><br>

<a>Fender Telecaster</a><br>

<a>Fender Squier</a><br>

<a>Gibson Les Paul</a><br>

<a>Gibson SG</a><br>

<a>Martin D-28</a><br>

<a>Dean Dimebag Tribute</a><br>

<a>Ovation MOB47</a>

</span>

<br>

<br>

bla bla

</body>

הרעיון הוא של DIV יש עיצוב מסויים וכשאני לוחץ על הכותרת העיצוב משתנה ל NONE והרשימה נעלמת

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

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

אשמח עם תעזרו במציעת פיתרון כמה שיותר פשוט

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

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

ע"פ נתונים ששלופת פונקציה ב JAVA מתוך DB

---עריכה---

ניסתי גם את הפונקציה הזאת וזה לא עבד לי

<head>

<script language="JavaScript">

function ShowHide(obj) {

if (obj.style=="color: blue; font-size: .8em;")

obj.style.display="none";

if (obj.style=="none")

obj.style.display="color: blue; font-size: .8em;";

}

</script>

<head>

  • ציטוט
    • פורסם

    display לא קובע את העיצוב, אלא איך הוא יוצג. יש display block, none, inline(ועוד) ורק אותם אתה יכול להכניס.

    תנסה משהו כזה:


    <style>
    div.divlist{color: blue; font-size: .8em; display: none;}
    </style>


    function showhide(name) {
    var obj = document.getElementById(name);
    if(obj.style.display=="none") 
     obj.style.display="none";
    else
     obj.style.display="inline";
    }



    <p onclick="javascript: hide(list); "'>title</p>


    <div id="list" class="divlist">
     <a href="ndex.html">Fender Stratocaster</a><br>
     <a href="#">Fender Telecaster</a><br>
     <a href="#">Fender Squier</a><br>
     <a href="#">Gibson Les Paul</a><br>
     <a href="#">Gibson SG</a><br>
     <a href="#">Martin D-28</a><br>
     <a href="#">Dean Dimebag Tribute</a><br>
     <a href="#">Ovation MOB47</a>

    </div>

  • ציטוט
    • פורסם
    • מחבר

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

    לא הסתדרתי עם הקוד שלך אולי אני עושה משהוא לא טוב

    אבל זה מב שעובד לי

    <left>

    <head>

    <script language="JavaScript" src="js.js"></script>

    </script>

    </head>

    <body>

    <p id='p' onclick='hide(list,this)'>title</p>

    <span id='list' style="display: none;" >

    <a href='inde.html'>Fender Stratocaster</a><br>

    <a>Fender Telecaster</a><br>

    <a>Fender Squier</a><br>

    <a>Gibson Les Paul</a><br>

    <a>Gibson SG</a><br>

    <a>Martin D-28</a><br>

    <a>Dean Dimebag Tribute</a><br>

    <a>Ovation MOB47</a>

    </span>

    <br>

    <br>

    bla bla

    </body>

    js.js

    function hide(obj) {

    if(obj.style.display=='none')

    {obj.style.display='block';}

    else

    obj.style.display="none";

    }

    </left>

  • ציטוט
    • פורסם

    בטח שלא עובד. יש בשורה הזו טעות :


    javascript: hide(list); "'

  • ציטוט

    • ארכיון

    דיון זה הועבר לארכיון ולא ניתן להוסיף בו תגובות חדשות.

    עבור לרשימת הדיונים

    דיונים חדשים