#9 Classified Ads Feature from Forumotion

Since Edge modifies the templates, the new classified ads feature looks broken.

Maybe this will help fix the issue: http://help.forumotion.com/t148489-templates-for-the-classified-ads#1026483 ?

I just wanted to post this right now, but then I saw your topic.
@SLGray is right. The new feature looks broken and maybe you can work on an update, @Ange Tuteur.

@SLGray thank you for your quick responde in FM i found it, yeah, it conflicted w my main script
MAIN SCRIPT

Code:

$(document).ready(function() {
    $(window).scroll(function(){
        var scrollTop=((window.scrollY-0));
        if ( $(this).scrollTop() < 102 ){
            $("nav, .left-side_nav").css('top',(102-(scrollTop))).removeClass('justthumb');
            $("nav #mesg_noti").slideUp('fast');
            $("#chat_hangout, .full_hangout").css('top',146);
        } if ( $(this).scrollTop() > 102 ){
            $("nav, .left-side_nav").css('top',0).addClass('justthumb');
            $("nav #mesg_noti").slideDown('fast');
            $("#user_panel").fadeOut('fast');
            $(".full_hangout").css('top',44);
        } if ( $(this).scrollTop() < 352 ){
            $("header").removeClass('small_info').parent().css('padding-top',0);
            $("#jump_top").fadeOut('fast');
        } if ( $(this).scrollTop() > 352 ){
            $("header").addClass('small_info').parent().css('padding-top',354);
            $("#jump_top").fadeIn('fast');
        }
    });
});
$(document).ready(function() {
    var wheight = document.documentElement.clientHeight;
    $("#nav_current").hover(function() {
        $('.left-side_nav').animate({left:'0px'},100);
    });
    $(".left-side_nav").hover(function() {
        $('.left-side_nav').animate({left:'0px'},100);
    }, function(){
        $('.left-side_nav').animate({left:'-270px'},100);
    });
    $(".g_search_box").submit(function(e) {
        var keyword = $(this).children('input#g_search_input').val();
        $("#gkw").html(keyword);
        if (keyword != '') {
            $('.search_rs_box').show();
            $(this).children('input#g_search_input').removeClass('error').focus()
        } else {
            $('.search_rs_box').hide();
            $(this).children('input#g_search_input').addClass('error').focus();
        }
        $(".put_the_rs").empty();
        $(".search_rs_box").append('<div id="no_rs_box" class="still_loading nodis">Searching...</div>');
        $('.still_loading').fadeIn('fast');
        $.get("/search?search_keywords="+keyword, function(data) {
            $(data).find(".statused").children().appendTo(".put_the_rs");
            $(".still_loading").fadeOut("slow", function() {
                $(this).remove();
                if ($(".put_the_rs").html() == '') {
                    $(".put_the_rs").append('<div id="no_rs_box">Your search '+keyword+' did not match any documents!</div>');
                }
            });
            $(".put_the_rs tr").children(".tc2,.tcr").remove();
            $(".put_the_rs tr .tcl").children("img").remove();
            $(".put_the_rs tr").children(".tc3").prepend('&nbsp; - ');
            $(".put_the_rs tr").children(".tc3:last-child").prev('.tc3').append(' replies');
            $(".put_the_rs tr").children(".tc3:last-child").append(' views');
        });
        return false;
    });
    $(document).on("click","#close_srch", function(){
        $('.search_rs_box').fadeOut('fast', function(){
            $(".put_the_rs").empty();
        });
    });
    $(document).on("click","#turn_chat, #close_hangout", function() {
        $("#chat_hangout").toggle().removeClass("full_hangout");
    });
    $(document).on("click","#full_hangout", function() {
        var scrollTop=((window.scrollY-0));
        $("#chat_hangout").toggleClass("full_hangout").removeClass("hide_hangout");
        if (scrollTop > 102) {
            $("#chat_hangout").css('top',146);
            $(".full_hangout").css('top',44);
        } else {
            $("#chat_hangout").css('top',146);
        }
    });
    $(document).on("click","#hide_hangout", function() {
        $("#chat_hangout").toggleClass("hide_hangout");
        if ($("#chat_hangout").hasClass("hide_hangout")) {
          $("#chat_hangout").css('top',(wheight-39)).removeClass("full_hangout");
        } else {
            $("#chat_hangout").css('top',146);
        }
    });
    $(document).on("click","#show_s_option", function() {
        $("#stream_option").fadeToggle('fast');
    });
    $(document).on("click","#stream_option .str_button", function() {
        $("#stream_option .str_button").removeClass("active");
        $("#stream_option").fadeOut('fast');
        $(this).addClass("active");
    });
    $(document).on("click",".str_button.tscol", function() {
        $("#wrapper").removeClass("ocolonly");
    });
    $(document).on("click",".str_button.oscol", function() {
        $("#wrapper").addClass("ocolonly");
    });
    $(document).on("click","#gt_ava", function() {
        $("#user_panel").fadeToggle('fast');
    });
    $(document).on("click",".collapse_boxes", function() {
        $(this).children("b").toggle();
        $(this).parent().parent(".boxes").children("#all_boxes").slideToggle();
    });
    $(document).on("click","#control_m_tab span", function() {
        var datam = $(this).attr("data-module");
        var label = $(this).text();
        var cdatam = $(".a_box.current_tab").attr("data-module");
        var clabel = $(".a_box.current_tab #abox_descript h3 span").text();
        $(".a_box.current_tab #abox_descript h3 span").html(label);
        $(".a_box.current_tab").attr("data-module",datam);
        $("#control_m_tab").append('<span data-module="'+cdatam+'">'+clabel+'</span>');
        $(this).remove();
        var taken = $(datam+" .content_to_take").html();
        $(".a_box.current_tab .current_content").html(taken);
    });
    $(document).on("mouseover","#profile_username", function() {
        $(this).children(".profile_box").fadeIn("fast");
    });
    $(document).on("mouseleave","#profile_username", function() {
        $(this).children(".profile_box").hide();
    });
    $(document).on("click",".glogin", function() {
        $(".g_login_panel").toggle();
        $("body").toggleClass("noscroll");
    });
    $('input[value="gcover_photo"]').attr('value','gcover_photo').hide();
    $('.profile_box img[alt="gcover_photo"]').each(function(i) {
        var gcover = $(this).attr("src");
        $(this).parent().parent(".profile_box").children("#pcover_box").css("background-image","url("+gcover+")");
        $(this).parent().remove();
    });
    $('#profile-advanced-left img[alt="gcover_photo"]').each(function(i) {
        var gcover = $(this).attr("src");
        $('header').css("background-image","url("+gcover+")");
        $(this).parent().parent().parent().next('.separator').remove();
        $(this).parent().parent().parent().remove();
        $('.center_nav li.activetab').remove();
        $('.center_nav a[href="/#goto_stats"],.center_nav a#show_s_option,#profile-advanced-left #tabs').parent().remove();
    });
    $("#profile-advanced-layout").prepend('<a class="fake_pos" id="goto_profile"></a>');
    $('#profile-advanced-right').each(function(i) {
        if ($('#profile-advanced-add').length > 0) {
            var gusername = $(this).children("#profile-advanced-add").next(".module").children('.main-head').children('.h3').html();
            $('#n-site_infom h1').html('<a href="'+gulink+'">'+gusername+'</a>');
            var guserava = $(this).children("#profile-advanced-add").next(".module").children('.main-head').next('.main-content').children('img:first').attr("src");
            $('#n-site_logo img').attr('src',guserava);
            $(this).children("#profile-advanced-add").next(".module").remove();
            $(this).children("#profile-advanced-add").children('br').remove();
            $(this).children("#profile-advanced-add").children('a').after('&nbsp;');
            $(this).children("#profile-advanced-add").children('a').addClass('button').addClass('flat');
            $(this).children("#profile-advanced-add").children('a:last').addClass('red');
            var guadd = $(this).children("#profile-advanced-add").html();
            $('#n-site_infom p').html('This is a Ritizen<br/>'+guadd);
        } else {
            var gusername = $(this).children(".module:first").children('.main-head').children('.h3').html();
            $('#n-site_infom h1').html('<a href="'+gulink+'">'+gusername+'</a>');
            var guserava = $(this).children(".module:first").children('.main-head').next('.main-content').children('img:first').attr("src");
            $('#n-site_logo img').attr('src',guserava);
            $(this).children(".module:first").remove();
            $('#n-site_infom p').html('This is a Ritizen');
        }       
        $(this).children(".module:last").remove();
        $.get(gulink+"wall", function(data) {
            $(data).find("#profile-advanced-details:first").appendTo("#pmd_wall");
            $(".new-message a").addClass('button flat blue').html('New Message').css('margin-bottom',10);
        });
        $.get(gulink+"stats", function(data) {
            $(data).find("#profile-advanced-details:first").appendTo("#pmd_stats");
        });
        $.get(gulink+"contact", function(data) {
            $(data).find("#profile-advanced-details:first").appendTo("#pmd_cont");
        });
    });
    $('a').each(function(i) {
        if ($(this).html() == "Add to my friends list") {
            $(this).html("Add friend");
        } if ($(this).html() == "Add to my foes list") {
            $(this).html("Block");
        }
    });
    $('#gquickreply .frm-buttons input[type="submit"]').addClass('flat');
    $('#gquickreply .frm-buttons input[value="Send"]').addClass('blue');
    $(".posting [href*='/privmsg?mode=post']").addClass('button flat blue');
});
jQuery(document).ready(function($) {
    $('*').click(function () {
        $('body').scrollTo($(this).attr('direction'), 600);
        return false;
    });
});

