Solved

Where to find a code for responseHTML

Posted on 2010-11-17
13
769 Views
Last Modified: 2012-05-10
Dear Expert,

Do you know where I can find the function or javascript library  of responseHTML in other webiste ?
so I can access it through DOM to extract data in other HTML file like
 document.getElementById('test').innerHTML =xmlhttp.responseHTML.getElementByID("......)
that is similar to  extract xml data from xmlhttp.responseXML

I got one but not complete at http://www.ohjelmointirengas.fi/Ohjelmointi/responseHTML.txt

Please help and advise

Duncan
0
Comment
Question by:duncanb7
  • 6
  • 6
13 Comments
 
LVL 42

Expert Comment

by:Rob Jurd, EE MVE
ID: 34161702
I've used mootools but JQuery will do the same for you.  the following is the ajax request object using the mootools library.  When the data has been received you can see I load an htm page and then access elements within it using simple css selectors.


		myRequest = new Request({
			url: "sales1.htm",
			noCache: true,
			link: 'ignore',
			method: 'get',
			async: false,
			onSuccess: function(responseText, responseXML) {
				$('my_content').innerHTML = responseText;
				alert($('my_content').getElement('#Book1_25322').getElement('img').src);
			}
		});

Open in new window

0
 
LVL 42

Expert Comment

by:Rob Jurd, EE MVE
ID: 34161703
alert($('my_content').getElement('#Book1_25322').getElement('img').src);

Open in new window


is the part i'm talking about
0
 
LVL 75

Expert Comment

by:Michel Plungjan
ID: 34162392
However you will not be able to ajax to another website unless for IE it is in trusted sites and for Fx it implements Cross Origin Resource Sharing
0
 
LVL 42

Expert Comment

by:Rob Jurd, EE MVE
ID: 34162961
That's right, the html file has to reside in the same domain unless you want to use the additional Request.JSONP package from mootools
see: http://www.clientcide.com/wiki/cnet-libraries/06-request/00-jsonp

Btw You've answered this question in your other question you have open: http://www.experts-exchange.com/Programming/Languages/Scripting/JavaScript/Q_26622228.html?cid=1749

that is the right code.  I would focus on using the Request.HTML and the onSuccess function() to obtain the responseHTML content
0
 
LVL 13

Author Comment

by:duncanb7
ID: 34164345
Dear Taqit,

it is not wokring and no response for my following try , and your index.html
in other  thread is working for sales1.htm so I put this following code  file in the same directory
under screen_update

And I want to know which word in your is code  calling mootools libray , OnSucess, Right ?
And  I found some ajax example   is working if I put the code file at D: drive
and some is not like yours.   Actually, xmlhttp is internet stuff, so it cannot access file system
on PC, RIght? But I don't know why some ajax example is also working on D: drive.
 
Duncan

Please advise

Duncan

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">

<head>

<title></title>

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

<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/mootools/1.3.0/mootools-yui-compressed.js"></script>



<script type='text/javascript'>



function main() {

myRequest = new Request({

			url: 'sales1.htm',

			noCache: true,

			link: 'ignore',

			method: 'get',

			async: false,

			onSuccess: function(responseText, responseXML) {

				$('my_content').innerHTML = responseText;

				alert($('my_content').getElement('#Book1_25322').getElement('img').src);

			}

		});

}



</script>



<input type='button' onclick="main();" value='click me' />

</head>

</html>

Open in new window

0
 
LVL 13

Author Comment

by:duncanb7
ID: 34164547
 alert($('my_content').getElement('#Book1_25322').getElement('img').src);
has javascript error

0
Is Your Active Directory as Secure as You Think?

More than 75% of all records are compromised because of the loss or theft of a privileged credential. Experts have been exploring Active Directory infrastructure to identify key threats and establish best practices for keeping data safe. Attend this month’s webinar to learn more.

 
LVL 13

Author Comment

by:duncanb7
ID: 34164668
alert($('my_content').getElementsById('Book1_25322').getElementsBYTagName('img').src);

It shoud be working but not work, why ? even I also put back <div id="my_content">loading</div>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">

<head>

<title></title>

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

<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/mootools/1.3.0/mootools-yui-compressed.js"></script>



<script type='text/javascript'>



function main() {

myRequest = new Request({

			url: "http://www.e-hftrade.com/mootools/screen_update/sales1.htm",

			noCache: true,

			link: 'ignore',

			method: 'get',

			async: false,

			onSuccess: function(responseText, responseXML) {

				$('my_content').innerHTML = responseText;

				alert($('my_content').getElementsById('Book1_25322').getElementsBYTagName('img').src);

			}

		});

}



</script>



<input type='button' onclick="main();" value='click me' />

<div id="my_content">loading</div>

</head>

</html>

Open in new window

0
 
LVL 42

Accepted Solution

by:
Rob Jurd, EE MVE earned 500 total points
ID: 34168064
all you are doing above is creating a mootools Request object everytime you run "main()".  nothing happens because you're not asking it to do anything.  you need to tell the request to send()
function main() {

myRequest = new Request({

			url: "http://www.e-hftrade.com/mootools/screen_update/sales1.htm",

			noCache: true,

			link: 'ignore',

			method: 'get',

			async: false,

			onSuccess: function(responseText, responseXML) {

				$('my_content').innerHTML = responseText;

				alert($('my_content').getElementsById('Book1_25322').getElementsBYTagName('img').src);

			}

		}).send();

}

Open in new window

0
 
LVL 42

Expert Comment

by:Rob Jurd, EE MVE
ID: 34168103
the "Request" is part of mootools.  without mootools you would have to determine which ajax object to use... see here:
http://www.w3schools.com/ajax/tryit.asp?filename=tryajax_first

the onSuccess is an Event that happens when the Request is completed and receives data back

AJAX = Asynchronous JavaScript and XML.

AJAX is not a new programming language, but a new way to use existing standards.

AJAX is the art of exchanging data with a server, and update parts of a web page - without reloading the whole page.


Of course it will work with D: but as long as you are running it through a local webserver like http://localhost
0
 
LVL 13

Author Comment

by:duncanb7
ID: 34168127
Dear taqit,
Okay thanks, I will remember you, now the big question is at following link , please help to review
http://www.experts-exchange.com/Programming/Languages/Scripting/AJAX/Q_26625196.html.
I don't know why I click may time of the button of the ajax code from wc3 is always
displaying the past data. SO the code is only worked for first time when I open my IE windows



I will credit all the thread to you .

DUncan
0
 
LVL 13

Author Closing Comment

by:duncanb7
ID: 34168170
thanks for all of you to reply

Please switch to new thread,
I get big problem  before using
anything mootools

0
 
LVL 13

Author Comment

by:duncanb7
ID: 34168182
0
 
LVL 42

Expert Comment

by:Rob Jurd, EE MVE
ID: 34168258
I believe it is because IE caches ajax requests
0

Featured Post

Is Your Active Directory as Secure as You Think?

More than 75% of all records are compromised because of the loss or theft of a privileged credential. Experts have been exploring Active Directory infrastructure to identify key threats and establish best practices for keeping data safe. Attend this month’s webinar to learn more.

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

Suggested Solutions

Things That Drive Us Nuts Have you noticed the use of the reCaptcha feature at EE and other web sites?  It wants you to read and retype something that looks like this.Insanity!  It's not EE's fault - that's just the way reCaptcha works.  But it is …
Nothing in an HTTP request can be trusted, including HTTP headers and form data.  A form token is a tool that can be used to guard against request forgeries (CSRF).  This article shows an improved approach to form tokens, making it more difficult to…
In this tutorial viewers will learn how to position items using CSS's three positioning types Create a new HTML document with an internal stylesheet.: Create another div in CSS and name it Absolute : Type "position:absolute;" and "top:10px; left:50p…
The viewer will receive an overview of the basics of CSS showing inline styles. In the head tags set up your style tags: (CODE) Reference the nav tag and set your properties.: (CODE) Set the reference for the UL element and styles for it to ensu…

920 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question

Need Help in Real-Time?

Connect with top rated Experts

17 Experts available now in Live!

Get 1:1 Help Now