Hi i am making a website & want to use the dynamic content effect as the following reference : http://www.diftype.com/
after copied the source, it's work for the fade in effect, but can't call the entry to the content area.
i checked the "get_entry.php" file, which is a empty, so i think the most problems is from the "jquery.corefunctions.js"
so i post the detail as below, please help to fix it, thanks a lot!!
jQuery.extend({
//content
firstLoad: function(id) {
if(!location.hash && id) {
$.sendRequest(id);
}
},
contentTarget: undefined,
latestLoad: undefined,
sendRequest: function(id) {
if(!id) return;
id = decodeURIComponent(id);
if(id == jQuery.latestLoad) return;
if(id.search("tag-") < 0) jQuery.contentLoad(id);
else jQuery.tagClick(id);
},
contentLoad: function(id) {
$(".link-text, .page-link").removeClass("link-active");
$(".page-link[href='#"+id+"']").addClass("link-active");
$("#thumb"+id+" .link-text,#list"+id+" .link-text").addClass("link-active");
jQuery.contentTarget.animate({"opacity":0},200);
$.ajax({
type: "get",
url: "core/functions/get_entry.php",
data: "id="+id,
datatype: "php",
success: function(data){
$("#load-content").show();
$('php').animate({scrollTop:0}, 200);
jQuery.latestLoad = id;
jQuery.contentInsert(data);
}
});
},
contentInsert: function(data) {
var id = jQuery.contentTarget.attr("id");
jQuery.contentTarget.html(data);
$("#close-entry").click(function(){
$(".link-text, .page-link").removeClass("link-active");
jQuery.latestLoad = "";
$("#load-content").html("");
$("#load-content").hide();
});
jQuery.contentTarget.animate({"opacity":1},200);
},
//tags
tagArray: undefined,
tagClick: function(id) {
var tag,arr,ex;
$(".tag-link.link-active").each(function(){
$(this).removeClass("link-active");
});
$(".tag-link[href='#"+id+"']").each(function(){
$(this).addClass("link-active");
tag = $(this).attr("name");
});
arr = jQuery.tagArray[tag];
if(!arr) arr = [];
$(".entry-link").each(function() {
ex = false;
for (var i = 0;i<arr.length;i++){
var e_id = $(this).attr("id").replace(/list/,'').replace(/thumb/,'');
if( e_id == arr[i] ) ex = true;
}
if(ex) $(this).fadeTo(200,1.0);
else $(this).fadeTo(200,0.25);
});
},
tagAll: function() {
$("#load-content").hide();
$.latestLoad = "";
$(".link-active").each(function() {
$(this).removeClass("link-active");
});
$(".entry-link").each(function() {
$(this).fadeTo(200,1.0);
});
}
});