Now that that’s out of the way. Today I had to make some quick documentation for a piece of software and I wanted a simple single page FAQ system where the questions were at the top of the page and the answers would display inside a dedicated viewing window.

To accomplish this I decided to go with jQuery. And after writing it I figured I’d share it with you.  So lets get started.

First we are going to need a container for our Questions list. As well as a container (or div) for our Answers. AND…. A little travelling music please.

<div id="QContainer" style=" margin:15px auto; ">
    <div  style="float:left; width: 45%; ">
        <h3>Basic Topics</h3>
        <ul>
            <li >Question 1</li>
            <li >Question 2</li>
        </ul>
    </div>
</div>

Pretty simple right? A standard list where we put our questions. I’ve only put in a couple examples. You will notice our first div element has the id of QContainer this is so we have a id to refer to this element inside our jquery code later. Now lets build our shell for our answer area.

<div id="AContainer" style="width:90%; margin:15px auto; padding:15px; overflow: auto; visibility:hidden;">
    <ul  >
        <li>
            <h2>ANSWER 1</h2>
        </li>
        <li>
            <h2>ANSWER 2</h2>
        </li>
    </ul>
</div>

You’ll notice once again our first element in this code sample is called AContainer, again this will be referenced later in our jquery code. We’re almost there now, next we have to add some other ID’s to some elements in both the question and answer list so we can refer to them later just like our main Container div’s.  First in our Questions area, we need to give our UL an id so we can refrence it. For prosperities sake I’ve named this questions. Then we need to give each of our LI elements a title attribute that makes them unique, I decided to name them Q1 and Q2.

<div id="QContainer" style="width:50%; margin:15px auto; ">
    <div  style="float:left; width: 45%; ">
        <h3>Basic Topics</h3>
        <ul id="questions">
            <li title="Q1">Question 1</li>
            <li title="Q2">Question 2</li>
        </ul>
    </div>
</div>

Next we have to give our Answers area a couple more ID’s as well. I named our Answers UL element with an ID of answers and each LI needs to have an ID that corresponds to the title of the question it answers. For instance when your user clicks Question 1 which has a title value of Q1, we need an answer LI element with an ID of Q1 as well.  Look at the next example section of code if that doesn’t make any sense to you.

<div id="AContainer" style="width:90%; margin:15px auto; padding:15px; overflow: auto; visibility:hidden;">
    <ul  id="answers">
        <li id="Q1">
            <h2>ANSWER 1</h2>
        </li>
        <li id="Q2">
            <h2>ANSWER 2</h2>
        </li>
    </ul>
</div>

So now we’re ready to write some jQuery code and get this thing working. Lets start with the document ready statement. We want to make sure we start with all of our Answers hidden.

