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

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

- - סגירת בקשה ב AJAX? (https://hosts.co.il/forums/showthread.php?t=45043)

סגירת בקשה ב AJAX?

שלום, יש לי שאלה ב AJAX, עשיתי פונקציה כלשהי שמאפשרת ששולפת מידע לפי ה ID שקוראים לה מקובץ אחר.. עכשיו הכל פועל כמו שצריך ויפה מאוד, כלומר נגיד אני רוצה לקרוא לפונקציה בדף שונה אני עושה

PHP קוד:


		
			
<script src="ajax.js"></script>

<a href="#" onclick="javascript:sndReq('1');">test</a>

<div id="1"></div>

<a href="#" onclick="javascript:sndReq('2');">test</a>

<div id="2"></div>

<br />

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

הפונקציות שלי:

PHP קוד:


		
			
function sndReq(id) {

http.open('get', 'loadContent.php?id='+id,true);

http.onreadystatechange = handleResponse;

http.send(null);

if (http.readyState == 2){

    document.innerHTML="Loading... Please wait";



}

function handleResponse() {

if(http.readyState == 4){

var response = http.responseText;

document.getElementById(id).innerHTML=response

}

}

}

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

תוכל לעזור לי עם הקוד?

קוד:

<script language="JavaScript">

        function open_close(d)

        {

                if (d.style.display == "none")

                {

                        d.style.display = "";

                }

                else

                {

                        d.style.display = "none";

                }

        }

</script>

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

הנסיון שלי:

PHP קוד:


		
			
<center><h1>Tree Style</h1></center>

<script language="JavaScript">

    function open_close(d)

    {

        if (d.style.display == "none")

        {

            d.style.display = "";

        }

        else

        {

            d.style.display = "none";

        }

    }

</script>

<a href='javascript:void(0)' onclick='open_close(1)'>hey</a>



<div id="1" style='display:none'>

xd

<br />

<a href='javascript:void(0)' onclick='open_close(1)'>

</div>

ציטוט:

נכתב במקור על ידי Rancid Rat (פרסם 473953)

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

הנסיון שלי:

PHP קוד:


		
			
<center><h1>Tree Style</h1></center>
<script language="JavaScript">
    function open_close(d)
    {
        if (d.style.display == "none")
        {
            d.style.display = "";
        }
        else
        {
            d.style.display = "none";
        }
    }
</script>
<a href='javascript:void(0)' onclick='open_close(1)'>hey</a>

<div id="1" style='display:none'>
xd
<br />
<a href='javascript:void(0)' onclick='open_close(1)'>
</div>

PHP קוד:


		
			
<center><h1>Tree Style</h1></center> 
<script language="JavaScript"> 
    function open_close(d) 
    { 
        if (d.style.display == "none") 
        { 
            d.style.display = ""; 
        } 
        else 
        { 
            d.style.display = "none"; 
        } 
    } 
</script> 
<a href="javascript:void(0); open_close(1);">hey</a> 

<div id="1" style="display:none"> 
xd 
<br /> 

</div>

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

ואממ, הגרשיים הם לא יחידים, אלא כפולים ("").

עזוב, הסתדרתי, תודה בכל זאת, כתבתי פונקציה חדשה שתציג את זה לפי ה ID שזה מקבל :P

פשוט כי עשית בתוך הפונקציה

PHP קוד:


		
			
if (d.style.display

ו D זה בעצם ה ID שאתה מקבל כ ARGUMENT לפונקציה

אתה אמור לעשות
document.getElementByid(d).style.display

יאפ, שמתי לב לזה כבר קודם ותיקנתי את הפונקציה.

זה לא משנה. זה עובד גם ככה.