JSFiddle - React, Tailwind, and code Playground

by Reusablecode

HTML

<table width="100%" align="left" cellpadding="0" cellspacing="0" border="0">
    <tr>
        <!-- Navigation-->
            <!--include virtual="/includes/leftnav_myavma_noform.asp"-->
        <!--END Navigation-->
        <td valign="top" style="padding: 5mm 0mm 0mm 3mm;">
        <table width="600" align="left" cellpadding="0" cellspacing="0" border="0">        
            <tr>
                <td><a name=top></a><h1>AVMA Member Directory &#150; Search results</h1>
                <br><br style="line-height:6px;"></td>
            </tr>
            <tr>
                <td><form action="searchresults.asp" method="POST" id="form1" name="form1">
                <input type="HIDDEN" name="saveSQL" value="EXEC sps_Member_Summary_SEL2 10001,0,'%','%','%','%','%','%','%','%','%','%','','','','','',''"/>

                        <table align="center" width="600" cellspacing="0" cellpadding="0" border="0">
                            <tr><td style="background-color:#aaaaaa; line-height:1px;" colspan="3">&nbsp;</td></tr>
                                <td width="320" valign="top" align="left"><strong>Displaying 1 - 100 of 10,001 matching records.</strong></td>
                                <td width="100" valign="top" align="center"><strong>Page 1 of 101.</strong></td>
                                <td width="180" valign="top" align="right"><select name='selPageTop' onChange='form.submit()'><option value=''>-- Select a Page --</option><option value='1'>Page 1</option><option value='2'>Page 2</option><option value='3'>Page 3</option><option value='4'>Page 4</option><option value='5'>Page 5</option><option value='6'>Page 6</option><option value='7'>Page 7</option><option value='8'>Page 8</option><option value='9'>Page 9</option><option value='10'>Page 10</option><option value='11'>Page 11</option><option value='12'>Page 12</option><option value='13'>Page 13</option><option value='14'>Page 14</option><option value='15'>Page 15</option><option value='16'>Page...

JavaScript

$(document).ready(function() {



    $('td a.view').click(function(e) {
        var prefix = 'http://www3.avma.org/myavma/directory/';
        alert('prefix = ' + prefix);
        var url = $(this).attr('href');
        alert('http://www3.avma.org/myavma/directory/' + url);
        var pageUrl = prefix + url;
        alert('pageUrl = ' + pageUrl);
        $('div#biography').load(pageUrl);

        e.preventDefault();
    });

});