JavaScript - Document.domain (not Accurate)

Hi:

I am having an issue that is quite strange. I have some javascript included into a page. It is working perfectly on one website. I duplicated the exact page to another domain and it wont work there at all. I have verfied that the html and javascript are exactly identical on both sites. Please help.

Note: Both sites are defined in IIS on the same server.
Also both sites directories are on the same server.

Code:

<link rel="stylesheet" href="http://jqueryui.com/themes/base/jquery.ui.all.css">
	<script src="http://jqueryui.com/jquery-1.4.4.js"></script>
	<script src="http://jqueryui.com/ui/jquery.ui.core.js"></script>
	<script src="http://jqueryui.com/ui/jquery.ui.widget.js"></script>

	<script src="http://jqueryui.com/ui/jquery.ui.accordion.js"></script>
	
	<script>
	    $(function () {
	        $("#accordion").accordion();
	    });
	</script>

Hi All
I have a list of links on my website with anchors coded the following way:

<ul class="fav"><a href="/cgi-bin/send.pl?ID=XX" onMouseOver="window.status='http://www.domain.com'; return true;" onMouseOut="func_clear(); return true;" onClick="stat(294);" target="_blank">Linked domain name</a></ul>

Then I have found on http://www.askthecssguy.com/2006/12/..._favicons.html
a javascript to display a favicon image before each one of my links in the list;
this script is working fine when getting the domain name from href value.
But in my case the suitable domain name to load each favicon is present in window.status value.

I have played a bit with the above scripts and finally I'm trying to use the following function:

Code:

