Search:
Template:News/Forums/Polls/Q&A > Template:SimpleFAQ

Template:SimpleFAQ

    Table of contents
    No headers
    var AnswerBackGround = ($AnswerColor ?? $0 ?? "#faf8f9; 
    background: -moz-linear-gradient(center top , #ffffff, #C9B6C7) repeat scroll 0 0 transparent; 
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0.00, #ffffff), color-stop(1.00,  #C9B6C7));
    filter: progid:dximagetransform.microsoft.gradient(enabled='true',startcolorstr=#ffffff,endcolorstr= #C9B6C7);
    background-image:-o-linear-gradient(#ffffff,  #C9B6C7);");
    ;
    var QuestionBackGround = ($QuestionColor ?? $1 ?? '#e7e7e7');
    var AnswerSize = ($AnswerTextSize ?? $2 ?? '1.0em');
    var QuestionSize = ($QuestionTextSize ?? $3 ?? '1.5em');
    
    <p><label>'Quick Search: '</label><input type="text" id="FilterTextBox" name="FilterTextBox" /></p>
    
    
    <html><head>
    <script type="text/javascript">"
    $(document).ready(function(){
    $('.tablefaq').attr('border',0);
    $('.tablefaq tr:even').addClass('tblQuestion');
    $('.tablefaq tr:odd').addClass('tblAnswer');
    $('.tblAnswerDiv').hide();
    
    $('tr.tblQuestion').click(function() {
    $('.arrow').removeClass('up');$('div.tblAnswerDiv').hide();
    $(this).find('.arrow').toggleClass('up'); $(this).find('div.tblAnswerDiv').toggle(); $('.tblAnswer').show();
    });
    
    $('.tablefaq tr:even').each(function() {
    var QuestionCnts = $(this).find('td').eq(0).html();
    var AnswerCnts = $(this).next('tr.tblAnswer').html();
    
    $(this).next('tr.tblAnswer').html('');
    
    $(this).find('td').eq(0).html('<span class=\"arrow\"></span><div class=\"tblQuestionDiv\">' + QuestionCnts + '</div><div class=\"tblAnswerDiv\">' + AnswerCnts + '</div><div>&nbsp</div>');
    
    $(this).find('td').eq(0).find('.tblAnswerDiv').hide();
    });
    
    
    
    //add index column with all content.
    $('.tablefaq tr:has(td)').each(function(){
    var t = $(this).text().toLowerCase(); //all row text
    $('<td class=\"indexColumn\"></td>')
    .hide().text(t).appendTo(this);
    });//each tr
    $('#FilterTextBox').keyup(function(){
    var s = $(this).val().toLowerCase().split(' ');
    //show all rows.
    $('.tablefaq tr:hidden').show();
    $.each(s, function(){
    $(\".tablefaq tr:visible .indexColumn:not(:contains('\" + this + \"'))\").parent().hide();
    });//each
    });//key up.
    
    });
    "</script>
    <style type="text/css">"
    .tablefaq {border-style:none; border:0;}
    .tblQuestion span.arrow { float:left; margin-top: 10px; margin-right:5px; background:transparent url(http://developer.mindtouch.com/@api/deki/files/4810/=arrows.png) no-repeat scroll 0px -16px; width:16px; height:16px; display:block;}
    .tblQuestion span.up { background-position:0px 0px;}
    .tblAnswerDiv {padding-left:20px; background:"..AnswerBackGround.."; font-size:"..AnswerSize.."; font-weight:normal; }
    .tblQuestionDiv { background:"..QuestionBackGround.."; font-size:"..QuestionSize.."; font-weight: normal; width=100%; } 
    "</style>
    </head></html>
    

    Files (0)

     

    Comments (0)

    You must login to post a comment.