Comment est-ce que je peux rendre ce vieux code JavaScript/ASP classique (propre) non intrusif, en utilisant JQuery?

Question

Je travaille sur un ancien système qui utilise les scripts ASP Classic.

Dans le ASP fichier classique que j'ai ce fragment de code qui rend une partie d'une table:

<td nowrap align="center"> 
    <%if iBidCount > 0 then %> 
    <a class="number-of-bids" onClick="showBidHistory(<% = oRSResults("ListedPlatesId") %>, this);" title="Click to show bid history"><%= iBidCount %></a> 
    <% else %><span class="no-bids">0</span> 
    <%end if%> 
</td> 

Le JavaScript je pour l'événement onClick est la suivante:

function fetchBidHistory (pListedPlatesId) { 
     var d = new Date(); 
     var t = d.getTime(); 

     $.get('/auction/includes/new-bidhistory.asp?lplateid=' + pListedPlatesId + "&xx=" + t, 
     function(data){ 
      $('#BidHistory').html(data).animate({opacity:1.0}, 400); 
     }); 
} 

function showBidHistory(pListedPlatesId, pObj) { 
    var lyrBidHistory = $('#BidHistory'); 
    //Populate the DIV 
    fetchBidHistory (pListedPlatesId);  
} 

Comme vous pouvez vois que j'ai réussi à implémenter un peu de JQuery. Je vise à rendre le JavaScript aussi discret que possible. Aussi j'ai du mal à faire disparaître DIV#BidHistory une fois qu'il est visible ???

Existe-t-il un moyen d'y parvenir? Des idées?

Toute aide est grandement appréciée. Merci

Answer 1

Si vous voulez que votre javascript est discret, l'une des premières étapes consiste à supprimer des gestionnaires d'événements de HTML et de les remplacer par des écouteurs d'événement dans votre fichier javascript.

Exemple:

<a class="number-of-bids" onClick="showBidHistory();">Old Link</a> 

Devient:

<a class="number-of-bids" id="bidHistoryLink">New Link</a> 

Avec une ligne de code supplémentaire dans votre JavaScript semblable à:

$('#bidHistoryLink').click(function() { 
alert('your bid history is:' bidHistory); 
}); 

Cela vous permet d'être beaucoup plus dynamique dans la façon dont vous structurez et réorganisez le site. Les changements sur le site Web deviennent particulièrement faciles à gérer.