Avatar billede Slettet bruger
23. januar 2006 - 01:05 Der er 6 kommentarer og
1 løsning

Popup over specifik link

Hejsa

Nu har jeg siddet her og funderet over hvordan jeg kan bygge det script, som ligger på den her side : http://www.dynamicdrive.com/dynamicindex4/imagetooltip.htm#, sammen med min http://www.fuglegaarden.pivskid.dk/default.asp?side=liste&Kategori=Fugle

Altså når man holder musen over linket, så popper der et mini billede op af dyret ....

håber at i ekspert kan hjælpe !
Avatar billede Slettet bruger
23. januar 2006 - 01:20 #1
Smider lige koden til liste.asp :)

<html>
<head>
<title>liste</title>
</head>

<body link="#6666FF" vlink="#6666FF" alink="#6666FF" style="text-align: left; background-attachment:fixed">

<table border="0" width="100%" bordercolor="#0000CC" style="border-collapse: collapse; border-left-width: 1px; border-right-width: 1px; border-top-style: solid; border-top-width: 1px; border-bottom-style: solid; border-bottom-width: 1px" bordercolorlight="#000080" bordercolordark="#000080">
    <tr>
        <td valign="top" background="images/venstre_top.jpg"><p align="left">
<b><font face="Verdana" size="2">&nbsp;<%=request.querystring("kategori") %></font></b></p>
</td>
    </tr>
</table>

<div align="center">

<table border="0" width="95%" height="100%">
    <tr>
        <td valign="top">
       
        </p>

<%
Set Conn = Server.CreateObject("ADODB.Connection")
Conn.Open "DRIVER={Microsoft Access Driver (*.mdb)}; DBQ=d:\web\localuser\pivskid.dk\database\fuglegaarden.mdb"
strSQL = "SELECT * FROM dyr where Kategori='" & request.querystring("kategori") & "' order by Navn"
Set rs = conn.Execute(strSQL)
  %>

<div align="center">

<table border="0" width="100%">
    <tr>
        <td><b><font face="Verdana" size="1">Dansk Navn</font></b><hr width="50%" size="1" align="left" color="#000080"></td>
        <td><b><font face="Verdana" size="1">Latinsk Navn</font></b><hr width="50%" size="1" align="left" color="#000080"></td>
        <td><b><font face="Verdana" size="1">Lager Status</font></b><hr width="50%" size="1" align="left" color="#000080"></td>
    </tr>
    <tr><%

If Not rs.EOF Then

Do
%>
        <td onmouseover="this.style.background='#c0c0c0'" onmouseout="this.style.background=''"><font face="Verdana" size="1"><%  Response.Write "<a href='default.asp?side=vis&mode=&kategori=" & rs("kategori") & "&id=" & rs("id") & "' onmouseover='doTooltip(event,0)' onmouseout='hideTip()'>" & rs("navn") & "</a>" %></font>&nbsp;</td>
        <td><font face="Verdana" size="1"><%  Response.Write "" & rs("Latinsk") & "" %></font>&nbsp;</td>
        <td><font face="Verdana" size="1">            <% lagercount = rs("lager")
  if (lagercount = 0) then
      response.write("<img src='images/roed.gif'>")
  else
      response.write("<img src='images/groen.gif'>")
end if
%>&nbsp;</font></td>
    </tr><%
  rs.MoveNext

Loop While Not rs.EOF

End If
%>


<%
Conn.Close
Set Conn = Nothing

%>
    </table>   

</div>   
        </td>
    </tr>
</table>
</div>
</body>
</html>
Avatar billede fennec Nybegynder
23. januar 2006 - 11:36 #2
Jeg vil anbefale at du kikker på overLIB istedet:
http://www.bosrup.com/web/overlib/

Du vil sikkert hente billednavnet fra databasen, og det er ikke en nem løsning med det script du forslår. I overLIB kan du derimod indsætte HTML som parameter på funktionen, så der skal du bare lave noget ligende:
<a href="..." onMouseOver="overlib('<img src=\'<%= rs("billed") %>\'>')">
Avatar billede Slettet bruger
23. januar 2006 - 18:42 #3
Okai men hvordan får jeg den skrevet sammen med
<%  Response.Write "<a href='default.asp?side=vis&mode=&kategori=" & rs("kategori") & "&id=" & rs("id") & "' onmouseover='doTooltip(event,0)' onmouseout='hideTip()'>" & rs("navn") & "</a>" %>

?
Avatar billede fennec Nybegynder
24. januar 2006 - 08:48 #4
Hent zip filen (skal lige igennem et par hjemmesider) og pak den ud. Der er flere js filer i men i første omgang skal du inkludere overlib.js på din side i <head> delen:
<script type="text/javascript" src="overlib.js"><!-- overLIB (c) Erik Bosrup --></script>

Så smider du denne kode lige efter <body>:
<div id="overDiv" style="position:absolute; visibility:hidden; z-index:1000;"></div>

Tilsidst skal du bare ændre linket:
<%= "<a href=""default.asp?side=vis&mode=&kategori=" & rs("kategori") & "&id=" & rs("id") & """ onmouseover=""return overlib('<img src=\'billed.gif\'>Evt noget tekst også')"" onmouseout=""return nd();"">" & rs("navn") & "</a>" %>

Husk også at læse dokumentationen for flere informationer:
http://www.bosrup.com/web/overlib/?Documentation
Avatar billede Slettet bruger
24. januar 2006 - 19:34 #5
sådan nu virker det, som det skal....

Mange tak for hjælpen, kom med et svar og point er dine :)
Avatar billede fennec Nybegynder
25. januar 2006 - 09:14 #6
.o) <-- One Eyed Jack
Avatar billede Slettet bruger
26. januar 2006 - 01:38 #7
hehe fair nok
Avatar billede Ny bruger Nybegynder

Din løsning...

Tilladte BB-code-tags: [b]fed[/b] [i]kursiv[/i] [u]understreget[/u] Web- og emailadresser omdannes automatisk til links. Der sættes "nofollow" på alle links.

Loading billede Opret Preview
Kategori
Kurser inden for grundlæggende programmering

Log ind eller opret profil

Hov!

For at kunne deltage på Computerworld Eksperten skal du være logget ind.

Det er heldigvis nemt at oprette en bruger: Det tager to minutter og du kan vælge at bruge enten e-mail, Facebook eller Google som login.

Du kan også logge ind via nedenstående tjenester