[jQuery] Re: help: add click event to element

[EMAIL PROTECTED] Fri, 11 May 2007 22:56:37 -0700

yeah, i have the code. it's located on a private server. here is the
source code. Thanks.


<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/
TR/html4/strict.dtd">
<html>
<head>
<title>Query GVC</title>
<script src="jquery.js"></script>
<script src="form.js"></script>
<script>

$(function () {
  $("a.history").click(function(){
    $("#history").slideToggle();
    return false;
  });

  $('form').submit(function () {
    $("#loading").show();
    var querystring = $("form").formSerialize();
    $.get("new.php", querystring, function (xml) {
      var r = '';
      var highlight = $('highlight', xml).text();
      $('row', xml).each(function(i) {
         r += '<tr>';
         r += '<td class="backtop">' + $(this).find('DISK_NUM').text()
+ '</td>';
         r += '<td class="filename">' + $(this).find('NAME').text() +
'</td>';
         r += '<td>' + $(this).find('SIZE').text() + '</td>';
         r += '<td>' + $(this).find('DATE').text() + '</td>';
         r += '<td>' + $(this).find('DISK_NAME').text() + '</td>';
         r += '<td>' + $(this).find('DISK_TYPE').text() + '</td>';
         r += '</tr>';
         });
      r += "<tr><td colspan=7>" + $('error', xml).text() + "</td></
tr>";
      $("#tbody").html(r);
      $(".stripeMe tr").mouseover(function() {
         $(this).addClass("over");
      });
      $(".stripeMe tr").mouseout(function() {
         $(this).removeClass("over");
      });
      $(".stripeMe tr:even").addClass("alt");
      var pattern = new RegExp("(" + highlight +")", "ig");
      $(".filename").each(function(){
        var h = $(this).html();
        h = h.replace(pattern, '<span class="highlight">$1</span>');
        $(this).html(h);
      });

      $("td.backtop").click(function(){
       $("a.nav").trigger('click');
        $("[EMAIL PROTECTED]").select().focus();
      });

      var hist = '<h3>History</h3>';
      $('entry', xml).each(function(){
         hist += "<a class='hist' href='#'>" + $(this).text()  + "</
a><br>";
      });
      $("#history").html(hist);
      $("a.hist").click(function(){
        var tt = $(this).text();
        $("[EMAIL PROTECTED]").val(tt);
        $("form").submit();
        return false;
      });

      $("#loading").hide();
      $("[EMAIL PROTECTED]").select();
    });
    return false;
  });

  var spacing = $("../", $("form:eq(0)")).height();
  $("#history").css("top", spacing);
  $("#result").css("paddingTop", spacing);

  $("#loading").hide();

});

</script>
<style>
body {font: 11px verdana; padding:0; margin:0}
#result {padding-top: 34px; width:100%}
#form {text-align: right; width: 500px; display:block; position:fixed;
top:0px; right:0px; padding: 4px;  border: #ffcc00 solid 1px; backgrou
\
nd-color: #fae5b0;}
input {font-size: 11px; font-weight:bold;}
select {font-size: 11px; font-weight:bold;}
table {width: 100%}
tr.alt td { background: #ecf6fc;}
tr.over td { background: #bcd4ec;}
th {background: #0075eB; color:#fff;}
td {padding-left:5px; padding-right:5px;}
h3 {color: #A1A1A1;}
.highlight {background-color: #fff598}
#history {position:fixed; top:31px; right:0px; background: #d6efb6;
display: none; border: #71b653 solid 1px; padding:10px;}
</style>
</head>
<body>
<a name="top"></a>
<div id="form">
<form name="form" id="form" action="new.php">
<span id="loading"><img src="loading.gif"> </span>
Search <input type="text" name="keyword" size=24>
<select name="selectName" size=1 tabindex=1>
<option value="NAME">Name</option>
<option value="DISK_NAME">Disk Name</option>
</select>
<input type="checkbox" name="sortby"> Sort by name
 <a class='history' href="#">History</a>
</form>
</div>
<div id="history"></div>
<div id="result">
<table id="found" class="stripeMe">
<thead>
<tr>
<th>Disk_No.</th>
<th>Name</th>
<th>Size</th>
<th>Date</th>
<th>Disk Name</th>
<th>Disk Type</th>
</tr>
</thead>
<tbody id="tbody">
</tbody>
</table>
<a class="nav" href="#top">Back to Top</a> <a target="_search"
href="new.html">Open in Search Pane</a>
<i>Note: Only first 200 results are shown</i>
</div>
</body>
</html>


On May 11, 5:27 pm, "Jake McGraw" <[EMAIL PROTECTED]> wrote:
> Do you have an example document you would use this code on?
>
> - jake
>
> On 5/11/07, [EMAIL PROTECTED] <[EMAIL PROTECTED]> wrote:
>
>
>
> > What I'm trying to do is to add a click event to all <TD> element with
> > class name 'backtotop'. The code works in IE, but not in Fx; It seems
> > like Fx can execute select and focus on the second line too, just not
> > the line containing "trigger".
>
> >       $("td.backtotop").click(function(){
> >          $("a.nav").trigger('click');
> >          $("[EMAIL PROTECTED]").select().focus();
> >       });
>
> > Any suggestion? Thanks a lot.

[jQuery] Re: help: add click event to element

Reply via email to