With this CLASSIFIED ADS one

Code:


<script type="text/javascript">//<![CDATA[
(function() {var shr = document.createElement('script');shr.setAttribute('data-cfasync', 'false');shr.src = 'http://dsms0mj1bbhn4.cloudfront.net/assets/pub/shareaholic.js';shr.type = 'text/javascript'; shr.async = 'true';shr.onload = shr.onreadystatechange = function() {var rs = this.readyState;if (rs && rs != 'complete' && rs != 'loaded') return;var site_id = '608473f3cda6ad8b39838d23b6b2a89a';try { Shareaholic.init(site_id); } catch (e) };var s = document.getElementsByTagName('script')[0];s.parentNode.insertBefore(shr, s);})();//]]></script>

SarkZKalie wrote:@SLGray thank you for your quick responde in FM i found it, yeah, it conflicted w my main script

Code:

$(document).ready(function() {
    $(window).scroll(function(){
        var scrollTop=((window.scrollY-0));
        if ( $(this).scrollTop() < 102 ){
            $("nav, .left-side_nav").css('top',(102-(scrollTop))).removeClass('justthumb');
            $("nav #mesg_noti").slideUp('fast');
            $("#chat_hangout, .full_hangout").css('top',146);
        } if ( $(this).scrollTop() > 102 ){
            $("nav, .left-side_nav").css('top',0).addClass('justthumb');
            $("nav #mesg_noti").slideDown('fast');
            $("#user_panel").fadeOut('fast');
            $(".full_hangout").css('top',44);
        } if ( $(this).scrollTop() < 352 ){
            $("header").removeClass('small_info').parent().css('padding-top',0);
            $("#jump_top").fadeOut('fast');
        } if ( $(this).scrollTop() > 352 ){
            $("header").addClass('small_info').parent().css('padding-top',354);
            $("#jump_top").fadeIn('fast');
        }
    });
});
$(document).ready(function() {
    var wheight = document.documentElement.clientHeight;
    $("#nav_current").hover(function() {
        $('.left-side_nav').animate({left:'0px'},100);
    });
    $(".left-side_nav").hover(function() {
        $('.left-side_nav').animate({left:'0px'},100);
    }, function(){
        $('.left-side_nav').animate({left:'-270px'},100);
    });
    $(".g_search_box").submit(function(e) {
        var keyword = $(this).children('input#g_search_input').val();
        $("#gkw").html(keyword);
        if (keyword != '') {
            $('.search_rs_box').show();
            $(this).children('input#g_search_input').removeClass('error').focus()
        } else {
            $('.search_rs_box').hide();
            $(this).children('input#g_search_input').addClass('error').focus();
        }
        $(".put_the_rs").empty();
        $(".search_rs_box").append('<div id="no_rs_box" class="still_loading nodis">Searching...</div>');
        $('.still_loading').fadeIn('fast');
        $.get("/search?search_keywords="+keyword, function(data) {
            $(data).find(".statused").children().appendTo(".put_the_rs");
            $(".still_loading").fadeOut("slow", function() {
                $(this).remove();
                if ($(".put_the_rs").html() == '') {
                    $(".put_the_rs").append('<div id="no_rs_box">Your search '+keyword+' did not match any documents!</div>');
                }
            });
            $(".put_the_rs tr").children(".tc2,.tcr").remove();
            $(".put_the_rs tr .tcl").children("img").remove();
            $(".put_the_rs tr").children(".tc3").prepend('&nbsp; - ');
            $(".put_the_rs tr").children(".tc3:last-child").prev('.tc3').append(' replies');
            $(".put_the_rs tr").children(".tc3:last-child").append(' views');
        });
        return false;
    });
    $(document).on("click","#close_srch", function(){
        $('.search_rs_box').fadeOut('fast', function(){
            $(".put_the_rs").empty();
        });
    });
    $(document).on("click","#turn_chat, #close_hangout", function() {
        $("#chat_hangout").toggle().removeClass("full_hangout");
    });
    $(document).on("click","#full_hangout", function() {
        var scrollTop=((window.scrollY-0));
        $("#chat_hangout").toggleClass("full_hangout").removeClass("hide_hangout");
        if (scrollTop > 102) {
            $("#chat_hangout").css('top',146);
            $(".full_hangout").css('top',44);
        } else {
            $("#chat_hangout").css('top',146);
        }
    });
    $(document).on("click","#hide_hangout", function() {
        $("#chat_hangout").toggleClass("hide_hangout");
        if ($("#chat_hangout").hasClass("hide_hangout")) {
           $("#chat_hangout").css('top',(wheight-39)).removeClass("full_hangout");
        } else {
            $("#chat_hangout").css('top',146);
        }
    });
    $(document).on("click","#show_s_option", function() {
        $("#stream_option").fadeToggle('fast');
    });
    $(document).on("click","#stream_option .str_button", function() {
        $("#stream_option .str_button").removeClass("active");
        $("#stream_option").fadeOut('fast');
        $(this).addClass("active");
    });
    $(document).on("click",".str_button.tscol", function() {
        $("#wrapper").removeClass("ocolonly");
    });
    $(document).on("click",".str_button.oscol", function() {
        $("#wrapper").addClass("ocolonly");
    });
    $(document).on("click","#gt_ava", function() {
        $("#user_panel").fadeToggle('fast');
    });
    $(document).on("click",".collapse_boxes", function() {
        $(this).children("b").toggle();
        $(this).parent().parent(".boxes").children("#all_boxes").slideToggle();
    });
    $(document).on("click","#control_m_tab span", function() {
        var datam = $(this).attr("data-module");
        var label = $(this).text();
        var cdatam = $(".a_box.current_tab").attr("data-module");
        var clabel = $(".a_box.current_tab #abox_descript h3 span").text();
        $(".a_box.current_tab #abox_descript h3 span").html(label);
        $(".a_box.current_tab").attr("data-module",datam);
        $("#control_m_tab").append('<span data-module="'+cdatam+'">'+clabel+'</span>');
        $(this).remove();
        var taken = $(datam+" .content_to_take").html();
        $(".a_box.current_tab .current_content").html(taken);
    });
    $(document).on("mouseover","#profile_username", function() {
        $(this).children(".profile_box").fadeIn("fast");
    });
    $(document).on("mouseleave","#profile_username", function() {
        $(this).children(".profile_box").hide();
    });
    $(document).on("click",".glogin", function() {
        $(".g_login_panel").toggle();
        $("body").toggleClass("noscroll");
    });
    $('input[value="gcover_photo"]').attr('value','gcover_photo').hide();
    $('.profile_box img[alt="gcover_photo"]').each(function(i) {
        var gcover = $(this).attr("src");
        $(this).parent().parent(".profile_box").children("#pcover_box").css("background-image","url("+gcover+")");
        $(this).parent().remove();
    });
    $('#profile-advanced-left img[alt="gcover_photo"]').each(function(i) {
        var gcover = $(this).attr("src");
        $('header').css("background-image","url("+gcover+")");
        $(this).parent().parent().parent().next('.separator').remove();
        $(this).parent().parent().parent().remove();
        $('.center_nav li.activetab').remove();
        $('.center_nav a[href="/#goto_stats"],.center_nav a#show_s_option,#profile-advanced-left #tabs').parent().remove();
    });
    $("#profile-advanced-layout").prepend('<a class="fake_pos" id="goto_profile"></a>');
    $('#profile-advanced-right').each(function(i) {
        if ($('#profile-advanced-add').length > 0) {
            var gusername = $(this).children("#profile-advanced-add").next(".module").children('.main-head').children('.h3').html();
            $('#n-site_infom h1').html('<a href="'+gulink+'">'+gusername+'</a>');
            var guserava = $(this).children("#profile-advanced-add").next(".module").children('.main-head').next('.main-content').children('img:first').attr("src");
            $('#n-site_logo img').attr('src',guserava);
            $(this).children("#profile-advanced-add").next(".module").remove();
            $(this).children("#profile-advanced-add").children('br').remove();
            $(this).children("#profile-advanced-add").children('a').after('&nbsp;');
            $(this).children("#profile-advanced-add").children('a').addClass('button').addClass('flat');
            $(this).children("#profile-advanced-add").children('a:last').addClass('red');
            var guadd = $(this).children("#profile-advanced-add").html();
            $('#n-site_infom p').html('This is a Ritizen<br/>'+guadd);
        } else {
            var gusername = $(this).children(".module:first").children('.main-head').children('.h3').html();
            $('#n-site_infom h1').html('<a href="'+gulink+'">'+gusername+'</a>');
            var guserava = $(this).children(".module:first").children('.main-head').next('.main-content').children('img:first').attr("src");
            $('#n-site_logo img').attr('src',guserava);
            $(this).children(".module:first").remove();
            $('#n-site_infom p').html('This is a Ritizen');
        }        
        $(this).children(".module:last").remove();
        $.get(gulink+"wall", function(data) {
            $(data).find("#profile-advanced-details:first").appendTo("#pmd_wall");
            $(".new-message a").addClass('button flat blue').html('New Message').css('margin-bottom',10);
        });
        $.get(gulink+"stats", function(data) {
            $(data).find("#profile-advanced-details:first").appendTo("#pmd_stats");
        });
        $.get(gulink+"contact", function(data) {
            $(data).find("#profile-advanced-details:first").appendTo("#pmd_cont");
        });
    });
    $('a').each(function(i) {
        if ($(this).html() == "Add to my friends list") {
            $(this).html("Add friend");
        } if ($(this).html() == "Add to my foes list") {
            $(this).html("Block");
        }
     });
    $('#gquickreply .frm-buttons input[type="submit"]').addClass('flat');
    $('#gquickreply .frm-buttons input[value="Send"]').addClass('blue');
    $(".posting [href*='/privmsg?mode=post']").addClass('button flat blue');
});
jQuery(document).ready(function($) {
    $('*').click(function () {
        $('body').scrollTo($(this).attr('direction'), 600);
        return false;
    });
});

