JS/AJAX script help

neoaddict · April 24, 2006

[code]<script type="text/javascript">
    function makeRequest(url) {
        var http_request = false;
        if (window.XMLHttpRequest) {
            http_request = new XMLHttpRequest();
        } else if (window.ActiveXObject) {
            try {
                http_request = new ActiveXObject("Msxml2.XMLHTTP");
            } catch (e) {
                try {
                    http_request = new ActiveXObject("Microsoft.XMLHTTP");
                } catch (e) {}
            }
        }
        if (!http_request) {
            alert('Your browser does not support AJAX or XMLHttpRequest!');
            return false;
        }
        http_request.open('GET', url, true);
        if (url == "checkcookie.php") {
            http_request.onreadystatechange = parse;
        }
        http_request.send(null);
    }

    function parse() {
        if (http_request.readyState == 4) {
            if (http_request.status == 200) {
                var css = http_request.responseText;
                document.getElementById("topsites").style.display = css;
            }
            else{
                alert('There was a problem with the request.');
            }
    }

    open('checkcookie.php');

    function omgmagic() {
        if(document.getElementById("topsites").style.display == 'none'){
           makeRequest('show.php');
           document.getElementById("topsites").style.display = '';
        }
        else{
           makeRequest('hide.php');
           document.getElementById("topsites").style.display = 'none';
        }
    }
</script>

<div style="cursor: pointer;" onclick="omgmagic()">Expand/Collapse Topsites Images</div>[/code]

That's my current code so far - I think I've got all the AJAX right, but I don't know what to put in the PHP files except setcookie, perhaps?

Thanks.

GBS · April 24, 2006

Hi there,
I guess you have a little mistake in your 'parse()' function,, (JS console under firefox reports a missing "{")
I think it should be more about:
[code]
    function parse() {
        if (http_request.readyState == 4) {
            if (http_request.status == 200) {
                var css = http_request.responseText;
                document.getElementById("topsites").style.display = css;
            }
            else{
                alert('There was a problem with the request.');
            }
    }
    }
[/code]
Hoping it helps,,
l8tr,,

neoaddict · April 24, 2006

Thanks.

Now I need to work on what to put in the PHP files - don't even have a clue to what to put in checkcookie.php.

Any suggestions? (I know this is the JS forum - but I can't post in the PHP forums for some reason..)

Also, do you know how to make text change in a div using Javascript when someone clicks on it without reloading the page? (AJAX maybe?)

GBS · April 25, 2006

hmm, for the php part, you have to check the php forum, & also, I'm not good enough to play with cookies things for now,... [long time without php scripting there,,, :) ]

For the JS part, I can show you some JS examples to hide/change elements,,
You don't need AJAX to make text change in a div, after some onclick/onchange/etc... events,
This code could help you to start:
[code]
<html>
<body>
<script>
function SayHello()
{
document.getElementById('text1').innerHTML="Hello the world :)";
}
function AssignValue(node)
{
node.setAttribute("value",node.value);
document.getElementById('text2').innerHTML="you said: <b>"+node.getAttribute("value")+"</b>";
}
function Hide(node)
{
node.style.visibility="hidden";
document.getElementById('showagain').style.visibility="visible";
}
function Show()
{
document.getElementById('showagain').style.visibility="hidden";
document.getElementById('hideme').style.visibility="visible";
}
</script>
<input type="button" value="click me" onclick="SayHello()">
<div id="text1"></div>
<br>
Type some text:
<input id="input1" type="text" onchange="AssignValue(this)">
<div id="text2"></div>
also, to hide/show some elements:
<input id="hideme" type="button" value="Hide me" onclick="Hide(this)"><br>
<input id="showagain" type="button" style="visibility:hidden;" onclick="Show();" value="show me back">
<script>
document.getElementById('input1').value="";
</script>
</body>
</html>
[/code]
'innerHTML' changes the value of an element & 'style.visibility' makes visible or not an element,

Good luck,,
l8tr,

neoaddict · April 25, 2006

Thanks, that worked. XD

Now to ask on the PHP Help forums.

Sign In

JS/AJAX script help

Recommended Posts

neoaddict

Link to comment

Share on other sites

GBS

Link to comment

Share on other sites

neoaddict

Link to comment

Share on other sites

GBS

Link to comment

Share on other sites

neoaddict

Link to comment

Share on other sites

Join the conversation

Browse

Activity

Important Information