<SCRIPT type="text/javascript" >
        $(document).ready(function() {
            $('#answers li').hide('fast', function(){
                $('#AContainer).css('visibility', 'visible');
            });
         });
    </SCRIPT>

Next I wanted to make sure I could handle multiple q/a lists so I added some more code to the above ready function. We start this with creating an array of all of our question lists, so just keep adding the names of your lists to this array and all should be well.

            var qLists=["#questions"];
            for (x in qLists)
            {
                $( qLists[x] + " li" ).click(showAnswer);
                $( qLists[x] + " li" ).hover(handleHover);
                $( qLists[x] ).mouseout(handleMouseOut);
            }

Next we need to be able to show and hide the  answers when the user clicks on them… yea, finally some fun stuff! This function also goes inside the ready statement we started with, but after our array of question lists. This spod you could just copy and paste if you wanted. No changes needed. 

            function showAnswer(){
                var elem = '#' + $(this).attr('title');
                $(elem).parent().children().fadeOut('fast').delay(800);
                $(elem).fadeIn('slow');
                for (x in qLists)
                {
                    if(qLists[x] != '#'+$(this).parent().attr('id'))
                    {
                        $( qLists[x] ).children().removeClass('selected');
                    }
                }
                $(this).parent().children().removeClass('selected');
                $(this).addClass('selected');           
            }

Then I also wanted to be able to have the Question list highlight which question we were on hence we have a handleHover function . Again, just copy and paste.  Of course if we only do this and we have two lists then each list could have a highlighted question…so a FAQ with multiple lists could have an item in each list hightlighted. So to correct thia I added th handleMouseOut() function. Both of these functions require no editing and can be used as is.

            function handleHover()
            {
                $(this).parent().children().removeClass('highlight');
                $(this).addClass('highlight');
            } 

            function handleMouseOut()
            {
                $(this).children().removeClass('highlight');
            }

one last thing you will need for this to really work you will need the following css classes. Of course you can edit these to your liking. 

        #answers
        {
            list-style-type: none;
            padding:0;
            margin:0;
            width:100%;
        }
        #QContainer ul
        {
            list-style-type: none;
            padding:0;
            margin:0 0 0 20px;
        }
        #QContainer ul li
        {
            diplay:block;
            cursor: pointer; cursor: hand;
            padding:3px;
            font-weight:bold;
            margin:0;
        }
        .selected { color:#000; background:#EAEAAE; }
        .highlight { background:#EAEAAE; }

Finally if you followed along correctly your javascript should look like this:

<SCRIPT type="text/javascript" >
        $(document).ready(function() {
            $('#answers li').hide('fast', function(){
                $('#AContainer).css('visibility', 'visible');
            });

            var qLists=["#questions"];
            for (x in qLists)
            {
                $( qLists[x] + " li" ).click(showAnswer);
                $( qLists[x] + " li" ).hover(handleHover);
                $( qLists[x] ).mouseout(handleMouseOut);
            }

            function showAnswer(){
                var elem = '#' + $(this).attr('title');
                $(elem).parent().children().fadeOut('fast').delay(800);
                $(elem).fadeIn('slow');
                for (x in qLists)
                {
                    if(qLists[x] != '#'+$(this).parent().attr('id'))
                    {
                        $( qLists[x] ).children().removeClass('selected');
                    }
                }
                $(this).parent().children().removeClass('selected');
                $(this).addClass('selected');           
            }

            function handleHover()
            {
                $(this).parent().children().removeClass('highlight');
                $(this).addClass('highlight');
            }

            function handleMouseOut()
            {
                $(this).children().removeClass('highlight');
            }

         });
    </SCRIPT>

Of course you could expand on this and use it for things other than an FAQ display and if you do we’d love to see what you used it for and how you implemented it. Love to hear your feedback as well. Have a better way of accomplishing this please share. All we ask is that if you do use this code you make sure you are using it for good and not evil. Have a great day and check back for more tutorials and tips.

Open your main.php file in your favorite editor and then find the following code

<br />
        // #### FEATURE AUCTIONS ###############################################<br />
        $show['featuredserviceauctions'] = $show['featuredproductauctions'] = false;<br />
        $featuredserviceauctions = $featuredproductauctions = array();</p>
<p>        if ($ilconfig['globalauctionsettings_serviceauctionsenabled'])<br />
        {<br />
                $featuredserviceauctions = $ilance-&gt;auction-&gt;fetch_featured_auctions('service', 3, 1, 0, '', true);<br />
        }<br />
        if ($ilconfig['globalauctionsettings_productauctionsenabled'])<br />
        {<br />
                $featuredproductauctions = $ilance-&gt;auction-&gt;fetch_featured_auctions('product', 3, 2, 0, '', true);<br />
        }<br />

You will note line 1471 and 1475 are highlighted in the code above. These are the two lines we need to edit to change the number of auctions we are displaying. You will note that in each line there is a 3. This is the number of featured auctions that will be returned. Just change that number to equal how many you want to have appear on your main page.

 Thats it.

See I told you it was easy!

First we need to know how iLance prints the username and it’s associated link. One might think it’s straight forward, and that editing the html template will do the trick. Sorry, that’s not the case. With a little digging you will find that iLance prints the users name and profile link with a function called print_username. You’ll find this function in the functions/core/ directory buried in the functions.php file.

The function accepts a number of parameters which you can see in the code below:

 

function print_username($userid, $mode = 'href', $bold = 0, $extra = '', $extraseo = '', $displayname = '')
{

1. The userid...simple enough.
2. The Mode, upon reviewing the code you will find that there are several modes for this function to handle. those being:
   href, plain, custom, and url.
3. bold. A simple 1 or 0 will tell the function whether or not to make the link bold.
4. extra: allows us to pass custom parameters to the url that will be placed inside the link
5. extraseo: allows us to pass custom parameters to the url and will display the url and not return a link.
6. The final one doesn't even warrant an explaination.

Now that we know our function lets look at a couple different ways to acheive our goal. The first and simplest approach is to hack the function to make it do what we want. Simple enough. I personally am not using SEO currently so in this example I will only show how to alter the regular links.

First we need to find everywhere in the code where we are building the link I've highlighted the relevant lines below so you can see what I'm talking about.

function print_username($userid, $mode = 'href', $bold = 0, $extra = '', $extraseo = '', $displayname = '')
{
        global $ilance, $myapi, $ilpage, $ilconfig;
       
        $username = fetch_user('username', intval($userid));
        $html = '';
       
        // modes: href and plain
        if (isset($mode) AND $mode == 'href')
        {
                $displayname = $username;
                // bold usernames?
                if (!empty($bold) AND $bold)
                {
                        $displayname = '<strong>'.$username.'</strong>';
                }
                // does admin use SEO urls?
                if ($ilconfig['globalauctionsettings_seourls'])
                {
                        $html .= '<a href="' . ((PROTOCOL_REQUEST == 'https') ? HTTPS_SERVER : HTTP_SERVER) . print_seo_url($ilconfig['memberslistingidentifier']) . '/' . construct_seo_url_name($username) . $extraseo . '" rel="nofollow">' . $displayname . '</a> ' . construct_username_bits(intval($userid));
                }
                else
                {
                        $html .= '<a href="' . ((PROTOCOL_REQUEST == 'https') ? HTTPS_SERVER : HTTP_SERVER) . $ilpage['members'] . '?id=' . intval($userid) . $extra . '&profile=1" rel="nofollow">' . $displayname . '</a> ' . construct_username_bits(intval($userid));
                }   
        }
        else if (isset($mode) AND $mode == 'plain')
        {
                $displayname = $username;
                // bold usernames?
                if (!empty($bold) AND $bold)
                {
                        $username = '<strong>'.$displayname.'</strong>';
                }
                $html = $username;
        }
        else if (isset($mode) AND $mode == 'custom')
        {
                // bold usernames?
                if (!empty($bold) AND $bold)
                {
                        $displayname = '<strong>'.$displayname.'</strong>';
                }
                // does admin use SEO urls?
                if ($ilconfig['globalauctionsettings_seourls'])
                {
                        $html .= '<a href="' . ((PROTOCOL_REQUEST == 'https') ? HTTPS_SERVER : HTTP_SERVER) . print_seo_url($ilconfig['memberslistingidentifier']) . '/' . construct_seo_url_name($username) . $extraseo . '" rel="nofollow">' . $displayname . '</a>';
                }
                else
                {
                        $html .= '<a href="' . ((PROTOCOL_REQUEST == 'https') ? HTTPS_SERVER : HTTP_SERVER) . $ilpage['members'] . '?id=' . intval($userid) . $extra . '" rel="nofollow">' . $displayname . '</a>';
                }
        }
        else if (isset($mode) AND $mode == 'url')
        {
                // does admin use SEO urls?
                if ($ilconfig['globalauctionsettings_seourls'])
                {
                        $html .= ((PROTOCOL_REQUEST == 'https') ? HTTPS_SERVER : HTTP_SERVER) . print_seo_url($ilconfig['memberslistingidentifier']) . '/' . construct_seo_url_name($username) . $extraseo;
                }
                else
                {
                        $html .= ((PROTOCOL_REQUEST == 'https') ? HTTPS_SERVER : HTTP_SERVER) . $ilpage['members'] . '?id=' . intval($userid) . $extra;
                }
        }
       
        return $html;
}

Now we need to alter the code. Lets take our first highlighted line as an example:

$html .= '<a href="' . ((PROTOCOL_REQUEST == 'https') ? HTTPS_SERVER : HTTP_SERVER) . $ilpage['members'] . '?id=' . intval($userid) . $extra . '" rel="nofollow">' . $displayname . '</a> ' . construct_username_bits(intval($userid));

make it look like this:

$html .= '<a href="' . ((PROTOCOL_REQUEST == 'https') ? HTTPS_SERVER : HTTP_SERVER) . $ilpage['members'] . '?id=' . intval($userid) . $extra . '&profile=1" rel="nofollow">' . $displayname . '</a> ' . construct_username_bits(intval($userid));

If you look closely you will notice right after the $extra.' we added &profile=1" so now it looks like this $extra . '&profile=1"

Now just do this for all three highlighted areas in the code and you're done! Right? Well, yes and no. You are if you don't mind a hackjob. The more elegant way to do this and the way it was meant to be used, albeit the more time consuming method is to use the function as it is supposed to be used. By setting the parameters the way you want them set when you call the function.

What did he just say?!!

Simple, throughout the iLance script the print_username function is called. Do a find all with your favorite editor and then recode the calls to the functions so they provide the desired results. Of course this is also the more code intense way as well and you will need to be familiar with php and html.

For example, the forum ask's how this can be achieved from auction area. So for example we will use a product or forward auction as an example. Navigate to a product auction on your marketplace. You will note that the page in the url that you are looking at is merch.php, open that file, follow the code to the correct template. In our case the template is listing_forward_auction.html now open that up. Follow the template html to where the link is appearing. You will find it is actually being parsed into the template as a variable called {seller}

{apihook[seller_infobit_table_start]}
        
        <table width="100%" border="0" cellpadding="9" cellspacing="1">
        <tr>
            <td width="35%"><span style="font-family: arial; font-size:15px;"><strong>{seller}</strong></span></td>

Now if we go back the the merch.php file, and scroll up until we find where $seller is being set we will find something like this:

$seller = print_username($res_project_user['user_id'], 'href', 0, '', '');

Now we would want to update this code to looke like this

$seller = print_username($res_project_user['user_id'], 'href', 0, '&profile=1', '');

Now you would just have to do this simple little change all over the place. The trick is finding where you want to do it and everywhere it occurs. How to accomplish this falls outside the realm of this tutorial, but hey, you're an iLancer, which means you'll find a way! The only real problem with this, is when you upgrade your changes will be over-written so make sure you make good notes of where you changed things.

Hope this tutorial helped some people. Now I turn it over to you, discuss...

This tutorial is being written for ilance version 3.1.9, while it should stand true for 3.1.8 and the upcoming 3.2.0, you should make sure you pay extra close attention to your files if you aren’t using a vanilla installation of iLance 3.1.9.

Now, we will want to open up our class.subscription.inc.php located in the root/functions/api directory of your site.

Next you will want to do a Find (cntrl+f) for cron_daily_auction_newsletter, your first location should be around line #1948. This is where the iLance system kicks off who get’s which daily service auction announcements from the site for their selected categories. Of course this spot in the code really just loads the template from the database and then replaces variable parameters with actual information which is created prior to this snippet of code.

Step 1:

// email user
$ilance->email->mail = $seller['email'];
$ilance->email->slng = fetch_user_slng($seller['user_id']);
$ilance->email->get('cron_daily_auction_newsletter');
$ilance->email->set(array(
'{{newsletterbody}}' => $messagebody,
'{{total}}' => count($projectsToSend),
));

$ilance->email->send();

Step 2:
So now that we have a starting point, we need to scroll back up in the file to around line #1894 (your line numbers may very) where you will find the following code:

if ($ilance->db->num_rows($buyerinfo) > 0)
{
     $res_buyer_name = $ilance->db->fetch_array($buyerinfo);</pre>
$messagebody .= strip_vulgar_words(un_htmlspecialchars(stripslashes($project['project_title']))) . "\n";

// todo: check for seo

$messagebody .= HTTP_SERVER . "rfp.php?id=" . $project['project_id'] . "\n";

$messagebody .= $phrase['_category'] . ": " . $ilance->categories->title(fetch_user_slng($seller['user_id']), 'service', $project['cid']) . "\n";

$messagebody .= $phrase['_buyer'] . ": " . $res_buyer_name['username'] . "\n";

$messagebody .= $phrase['_time_left'] . ": " . $ilance->auction->auction_timeleft($project['project_id'], '', '', 0, 0, 1) . "\n";

$messagebody .= "************\n";

}

Step 3:
Now we need to edit the code from above. You can put it anywhere in there really, but we will put it after the category for our example. First we will check to see if this is a premiere only auction. Do do this we will write the following code.

if($project['premiere_only'] == 1)
{

}

We will then create our additional text if the if statement is valid.

if($project['premiere_only'] == 1)
{
$messagebody .= "Project Type: Premiere Only\n";
}

If we want to keep our listings similar we could add an else statement as well like so…

if($project['premiere_only'] == 1)
{
$messagebody .= "Project Type: Premiere Only\n";
}else{
$messagebody .= "Project Type: Standard\n";
}

Putting it all together:

if ($ilance->db->num_rows($buyerinfo) > 0)
{
$res_buyer_name = $ilance->db->fetch_array($buyerinfo);</pre>
$messagebody .= strip_vulgar_words(un_htmlspecialchars(stripslashes($project['project_title']))) . "\n";

// todo: check for seo

$messagebody .= HTTP_SERVER . "rfp.php?id=" . $project['project_id'] . "\n";

$messagebody .= $phrase['_category'] . ": " . $ilance->categories->title(fetch_user_slng($seller['user_id']), 'service', $project['cid']) . "\n";
if($project['premiere_only'] == 1)
{
$messagebody .= "Project Type: Premiere Only\n";
}else{
$messagebody .= "Project Type: Standard\n";
}

$messagebody .= $phrase['_buyer'] . ": " . $res_buyer_name['username'] . "\n";

$messagebody .= $phrase['_time_left'] . ": " . $ilance->auction->auction_timeleft($project['project_id'], '', '', 0, 0, 1) . "\n";

$messagebody .= "************\n";

}