Hi I have a problem here
This is my code, its working when I write “http://localhost” and retrieves content but when I write other websites like “http://www.google.com” it doesn’t work.
I have uploaded codes in my web host for you guys to test it.
Here is the link. http://faceproishere.netii.net/test.php
And here you can see my codes:
<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<title>Untitled Document</title>
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.0/jquery.min.js" type="text/javascript"></script>
</head>
<body>
<input type="text" name="field1" id="field1" value="http://localhost">
<input value="load" type="button" onClick="my_function()">
<textarea cols="15" rows="12" id="frame1" style="float:left"></textarea>
<div id="frame2" style="width:400px;height:400px;overflow:scroll;fl oat:left"></div>
<script type="text/javascript">
function my_function()
{
if($("#field1").val() != '' && $("#field1").val().indexOf("http",0) == 0)
{
$.get($("#field1").val(),function(data)
{
$("#frame1").html(data)
$("#frame2").html(data)
})
}
}
</script>
</body>
</html>
Tnx in advance.
You cannot access content in this way from a different source. This is not allowed for security reasons. See also: https://developer.mozilla.org/en-US/docs/Same_origin_policy_for_JavaScript
You can see this type of problem very easily if you check your browser’s console.