avmaAjaxTest1

by Reusablecode

HTML

<h2>pg 391</h2>
<table align="center" border="0" cellpadding="0" cellspacing="0" width="575">
<tbody>
    <tr><td colspan="4">&nbsp;</td></tr>
<tr>
<td align="left" valign="top" width="150">
<strong>
<a href="http://doc.jsfiddle.net/media/index.html#wallpaper" class="namelink">Abell, Katrina</a>
</strong>
</td>
    
<td align="left" valign="top" width="145">Woburn,&nbsp;MA&nbsp;&nbsp;US</td>
<td align="left" valign="top" width="250">(2005 TUFTS UNIV SVM)</td>
<td align="center" valign="top" width="300">
    <a id="update" href="file://C:\WEB-INITIALIZR\CLASSIC-H5BP\initializr-verekia-3.0-MOBILEFIRST-RESPONSIVE-CSS\404.html" class="view">Update</a> 
    <!-- <a id="update" href="www3.avma.org/directory/members/profile.asp?id=iuiFPEz" class="view">Update</a> -->
</td>
<td id="tdPlace" align="right" valign="top" width="300px" height="300px"></td>
</tr>
</tbody>
</table>
<button id="load-results-button" class="results">
<div id="load-results" width="100%" height="400px" class="results">results</div>

JavaScript

$(document).ready(function() {      
         alert('update document is ready');
         
     $('button').live('click', function(e) {
         e.preventDefault();
         $('#load-results').load('http://doc.jsfiddle.net/media/index.html#wallpaper', function(data){
             //example of callback
             alert(data);
         });
     });
 
 /*
         $('a#update').click(function(e) {
             //alert('update was clicked');
             var url = $(this).attr('href');
             //alert('url = ' + url);
             $('#theDivPlace').load(url);
             e.preventDefault();
 
         });
 */
 $('a#update').click(function(e) {
     e.preventDefault();
     $('#load-results').load('http://www.jquery4u.com .header', function(data){
         //example of callback
         //console.log(data);
     });
 });
 
 });