function faviconizeFavicon() { 
  if (!document.getElementsByTagName) return false;
  if (!document.createElement) return false;
  var ul = document.getElementsByTagName("ul");
  for (var i=0; i<ul.length; i++) {
  	if (ul[i].className == "fav") {
  		var links = ul[i].getElementsByTagName("a");
  		for (var j=0; j<links.length; j++) {
  		var hrefvalue = links[j].parentNode.innerHTML;
	             var domain = 'default_favicon.gif';		
domain = hrefvalue.match(/(\w+):\/\/([^/:]+)(:\d*)?([^# ]*)\'/g);
			
try{
	             var cue1 = document.createElement("img");
		cue1.className = "favicon";
		cue1.src = 'default_favicon.gif';
		cue1.id = 'img' +i+ j;
		links[j].parentNode.insertBefore(cue1,links[j]);						

		var cue = document.createElement("img");
		cue.className = "favicon";

		var cuesrc = "http://"+ domain + "/favicon.ico";
		cuesrc = cuesrc.replace("http://http://","http://");
		cuesrc = cuesrc.replace("'/favicon.ico","/favicon.ico");
		cue.setAttribute("imgid",'img' +i+ j);
		cue.setAttribute("src",cuesrc);
		cue.onload = function () {
		document.getElementById(this.getAttribute("imgid")).src = this.src;
		}
		cue.setAttribute("src",cuesrc);
		}
		catch ( ex )
		{
		}						
		}
  	}
  }
}

This javascript should display first the default locally available favicon gif before each link and then try to load original favicons from each domain and display them at the place of default favicon gif only if available.

The above code works with any console errors but very randomly and not with all websites ??
Some favicons are loaded from distant websites and some of them never, independing of network quality or other factors!

So I'm wondering why this code is not working for each link ?


My question is:

could you please have a look on my following Regex if this should work in every case with each domain name ?

domain = hrefvalue.match(/(\w+):\/\/([^/:]+)(:\d*)?([^# ]*)\'/g);

I put the apostrophe at the end because my url in window.status is always ended by a single closing.

Also I'm asking if taking into account that ONLY my window.status value is placed between single apostrophes and ALL other values of my anchors are opened and closed with double apostrophes, maybe it would be easier to get my domain value searching for any value between two single apostrophes ??

My another question is:
Is it possible that other javascripts present in my html code could interfere with this script and make it working randomly ?

Thanks in advance for any clues

Hello,

I am trying to create an imageuploader for my forum hosted on domain forum.com (fictional domain name)

The image uploader is hosted on domain uploader.com (fictional domain name)

When the uploader is done i want info to be passed from the uploader to the texteditor on the forum using javascript.

I tried everything i could think of with document.getElementById but to no avail.

The element on the forum is clickableEditor.textarea

Is it possible and if so, can someone please help me out?

Hello

I'm using lytebox to open an iframe, but the iframe url is in another domain that the parent window.

i need to close the iframe when user clicks a button. I can do that with javascript : top.$lb.end();
the $lb.end(); starts lytebox scripts in parent window which close the iframe and modify all the css stuff.
That works when my iframe url is in the same domain. But when it's in another domain, that does'nt work.

Can anyone tells me how to do that ? Starting the $lb.end() function of the parent window ?
Thank you.

Hi,

I am confused how to make this javascript work as I want it to be.

Right now the code forces pop unders in IE and FF and it's coded that way that the pop under will pop up once on the main domain per day per customer.

My problem is that it also pops up on every subdomain and it doesn't recognize the subdomains and so pops up everytime I browse through my subdomains.

Yet I am new and I tried searching the form for an answer. I added the /path function, but that didn't work, Mostlikely because I added it at the wrong spot. I am not a real programmer myself, so excuse me if the answer is real simple.

Thanks in advance.

The script I am talking about:

=========================
Code:

<script type="text/javascript">
   var puShown = false;
   function doOpen(url)
   {
           if ( puShown == true )
           {
                   return true;
           }
           win = window.open(url, 'wmPu', 'toolbar,status,resizable,scrollbars,menubar,location,height=600,width=800');
           if ( win )
           {
                   win.blur();
                   puShown = true;
           }
           return win;
   }
   
   
   function setCookie(name, value, time)
   {
       var expires = new Date();
       
       expires.setTime( expires.getTime() + time );
       
       document.cookie = name + '=' + value + '; expires=' + expires.toGMTString();
   }
   
   
   function getCookie(name) {
       var cookies = document.cookie.toString().split('; ');
       var cookie, c_name, c_value;
       
       for (var n=0; n<cookies.length; n++) {
           cookie  = cookies[n].split('=');
           c_name  = cookie[0];
           c_value = cookie[1];
           
           if ( c_name == name ) {
               return c_value;
           }
       }
       
       return null;
   }

   function initPu()
   {
           if ( document.attachEvent )
           {
                   document.attachEvent( 'onclick', checkTarget );
           }
           else if ( document.addEventListener )
           {
                   document.addEventListener( 'click', checkTarget, false );
           }
   }
   
   
   function checkTarget(e)
   {
       if ( !getCookie('popundr') ) {
           var e = e || window.event;
           var win = doOpen('http://www.examplesite.com');
           
           setCookie('popundr', 1, 24*60*60*1000);
       }
   }
   initPu();
</script>

Hello!

I am creating a regular expression for a URL where the domain name (i.e. .com|.edu etc) is optional. That is both http://xyz and http://xyz.com should be valid. If <.> is present then com|edu|.. will be there; but if <.> is absent then com|edu|.. will not be there. Also there can be any number of <.>, but every <.> will be followed by characters. So in other words the string can't end with <.>, it should only end with [a-zA-Z0-9]. So far I have created the following part -

var url=document.myform.addr.value;
var str="^(http|https)\://(([a-zA-Z0-9\.\-]+)*[a-zA-Z0-9\-]+\.(com|edu|gov|[a-zA-Z]{2})|[a-zA-Z0-9]+$)";
var regEx = new RegExp(str);
if (url.match(regEx))
{
#Matched
}

But it's not working perfectly, it's giving runtime error, if I remove the last $, error is not coming, but http://xyz. is validated! Can you please help me how to modify the regex?

So in summary
http://xyz - valid
http://xyz.com - valid
http://xyz.co.uk - valid
http://xyz. - ending with <.>, so invalid

Thanks in advance.

Where can I get a script that looks up IP addresses and domain name just like http://cqcounter.com/whois/

I've seached everywhere without sucess.

Thanks in advance.

Hi,

I have searched and searched...

Is there a way of using the Ajax httpRequest cross domain?

thanks

Hi All,

I'm writing this post as there are alot of questions about Cross Domain AJAX request so i'm going to give an overview of the different ways and the best practices

Ok so there are 2 systems for this the key difference is how much control you have.

If you control the Requested site you can use Javascript Safe calling to that server, this is all done via a few Headers so to do this

all you have to do is send some headers from the page your requesting.

The first is tell the browser that the site the AJAX call is coming from is allowed this is done with

"Access-Control-Allow-Origin: "
Now this can be set to a wild card and allow all sites to access the page

"Access-Control-Allow-Origin: *"

Or you can say only a set server can
"Access-Control-Allow-Origin: mydomain.com"

This header allows GET requests but what if you need to post data to the site well you need to tell the browser that POST data is allowed to be sent

Access-Control-Allow-Headers: GET,POST

Now we run into the problem that sending post data the browser will send the header Content-Type but your server has not told the browser its allowed to send that header so
Access-Control-Allow-Methods: Content-Type

Will allow the header to be sent if you wish to send any other custom headers you have to make your server tell the browser its allowed to send them this is done by adding them as a comma delimited list via the "Access-Control-Allow-Headers" header

Now if you dont have control well then your back to using a script that is local to the AJAX script then sending the data via cURL or another connection method to the remote server

Please note i will be uploading examples in php later.

Example Scripts

Remote Server
PHP Code:
header("Access-Control-Allow-Origin: *");
header("Access-Control-Allow-Headers: GET,POST");
header("Access-Control-Allow-Methods: Content-Type");
$output = array(
    'response' => 'hello world!',
    '_GET' => $_GET,
    '_POST' => $_POST,
);
echo json_encode($output); 


Client Script -- please note built for Google Chrome
PHP Code:
var getExample = new XMLHttpRequest();
getExample.open("GET", "http://www.test.com/remote.php?test=set", true);
getExample.onreadystatechange = function(requestHandle){ console.debug(requestHandle); }
getExample.send(null);

var postExample = new XMLHttpRequest();
postExample.open("POST", "http://www.test.com/remote.php?test=set", true);
postExample.onreadystatechange = function(requestHandle){ console.debug(requestHandle); }
postExample.setRequestHeader("Content-Type", "x-www-urlencoded-data");// this is sent to prevent the requested server not saving post data
postExample.send("?set=test"); 


If you are unable to Edit files on the remote server you can use the link provided by Kor
http://www.troywolf.com/articles/

This will give you all the information you require to use php to talk to the remote server (basic proxy in effect)

I have the following code written to give a user the option of participating in our survey, however, I cannot get it to only pop up when leaving the domain vs. clicking links internally. I have searched and searched and tried to implement code that I found on here among other sites without luck. I know I am just screwing up something simple so I need your help! I have also tried to implement code to set and read cookies so that it doesn't pop up excessively for a user. Although I would be ok without the cookie code.

Here is what I got:
Code:

<!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">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
</head>
<body>
<script>

window.onbeforeunload = function(){ 
        location.assign('http://www.survey.com'); 
        return "Thanks for visiting! We would appreciate if you could take the time to fill out our short survey to enhance your experience with our organization. To take our survey please hit CANCEL below. To continue without taking our survey just hit OK. Thanks again!"; 
    } 
</script>
</body>
</html>

Thanks in advance for your help. I didn't include any other code that I tried to implement as I figured it would be easier for you all to direct me in the right direction and help implement the code into mine.

hi, in my page he http://www.mypubspace.com/dashtest/order.html

I would like this working Cross Domain and output in JSON?

Can anyone please help me?

thanks

code:
Code:

<html>
<body>

<script language="javascript" type="text/javascript">
<!-- 
//Browser Support Code
function ajaxFunction(){
	var townRequest;  // The variable that makes Ajax possible!
	
	try{
		// Opera 8.0+, Firefox, Safari
		townRequest = new XMLHttpRequest();
	} catch (e){
		// Internet Explorer Browsers
		try{
			townRequest = new ActiveXObject("Msxml2.XMLHTTP");
		} catch (e) {
			try{
				townRequest = new ActiveXObject("Microsoft.XMLHTTP");
			} catch (e){
				// Something went wrong
				alert("Your browser broke!");
				return false;
			}
		}
	}
	// Create a function that will receive data sent from the server
	townRequest.onreadystatechange = function(){
		if(townRequest.readyState == 4){
			var ajaxDisplay = document.getElementById('ajaxDiv');
			ajaxDisplay.innerHTML = townRequest.responseText;
		}
	}
	var name = document.getElementById('name').value;
	var county = document.getElementById('county').value;
	var town = document.getElementById('town').value;
	var queryString = "?name=" + name + "&county=" + county + "&town=" + town;
	//Add the following line
	townRequest.open("GET", "http://www.mypubspace.com/dashtest/townpubs.php" + queryString, true);
	townRequest.send(null);
}

function countyFunction(){
	var countyRequest;  // The variable that makes Ajax possible!
	
	try{
		// Opera 8.0+, Firefox, Safari
		countyRequest = new XMLHttpRequest();
	} catch (e){
		// Internet Explorer Browsers
		try{
			countyRequest = new ActiveXObject("Msxml2.XMLHTTP");
		} catch (e) {
			try{
				countyRequest = new ActiveXObject("Microsoft.XMLHTTP");
			} catch (e){
				// Something went wrong
				alert("Your browser broke!");
				return false;
			}
		}
	}
	// Create a function that will receive data sent from the server
	countyRequest.onreadystatechange = function(){
		if(countyRequest.readyState == 4){
			var ajaxDisplay = document.getElementById('ajaxDiv');
			ajaxDisplay.innerHTML = countyRequest.responseText;
		}
	}
	var name = document.getElementById('name').value;
	var county = document.getElementById('county').value;
	var town = document.getElementById('town').value;
	var queryString = "?name=" + name + "&county=" + county + "&town=" + town;
	//Add the following line
	countyRequest.open("GET", "http://www.mypubspace.com/dashtest/countypubs.php" + queryString, true);
	countyRequest.send(null);
}



function townlistFunction(){
	var ajaxRequest;  // The variable that makes Ajax possible!
	
	try{
		// Opera 8.0+, Firefox, Safari
		ajaxRequest = new XMLHttpRequest();
	} catch (e){
		// Internet Explorer Browsers
		try{
			ajaxRequest = new ActiveXObject("Msxml2.XMLHTTP");
		} catch (e) {
			try{
				ajaxRequest = new ActiveXObject("Microsoft.XMLHTTP");
			} catch (e){
				// Something went wrong
				alert("Your browser broke!");
				return false;
			}
		}
	}
	// Create a function that will receive data sent from the server
	ajaxRequest.onreadystatechange = function(){
		
		
	 if(ajaxRequest.readyState == 4){
			var ajaxDisplay = document.getElementById('ajaxTownlist');
			var county = document.getElementById('county').value;
			var town = document.getElementById('town').value;
			ajaxDisplay.innerHTML = ajaxRequest.responseText;
		}
	}
	
	ajaxRequest.open("GET", "http://www.mypubspace.com/dashtest/town-select.php", true);
	ajaxRequest.send(null); 
}

function countylistFunction(){
	var ajaxRequest;  // The variable that makes Ajax possible!
	
	try{
		// Opera 8.0+, Firefox, Safari
		ajaxRequest = new XMLHttpRequest();
	} catch (e){
		// Internet Explorer Browsers
		try{
			ajaxRequest = new ActiveXObject("Msxml2.XMLHTTP");
		} catch (e) {
			try{
				ajaxRequest = new ActiveXObject("Microsoft.XMLHTTP");
			} catch (e){
				// Something went wrong
				alert("Your browser broke!");
				return false;
			}
		}
	}
	// Create a function that will receive data sent from the server
	ajaxRequest.onreadystatechange = function(){
		if(ajaxRequest.readyState == 4){
			var ajaxDisplay = document.getElementById('ajaxCountylist');
			ajaxDisplay.innerHTML = ajaxRequest.responseText;
		}
	}
	
	ajaxRequest.open("GET", "http://www.mypubspace.com/dashtest/county-select.php", true);
	ajaxRequest.send(null); 
}

function MM_jumpMenu(targ,selObj,restore){ //v3.0
  eval(targ+".location='"+selObj.options[selObj.selectedIndex].value+"'");
  if (restore) selObj.selectedIndex=0;
}

//-->
</script>

<a href="#" onClick="townlistFunction();">show towns list</a>
<a href="#" onClick="countylistFunction();">show counties list</a>
<form name='myForm'>
<div id="ajaxTownlist"></div>
<div id="ajaxCountylist"></div>
<input type='hidden' id='name' />
<input type='hidden' id='county' />
<input type='hidden' id='town' />
</form>
<div id='ajaxDiv'></div>
</body>
</html>

Hello all,

I am building a service that other developers will use. As part of this, they need to embed a form on their website. This form will be hosted on my server, be updated periodically, etc.

We'd been trying to create a Javascript file that would use JQuery to load the form, but we're running into issues from the Same Origin Policy, where Ajax requests cannot be made across different domains.

Does anyone have an idea of how to fix this? We thought about using an iframe, but that solution will not suffice.

Thanks!

Hi guys.

I want to create login form similar like facebook login which web owner can put the script and it will become login for their web and also it will auto register at their web.

I believe it need to use javascript because javascript is cross platform.

Can someone give me a clue for me to start on?

JavaScript code is not traversing via Iframe with Cross Domain.

Actually i was assigned with a project, to grab the top page URL, which has many Iframes, which are coming from different domains. The final sub domain has the JavaScript code, which has to grab the top page URL.

Can anyone help me out in this????

hi,

my working project (needs a proxy): http://www.mypubspace.com/dashtest/order.html

currently working through this tutorial, I have setup a proxy and saved it as proxy.php
http://www.wait-till-i.com/2010/01/1...query-and-yql/


I just need to put this piece of code in my JavaScript but not sure where?!

Code:

var url = $(this).attr('href');
    if(url.match('^http')){
      url = 'proxy.php?url=' + url;
    }

here is my project code
Code:

<html>
<body>

<script language="javascript" type="text/javascript">
<!-- 
//Browser Support Code
function ajaxFunction(){
	var townRequest;  // The variable that makes Ajax possible!
	
	try{
		// Opera 8.0+, Firefox, Safari
		townRequest = new XMLHttpRequest();
	} catch (e){
		// Internet Explorer Browsers
		try{
			townRequest = new ActiveXObject("Msxml2.XMLHTTP");
		} catch (e) {
			try{
				townRequest = new ActiveXObject("Microsoft.XMLHTTP");
			} catch (e){
				// Something went wrong
				alert("Your browser broke!");
				return false;
			}
		}
	}
	// Create a function that will receive data sent from the server
	townRequest.onreadystatechange = function(){
		if(townRequest.readyState == 4){
			var ajaxDisplay = document.getElementById('ajaxDiv');
			ajaxDisplay.innerHTML = townRequest.responseText;
		}
	}
	var name = document.getElementById('name').value;
	var county = document.getElementById('county').value;
	var town = document.getElementById('town').value;
	var queryString = "?name=" + name + "&county=" + county + "&town=" + town;
	//Add the following line
	townRequest.open("GET", "http://www.mypubspace.com/dashtest/townpubs.php" + queryString, true);
	townRequest.send(null);
}

function countyFunction(){
	var countyRequest;  // The variable that makes Ajax possible!
	
	try{
		// Opera 8.0+, Firefox, Safari
		countyRequest = new XMLHttpRequest();
	} catch (e){
		// Internet Explorer Browsers
		try{
			countyRequest = new ActiveXObject("Msxml2.XMLHTTP");
		} catch (e) {
			try{
				countyRequest = new ActiveXObject("Microsoft.XMLHTTP");
			} catch (e){
				// Something went wrong
				alert("Your browser broke!");
				return false;
			}
		}
	}
	// Create a function that will receive data sent from the server
	countyRequest.onreadystatechange = function(){
		if(countyRequest.readyState == 4){
			var ajaxDisplay = document.getElementById('ajaxDiv');
			ajaxDisplay.innerHTML = countyRequest.responseText;
		}
	}
	var name = document.getElementById('name').value;
	var county = document.getElementById('county').value;
	var town = document.getElementById('town').value;
	var queryString = "?name=" + name + "&county=" + county + "&town=" + town;
	//Add the following line
	countyRequest.open("GET", "http://www.mypubspace.com/dashtest/countypubs.php" + queryString, true);
	countyRequest.send(null);
}



function townlistFunction(){
	var ajaxRequest;  // The variable that makes Ajax possible!
	
	try{
		// Opera 8.0+, Firefox, Safari
		ajaxRequest = new XMLHttpRequest();
	} catch (e){
		// Internet Explorer Browsers
		try{
			ajaxRequest = new ActiveXObject("Msxml2.XMLHTTP");
		} catch (e) {
			try{
				ajaxRequest = new ActiveXObject("Microsoft.XMLHTTP");
			} catch (e){
				// Something went wrong
				alert("Your browser broke!");
				return false;
			}
		}
	}
	// Create a function that will receive data sent from the server
	ajaxRequest.onreadystatechange = function(){
		
		
	 if(ajaxRequest.readyState == 4){
			var ajaxDisplay = document.getElementById('ajaxTownlist');
			var county = document.getElementById('county').value;
			var town = document.getElementById('town').value;
			ajaxDisplay.innerHTML = ajaxRequest.responseText;
		}
	}
	
	ajaxRequest.open("GET", "http://www.mypubspace.com/dashtest/town-select.php", true);
	ajaxRequest.send(null); 
}

function countylistFunction(){
	var ajaxRequest;  // The variable that makes Ajax possible!
	
	try{
		// Opera 8.0+, Firefox, Safari
		ajaxRequest = new XMLHttpRequest();
	} catch (e){
		// Internet Explorer Browsers
		try{
			ajaxRequest = new ActiveXObject("Msxml2.XMLHTTP");
		} catch (e) {
			try{
				ajaxRequest = new ActiveXObject("Microsoft.XMLHTTP");
			} catch (e){
				// Something went wrong
				alert("Your browser broke!");
				return false;
			}
		}
	}
	// Create a function that will receive data sent from the server
	ajaxRequest.onreadystatechange = function(){
		if(ajaxRequest.readyState == 4){
			var ajaxDisplay = document.getElementById('ajaxCountylist');
			ajaxDisplay.innerHTML = ajaxRequest.responseText;
		}
	}
	
	ajaxRequest.open("GET", "http://www.mypubspace.com/dashtest/county-select.php", true);
	ajaxRequest.send(null); 
}

function MM_jumpMenu(targ,selObj,restore){ //v3.0
  eval(targ+".location='"+selObj.options[selObj.selectedIndex].value+"'");
  if (restore) selObj.selectedIndex=0;
}

//-->
</script>

<a href="#" onClick="townlistFunction();">show towns list</a>
<a href="#" onClick="countylistFunction();">show counties list</a>
<form name='myForm'>
<div id="ajaxTownlist"></div>
<div id="ajaxCountylist"></div>
<input type='hidden' id='name' />
<input type='hidden' id='county' />
<input type='hidden' id='town' />
</form>
<div id='ajaxDiv'></div>
</body>
</html>

please help?!