disable button in a <li>
<p>okay, if I have six buttons in a list, under the <code>li</code> tag (each on is <code>rel</code> to a part of an array), how can I disable a button while it's doing it's thing? (In this case playing a video)</p>I know it's a little vague (i haven't supplied code or anything of the sort), but that's because I don't know how to go about it. If I could at least get pointed in the right direction, that would be helpful, so that even if I can't figure it out, at least I can be specific with my problem... thanks...</p></p><strong>EDIT</strong> this is what I've now done </p>

<pre><code>&lt;li rel='1' id="first"&gt;
    &lt;div style="top:0px;"&gt;
      &lt;img src="graphics/filler.png" alt="" width="280" height="128" onClick="asess"/&gt;    
    &lt;/div&gt;
&lt;/li&gt;
</code></pre>

<p>and then added the corresponding function</p>

<pre><code>function asess() {
    document.getElementById("first").disabled = true;
}
</code></pre>

<p>I'm not to concerned with adding the function back just yet, because first I'd like to make this part work.</p></p><strong>EDIT</strong> I've got this, which should work, but I guess it's not "talking" to the button? </p>

<pre><code>$("li, .thumbs").bind("touchstart click", function() {
var $this = $(this);
if (!document.getElementById("first").disabled) {
            document.getElementById("first").disabled = true }
            else {document.getElementById("first").disabled = false};
        });
</code></pre>

<p>I know it will only talk to the button with that id (first one) but as long as I can make it work for one, I can do the rest. So, what am I doing wrong?</p>
