JSFiddle - React, Tailwind, and code Playground

by Lijo

HTML

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head id="Head1">
    <title>Report List </title>
    
</head>
<body>
    <form>

    <div id="wrapper">
        <div id="container">
            <div id="centralContainer">
                <div id="mainContainer">
                    <div id="contentHolderDiv" class="contentHolderDiv">
                        <div id="searchContainer" class="searchContainer">
                            <div id="entryValues" class="repeaterContainer">
                                <div class="repeaterTableBorder">
                                    <div class="repeaterRecord">
                                        <div class="repeaterIdentifier">
                                            <div class="reportTitle">
                                                Daily Financial Transaction:
                                            </div>
                                        </div>
                                        
                                        <div class="viewLogTitle">
                                            <div class="viewLogText">
                                                View Report Log
                                            </div>
                                        </div>
                                        <div id="reportLog" class="reportLog">
                                            <div class="dateFilter">
                                                <div class="filterElements">
                                                    <div class="filterContents">
                                                        <input type="submit" name="ctl00$detailContentPlaceholder$repReports$ctl00$btnSubmit"
                                                            value="Get Reports" id="detailContentPlaceholder_repReports_btnSubmit_0"...

CSS

.repeaterContainer
{
    min-width:950px;
    width:95%;
}


.reportTitle
{
    font:bold 10pt Arial;
    display:inline;
    color:#00A6B5; 
}


.reportLog
{
     width: auto;
     min-height:150px;
     margin: 3px 0px 0 20px;
     border:1px solid #A7A7A6;
     background-color: #FEF7CD; 
    
}

JavaScript

$(document).ready(function () {


    var searchReportButton = $('.searchReportButton');
    searchReportButton.click(function () {

        
       var selectedTable = $(this).closest('.dateFilter').siblings('.sentDatesSection').find('.reportSentDatesDiv');
       
        alert($(selectedTable).text());
        
        checkSession();
        
        
        return false;

    });

}
);


/////////////////////////


function checkSession() {

    var empID= 101;
    alert('Function Reached');
    $.ajax(
            {
                type: "POST",
                url: "Error.aspx/CheckSessionExpiry",
                data: '{"empID": "' + empID + '"}',
                contentType: "application/json; charset=utf-8",
                dataType: "json",
                context: this,  //CONTEXT
                success: handleSessionResult

            }
            );
}


// Helper Function
function handleSessionResult(result) {


    if (result.hasOwnProperty("d")) {
        result = result.d
    }


        
    if (result == "ACTIVE") 
    {
                
        
        var selectedTable = $(this).closest('.dateFilter').siblings('.sentDatesSection').find('.reportSentDatesDiv');
       
        alert($(selectedTable).text());
        
    }
   
}