OnMouseOut for definition of names in a text. Possible?

gilgalbiblewhee · #1 (**permalink**) 09-12-04, 13:45

How can I take the names and define them since the text is in one table, but the names and their definitions are in another table in one database. But is there anything else that I should know?

Seppuku · #2 (**permalink**) 09-12-04, 19:47

Gil, we need more info then that.. How does OnMouseOut tie into your need to define a term? What terms? What do your two tables look like? Give us as much info as you have... post any code, any table structures, any data... we don't have much to go on with what you've given us...

gilgalbiblewhee · #3 (**permalink**) 09-12-04, 20:49

My guess is that you will need the table of results:

Code:

<table border="1" cellspacing="0" cellpadding="0" width="732" style="width:549.0pt;
 border-collapse:collapse;border:none;mso-border-alt:solid windowtext .5pt;
 mso-padding-alt:0in 0in 0in 0in">
 <tr style="height:12.75pt">
 <th bgcolor="#800000"><font face="Verdana" color="#FFFFFF">
 <form align="center" method="get" action="<%=SCRIPT_SAVED%>" id=form1 name=form1>Select</font><br>
 <select size="1" name="choices" id="choices">
        <option SELECTED VALUE="">None</option> 
        <option VALUE="001">Delete</option>
        <option VALUE="002">Email to:</option>
        <option VALUE="003">Print</option>
        <option VALUE="004">Save in:</option>
 </select><input type="submit" value="OK" name=submit1><br>
<input type="checkbox" id="SelectALL" name="SelectALL" onClick="doselectAll(this)">
 <font face="Verdana" color="#FFFFFF">Select All</font></th>
 <th bgcolor="#800000"><font face="Verdana" color="#FFFFFF">Book Title</font></th>
 <th bgcolor="#800000"><font face="Verdana" color="#FFFFFF">Book #/<br>Book Spoke</font></th>
 <th bgcolor="#800000"><font face="Verdana" color="#FFFFFF">Chapter #/<br>Chapter Spoke</font></th>
 <th bgcolor="#800000"><font face="Verdana" color="#FFFFFF">Verse #/<br>Verse Spoke</font></th>
 <th bgcolor="#800000"><font face="Verdana" color="#FFFFFF">Text</font></th>
  </tr>

<%
  rs.MoveFirst
  Count = 0 
  Do while not rs.eof And Count < 10 
%>