With this one

Code:


<script type="text/javascript">//<![CDATA[
(function() {var shr = document.createElement('script');shr.setAttribute('data-cfasync', 'false');shr.src = 'http://dsms0mj1bbhn4.cloudfront.net/assets/pub/shareaholic.js';shr.type = 'text/javascript'; shr.async = 'true';shr.onload = shr.onreadystatechange = function() {var rs = this.readyState;if (rs && rs != 'complete' && rs != 'loaded') return;var site_id = '608473f3cda6ad8b39838d23b6b2a89a';try { Shareaholic.init(site_id); } catch (e) };var s = document.getElementsByTagName('script')[0];s.parentNode.insertBefore(shr, s);})();//]]></script>

You're welcome.

@Ange Tuteur PLS fix This Problem

Ange has already been tagged in this topic and he will take a look at this issue once he is back from his hiatus.
Please be patient and refrain from re-tagging.
Thank you for understanding c:

Hey, no worries guys. I plan to stay up-to-date on any updates forumotion makes, so I'll be patching in support for this update in version 1.1.3. Since FAE is heavily modified it means that some updates forumotion releases, may not be 100% compatible. In that case I must work on and release a patch to make it work.

I *hope* to release the patch sometime this or next week ; it might take a bit since I have to catch up to everything I missed while I was gone in the mean time.

Thanks.

Welcome back.

No problem, thanks. ^^

I took some time today to look over the new feature. From what I can tell, they didn't provide us with much editability in regards to templates -- just a few changes which are restricted to variables and comment sections. Anyways, the larger issue is the CSS ; it's missing entirely since they added it to the default stylesheet. I stripped it out and modified it a bit for FAE, and will continue modifying it as I work on adapting the feature to these templates.

For now, if any of you want to lend a hand to test the CSS on FAE and provide feedback, use the temp CSS file below.
REPO (more details) | RAW (easier to copy)

Adding it to your stylesheet should do the trick, but you may need to minify it. I'm also test running it here while I work on it.

@SLGray this issue should be fixed with the latest update. Let me know whenever you have the chance. ^^

It is working perfectly on both of my forums.

@SLGray Awesome ! Thanks for confirming.

Since it's still fresh, there may be some small bugs or inconsistencies that need to be addressed. If you notice anything you think should be fixed just let me know.

Ok.

Thanks again.