cufon refresh in AJAX Tabs

[Monclee]

How can i add to reaload cufon.js in that script, i need it to get the fonts inside the AJAX tabs, if is to difficult i can use a regular font, but it would be nice if there is an easy way. and i think cufon is one nice script for fonts.

thanks! in advance, would be great to know your opinion

how can i use Cufon.refresh? i have no idea but i found that in a research.

[jscheuer1]

I don't know, is it:

cufon.refresh()

or:

Cufon.refresh()

?

Whichever, you can (in the ajaxtabs.js file) put it in the:

ddajaxtabs.loadpage=function(page_request, pageurl, tabinstance){
	var divId=tabinstance.contentdivid
	document.getElementById(divId).innerHTML=ddajaxtabssettings.loadstatustext //Display "fetching page message"
	if (page_request.readyState == 4 && (page_request.status==200 || window.location.href.indexOf("http")==-1)){
		document.getElementById(divId).innerHTML=page_request.responseText
		ddajaxtabs.ajaxpageloadaction(pageurl, tabinstance)
		cufon.refresh();
	}
}

function.

Or add an instance.onajaxpageload to the on page setup, ex:

<script type="text/javascript">

 var countries=new ddajaxtabs("countrytabs", "countrydivcontainer")
 countries.setpersist(true)
 countries.setselectedClassTarget("link") //"link" or "linkparent"
 countries.init()

 countries.onajaxpageload=function(pageurl){
 cufon.refresh();
 }

 </script>

as described on:

http://www.dynamicdrive.com/dynamici...uppliment3.htm

[Monclee]

thanks very much, y try the two solutions, with cufon and Cufon, and its not working, =(, when i change from one tab to other the cufon is bypass , i think because the html is loaded after cufon so is not converted.

thanks anyway, any other way i can try?

[Monclee]

Its working!, well almost, in the TAB1, or rel="#default" , its not working.

i can load external html and cufon its working XD!,

but on the default tab, when i come back, its not working :O. thanks XD

[jscheuer1]

It would help to know what worked.

And I'm not surprised. The default tab isn't loaded via AJAX.

I'd try:

<script type="text/javascript">
document.onclick = function(e){
	e = e || event;
	var t = e.target || e.srcElement;
	if(t.rel === '#default'){
		Cufon.refresh();
	}
};
</script>

If you want more help, please include a link to the page on your site that contains the problematic code so we can check it out.

[Monclee]

yes ofcourse, this is the correct solution

<script type="text/javascript">

var countries=new ddajaxtabs("countrytabs", "countrydivcontainer")
countries.setpersist(true)
countries.setselectedClassTarget("linkparent") //"link" or "linkparent"
countries.init()

 countries.onajaxpageload=function(pageurl){
 Cufon.refresh();
 }
 
 

</script>

And for the issue on the #default tab dosent work, do i have to put that script on the header?

[Monclee]

For the tab issue i solve it modifying your script, i refresh cufon on every clic but i dont think thats a problem

<script type="text/javascript">
document.onclick = function(){
	Cufon.refresh();
	}
</script>

[jscheuer1]

You could, but it's code could go with what you have, and a little error checking wouldn't hurt, so we could have:

<script type="text/javascript">

var countries=new ddajaxtabs("countrytabs", "countrydivcontainer");
countries.setpersist(true);
countries.setselectedClassTarget("linkparent"); //"link" or "linkparent"
countries.init();

countries.onajaxpageload = function(pageurl){
	if(typeof Cufon !== 'undefined'){
		Cufon.refresh();
	}
};

document.onclick = function(e){
	e = e || event;
	var t = e.target || e.srcElement;
	if(t.rel === '#default' && typeof Cufon !== 'undefined'){
		Cufon.refresh();
	}
};

</script>

[Monclee]

Thanks for that i just notice the tab when selected change the color of the text, but the "selected" tab wont change, do i make something wrong.

http://dreaminmedia.com/agatha/index.html

[jscheuer1]

Unless the answer is, "Because it's already changed", you've lost me there.

Could you be more specific?