javascript code

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <script type="text/javascript"> var pos=0; function move(){ pos = 0; changeInnerHtml(); setTimeout('move()',1000); pos = 0 ; } function changeInnerHtml() { pos = pos +5; document.getElementById('spid').style.visibility = 'hidden'; // document.getElementById('div1').style.visibility = 'hidden'; if( pos <= 200 ) { document.getElementById('b1').style.left = pos + 'px'; setTimeout("changeInnerHtml()",10); } } // document.getElementById('div1').innerHTML = ''; // document.getElementById('div1').innerHTML = '<input type = "text" name = "hi" />' ; } </script> <style type="text/css"> .divstyle { width:50px; height:50px; position:relative; left:100px; border:1px; visibility:visible; } </style> <title></title> </head> <body> <div id="div1"> <span id="spid" class="divstyle"> hi </span> <input type="submit" id="b1" name="b1" onclick="move()" class="divstyle"/> <iframe id="iframe1" class="div1" > </iframe> </div> </body> </html>

// description of your code here
purpose : makes XMLHttpRequest
Requires : url


function makeRequest(url) {
        var http_request = false;
        url = url +  "?txt1=" + document.getElementById('first_no').value + '&' + "txt2=" + document.getElementById('second_no').value;
       
     if (window.XMLHttpRequest) { // Mozilla, Safari, ...
            http_request = new XMLHttpRequest();
            if (http_request.overrideMimeType) {
                http_request.overrideMimeType('text/xml');
                // See note below about this line
            }
        } else if (window.ActiveXObject) { // IE
            try {
                http_request = new ActiveXObject("Msxml2.XMLHTTP");
            } catch (e) {
                try {
                    http_request = new ActiveXObject("Microsoft.XMLHTTP");
                } catch (e) {}
            }
        }

        if (!http_request) {
            alert('Giving up :( Cannot create an XMLHTTP instance');
            return false;
        }
        http_request.onreadystatechange = function() { alertContents(http_request); };
        http_request.open('GET', url, true );
        
        http_request.send(null);

    }

    function alertContents(http_request) {

        if (http_request.readyState == 4) {
            if (http_request.status == 200) {

              document.getElementById('spid').innerHTML = http_request.responseText ;

            } else {
                alert('There was a problem with the request.');

            }
        }

    }

Search DZone Snippets

Popular @ dzone.com

Related Tags

ranjan_company's Tags

Never been to DZone Snippets before?

About this user

Javascript Motion tween

Making a simple XMLHTTP Request