JSFiddle - React, Tailwind, and code Playground

by stefanpetrovic

HTML

<div id="topicPath">
    <dl>
        <dt>You are here:</dt>
        <dd><a href="http://konicaminolta.us" onclick="s_objectID=&quot;http://konicaminolta.us/_2&quot;;return this.s_oc?this.s_oc(e):true"><img height="12" width="18" alt="KONICA MINOLTA BUSINESS SOLUTIONS" src="/img/navigation/usa.gif"></a></dd>
        <dd><a href="http://kmbs.konicaminolta.us/" onclick="s_objectID=&quot;http://kmbs.konicaminolta.us/_3&quot;;return this.s_oc?this.s_oc(e):true">Business Solutions</a></dd>
        <dd><a href="http://kmbs.konicaminolta.us/content/products/products.html" onclick="s_objectID=&quot;http://kmbs.konicaminolta.us/content/products/products.html_2&quot;;return this.s_oc?this.s_oc(e):true">Products &amp; Services</a></dd>
        <dd><a href="http://kmbs.konicaminolta.us/content/products/categories/officesystems.html" onclick="s_objectID=&quot;http://kmbs.konicaminolta.us/content/products/categories/officesystems.html_2&quot;;return this.s_oc?this.s_oc(e):true">Office Systems</a></dd>
        <dd><a href="http://kmbs.konicaminolta.us/main/content/products/subcategories/os_colormfp.html" onclick="s_objectID=&quot;http://kmbs.konicaminolta.us/main/content/products/subcategories/os_colormfp.html_1&quot;;return this.s_oc?this.s_oc(e):true">Color Multifunction</a></dd>
        <dd>bizhub C220</dd>
    </dl>
</div><!--/topicPath-->

<a id="contactToday" href="#testContact"><img height="73" width="150" class="ads" src="http://kmbs.konicaminolta.us/img/products/RFQ_Product.jpg"></a>
<br />
<a id="whereBuy" href="#testWhereToBuy"><img height="73" width="150" class="ads" src="http://kmbs.konicaminolta.us/img/products/W2B_Product.jpg"></a>

JavaScript

$(document).ready(function() {

    var baseUrl = $("#contactToday").attr("href");
    var cat = $("#topicPath dd:nth-child(5)").text().replace(/ /g, "+").replace(/&/g, "&amp;");
    var subcat = $("#topicPath dd:nth-child(6)").text().replace(/ /g, "+").replace(/&/g, "&amp;");
    var model = $("#topicPath dd:nth-child(7)").text().replace(/ /g, "+").replace(/&/g, "&amp;");

    //alert(cat);
    //alert(subcat);
    //alert(model);
    //alert(baseUrl);
    
    var buildcontactTodayUrl = baseUrl + "?type=rfq" + "&cat=" + cat + "&subcat=" + subcat + "&model=" + model + "&img=66486";
    var buildwhereBuyUrl = baseUrl + "?productCategory=" + cat + "&cat=" + cat + "&subcat=" + subcat + "&model=" + model + "&wtbProdLine=";

    $("#contactToday").attr("href", buildcontactTodayUrl);
    $("#whereBuy").attr("href", buildwhereBuyUrl);
});