<td width="135" nowrap rowspan="2" style="width:101.25pt;border:solid windowtext .5pt;
  border-right:solid windowtext .75pt;padding:.75pt .75pt 0in .75pt;height:
  8.0pt">

        <!--webbot bot="SaveResults" U-File="fpweb:///_private/form_results.txt"
        S-Format="TEXT/CSV" S-Label-Fields="TRUE" -->
        <p><input type="checkbox" name="ck<%CStr(id)%> value="<%=rs("id")%>"></p>

      <p>&nbsp;
    </td>
    <td width="135" nowrap rowspan="2" style="width:101.25pt;border:solid windowtext .5pt;
  border-right:solid windowtext .75pt;padding:.75pt .75pt 0in .75pt;height:
  8.0pt">
      <p class="MsoNormal" align="center" style="text-align:center"><span style="font-size:10.0pt;font-family:Verdana"><%=rs("book_title")%><o:p>
      </span>
      <td width="149" nowrap style="width:111.75pt;border-top:solid windowtext .5pt;
  border-left:none;border-bottom:solid windowtext .75pt;border-right:solid windowtext .75pt;
  mso-border-left-alt:solid windowtext .75pt;padding:.75pt .75pt 0in .75pt;
  height:8.0pt">
      <p class="MsoNormal" align="center" style="text-align:center"><span style="font-size:10.0pt;font-family:Verdana"><%=rs("book")%><o:p>
      </o:p>
      </span></p>
    </td>
    <td width="164" nowrap style="width:123.0pt;border-top:solid windowtext .5pt;
  border-left:none;border-bottom:solid windowtext .75pt;border-right:solid windowtext .75pt;
  mso-border-left-alt:solid windowtext .75pt;padding:.75pt .75pt 0in .75pt;
  height:8.0pt">
      <p class="MsoNormal" align="center" style="text-align:center"><span style="font-size:10.0pt;font-family:Verdana"><%=rs("chapter")%><o:p>
      </o:p>
      </span></p>
    </td>
       <td width="151" nowrap style="width:113.25pt;border-top:solid windowtext .5pt;
  border-left:none;border-bottom:solid windowtext .75pt;border-right:solid windowtext .75pt;
  mso-border-left-alt:solid windowtext .75pt;padding:.75pt .75pt 0in .75pt;
  height:8.0pt">
      <p class="MsoNormal" align="center" style="text-align:center"><span style="font-size:10.0pt;font-family:Verdana"><%=rs("verse")%><o:p>
      </o:p>
      </span></p>
    </td>
    <td width="245" nowrap rowspan="2" valign="top" style="mso-border-left-alt: solid windowtext .75pt; height: 12.75pt; border-left-style: none; border-left-width: medium; border-right: .5pt solid windowtext; border-top: .5pt solid windowtext; border-bottom: .5pt solid windowtext; padding-left: .75pt; padding-right: .75pt; padding-top: .75pt; padding-bottom: 0in">
      <p class="MsoNormal"><span style="font-size:10.0pt;font-family:Verdana"><b><%=rs("book_title")%>&nbsp;&nbsp;<%=rs("chap")%>:<%=rs("vers")%></b><br><%=rs("text_data")%><o:p>
      </o:p>
      </span></p>
    </td>
  <tr style="height:8.0pt">
    <td nowrap style="border-top:none;border-left:none;border-bottom:solid windowtext .5pt;
  border-right:solid windowtext .75pt;mso-border-top-alt:solid windowtext .75pt;
  mso-border-left-alt:solid windowtext .75pt;padding:.75pt .75pt 0in .75pt;
  height:8.0pt">
      <p class="MsoNormal" align="center" style="text-align:center"><span style="font-size:10.0pt;font-family:Verdana"><%=rs("book_spoke")%><o:p>
      </o:p>
      </span></p>
    </td>
    <td nowrap style="border-top:none;border-left:none;border-bottom:solid windowtext .5pt;
  border-right:solid windowtext .75pt;mso-border-top-alt:solid windowtext .75pt;
  mso-border-left-alt:solid windowtext .75pt;padding:.75pt .75pt 0in .75pt;
  height:8.0pt">
      <p class="MsoNormal" align="center" style="text-align:center"><span style="font-size:10.0pt;font-family:Verdana"><%=rs("chapter_spoke")%><o:p>
      </o:p>
      </span></p>
    </td>
       <td nowrap style="border-top:none;border-left:none;border-bottom:solid windowtext .5pt;
  border-right:solid windowtext .75pt;mso-border-top-alt:solid windowtext .75pt;
  mso-border-left-alt:solid windowtext .75pt;padding:.75pt .75pt 0in .75pt;
  height:8.0pt">
      <p class="MsoNormal" align="center" style="text-align:center"><span style="font-size:10.0pt;font-family:Verdana"><%=rs("verse_spoke")%><o:p>
      </o:p>
      </span></p>
    </td>
  </tr>
<% rs.MoveNext
    Loop
    %>
</form>
</table>

I still haven't inserted the code for the definition of names. I don't know if it's the same coding as the query (as discussed earlier) or not. Since I want those yellow rectangles popping out for a couple of seconds when I pass my mouse over the names (which are capitalized. Maybe that's a possible way of identifying, right?)

Let me know if this isn't enough.

Seppuku · #4 (**permalink**) 09-12-04, 22:45

Gil,

Again, we need more then just this. What are you trying to accomplish? Are you simply trying to make a list of terms which you can click on for a definition? You need to first get the data integration functioning before you wrap design around it. It sounds like you already have the tables with data... can you show us the table structures and sample data?

gilgalbiblewhee · #5 (**permalink**) 09-13-04, 01:31

http://n.1asphost.com/wheelofgod/kjv.asp search a word and you'll notice in the kjvresp.asp a small example of OnMouseOver at the top of the table. I was hoping to get a yellow rectangle on every name that comes up, which is defined in another table.

Seppuku · #6 (**permalink**) 09-13-04, 02:07

I searched the code for kjvresp.asp and I don't see a single onMouseOver anywhere...

gilgalbiblewhee · #7 (**permalink**) 09-13-04, 10:14

Yes, there was no OnMouseOver.

But I had put an example: "My favorite color is purple ." As you drag your mouse over you get the yellow rectangle.

Seppuku · #8 (**permalink**) 09-13-04, 12:18

You're example does nothing.. You'll need a <span> tag with an onMouseOver that sets the URL of an image to the URL of the yellow rectangle. Secondly, You'll add an onMouseOut to set the URL back to a hidden image (1x1 transparent gifs work great). That span tag will go around the object you want to be activated when the mouse cruises over it (such as your "My favorite color is purple" text).

I'm just going to freeform here, but you should be able to get a pretty good idea:

Code:

<script language="JavaScript">
function swapImgs(obj, img){

  var sNewImg = new Image();

  sNewImg.src = img;
  document.getElementById(obj).src = sNewImg.src;
  
}
</script>
<span onMouseOver="swapImgs('myImg', 'triangle.gif');" onMouseOut="swapImgs('myImg', 'blank.gif');">My favorite color is purple.</span>
<img id="myImg" src="blank.gif">

Internet Services

Web Development

Digital Marketing

Consumer Tech