Như tiêu đề, đây là code forum tiaxgame phiên bản chạy trên host và cũng từng có code giống vầy chạy trên wap4 nhưng mà lỡ xóa rồi ợ @@
Không dài dòng lòng vòng nữa, đi vào mô tả chính luôn cho nóng ợ :D code chạy cái này các bạn có thể tham khảo nếu không thích code của mình:https://wap4.chiase321.net/2022/07/php-thu-vien-chay-twig-tren-hosting.html (Cái này của @Tuankill và @Min , Code của @Min vượt trội hơn nhưng mà nãy mình tải không được nên zip lại với bản của @Tuankill )
Code sử dụng Ajax gần full, cụ thể là chưa full và còn một số ở tin nhắn, tìm kiếm forum nữa là full, các bạn có thể về mod lại tin nhắn auto load để nó full còn tìm kiếm forum thì có thể dùng code mdload của @mrducz95 xíu mình để lại tại đây luôn.

Code twig thì là code của @tiaxgame có thể đọc thông tin tại đây Code forum wap4
mình mang về chỉ sửa lại giao diện thôi, mà lâu rồi, thời mà @@startlove còn đang dang dở code blog wap4 chứ không phải bây giờ nên là tính năng còn hơi sơ xài, những tính năng ấy các bạn có thể tìm được vì có rất nhiều ha :D
vừa rồi mình có cố gắng tối ưu code này thử nhưng nó không ra gì hết nên mình bỏ, tại vì code sử dụng function get nhiều quá nên có phần hơi chậm.

Về giao diện thì trước kia sử dụng w3.css và jquery nhưng theme đó nó không còn đẹp nữa nên mình sửa lại cho chạy giao diện bootstrap mà forum vdevs đang sử dụng, thực ra là mình tải giao diện đó về chỉnh lại thôi chứ hoàn toàn không lấy thứ gì từ vdevs nhen (Có lấy đó, mình xạo xạo thôi kk)

Các bạn có thể xem qua code tại đây:http://zviet.gq/ vì là làm demo thôi nên mình dùng hostbyet để up tạm lên :v mí bạn thông cảm.
Một số hình ảnh:
Trang chủ với phong cách như bao forum khác
Trang bài viết rất là giống code của tiaxgame
Cuối bài viết vẫn còn block share luôn nè
Trang đăng ký có recaptcha không cần giới hạn 10p 1 tài khoản nữa
Đăng nhập
Đăng nhập thành cmn công
Công cụ
Sos, chỉ load khi có tin nhắn mới kèm âm thanh TING
Tin nhắn này chưa làm ajax
Upload avatar
Upload ảnh giống johncms
Xem ảnh đã upload (đừng để ý cái ảnh đấy :v )
Tóm lại là share code ^^

Còn đây là miload (Chỉ dùng cho code trên) :

$("#toggleMenu").click(function(){
    $("#mainpage").addClass("has-menu");
  });
$("#menuOverlay, #mi").click(function(){
    $("#mainpage").removeClass("has-menu");
  });
$('body').on("click", 'a#mi', function(mi) {
                    
                        
  jQuery("body").append(jQuery("<div><dt/><dd/></div>").attr("id", "progress"));
  jQuery("#progress").width(100+ "%");
  jQuery("#progress").width("101%").delay(800).fadeOut(400, function() {
   jQuery(this).remove();
  });
  
  
		mi.preventDefault();
		url = $(this).attr('href');
		MiLoad(url, false);
	});
        
	var state = {name: location.href, page: document.title};
	window.history.pushState(state, document.title, location.href);

	$(window).on("popstate", function(){
		if(history.state){
		  MiLoad(history.state.name, true);
		}
	});
	
	function MiLoad(link,pop){
		    $("#mainpage").removeClass("has-menu");
		$.get(link,"", function(data_html){
			var title = data_html.split('<title>')[1].split('</title>')[0];
			var body = data_html.split('<main>')[1].split('</main>')[0];
			$("title").text(title);
			$("main").html(body);    
                        
			        if(pop != true){
					  var state = {name: link, page: title};
					  window.history.pushState(state, title, link);		
					}
			 $('html,body').animate({scrollTop:0},200);
		});
	}
    
  jQuery("body").append(jQuery("<div><dt/><dd/></div>").attr("id", "progress"));
  jQuery("#progress").width(100+ "%");
  jQuery("#progress").width("101%").delay(800).fadeOut(400, function() {
   jQuery(this).remove();
  });
  function mdload(id){
  $(id).submit(function(event) {
        jQuery("body").append(jQuery("<div><dt/><dd/></div>").attr("id", "progress"));
        jQuery("#progress").width(100+ "%");
        jQuery("#progress").width("101%").delay(800).fadeOut(400, function() {
        jQuery(this).remove();
         });
        var link = $(this).attr('action');
        $.ajax({
            method: $(this).attr('method'),
            url: $(this).attr('action'),
            data: $(this).serialize(),
        }).done(function(data_html) {
            var title = data_html.split('<title>')[1].split('</title>')[0];
			var body = data_html.split('<main>')[1].split('</main>')[0];
			$("title").text(title);
			$("main").html(body);  
			var state = {name: link, page: title};
			window.history.pushState(state, title, link);

        });
        event.preventDefault();
   });
   
   
		    
	}

Để sử dụng thì nếu link thì thêm id=mi là được còn form thì :

    mdload('form:not([id])'); // Nếu dùng cái này thì mọi form không có id nó đều load
    mdload('#mdload'); // Nếu dùng cái tương tự cái này thì form phải có id là mdload nó mới chạy

cụ thể cái này phải nằm trước thẻ đóng </main> nó mới chạy nha.
Code làm năm 2018 sửa lại năm 2019 và hôm bửa có mở 1 lần nữa nhưng không sửa gì hết. Ai dùng thì cho mình 1 like ạ

Files (2)

Chapter (0)

Share