Avatar billede tandpine Nybegynder
08. juli 2000 - 15:33 Der er 8 kommentarer og
1 løsning

tabel felt som link!

Hejsa....

Jeg vil høre om det er muligt at lave et helt felt i en tabel som et link??
feltet kan både være tomt og der kan også være skrevet noget i det..
Det skal bare være sådan at ligemeget hvor man trykker henne i det felt starter den et link!

MVH Pinen
Avatar billede wako Nybegynder
08. juli 2000 - 16:39 #1
det tror jeg ikke men du kan da brare lave et billede der er magen til bagrunden og så sætte det id i cellen
Avatar billede wako Nybegynder
08. juli 2000 - 16:39 #2
in=ind
Avatar billede tandpine Nybegynder
08. juli 2000 - 16:41 #3
ja det har jeg jo også tænkt på.. man kunne jo bare lave et tomt billede.... men kan man ha tekst oven på det?
Avatar billede drean Nybegynder
08. juli 2000 - 18:00 #4
I internet explorer kan du sætte hele feltet til link
Avatar billede keysersoze Guru
08. juli 2000 - 23:16 #5
Hvis du skriver dette tror jeg godt, at det kan lade sig gøre...

<a href="http://test"><div align="center">
  <center>
  <table border="1" cellpadding="0" cellspacing="0" width="60" bordercolor="#000000">
    <tr>
      <td height="60" bordercolor="#000000"></td>
    </tr>
  </table>
  </center>
</div></a>
Avatar billede tandpine Nybegynder
09. juli 2000 - 09:31 #6
Drean: Jeg har prøvet at lave
<a....>
<td ...> </a> rundt om feltet og dette virker ikke så jeg har valg at fylde feltet op med &nbsp'ere i stedet :-)
Avatar billede prodic Mester
09. juli 2000 - 15:55 #7
hmm, uden at vide noget om det, men hvad med bare at lave et billed som baggrund(billedet skal nok være helt gennemsigtig)i dit table-felt, og så har du jo muligheden for at skrive oven i....
og så kan du jo bare linke feltet med billedet i....
Avatar billede swasper Nybegynder
11. juli 2000 - 03:26 #8
Ja det kan sagtens lade sig gøre i Internet Explorer i hvert fald, det gøres på denne måde..

Start med at oprette en HTML-fil der indeholder dette:


<HTML>
<HEAD>
<LINK REL="STYLESHEET" TYPE="text/css" HREF="style.css">
    <TITLE>TEST</TITLE>
<SCRIPT language=JavaScript src="test.js"></SCRIPT>
</HEAD>
<BODY>
<TABLE BORDER=0 CELLSPACING=0 CELLPADDING=0>
<TR>
  <TD VALIGN=MIDDLE ALIGN=CENTER WIDTH=300 onmousedown="menuDwn(this,'#cc00cc');"
    onmouseout="menuOut(this,'#ffff00');"
    onmouseover="menuOvr(this,'#00ff00');" bgcolor="red">
    <A class=menuItem href="http://www.etellerandet.dk" style="WIDTH: 100%" target=_blank title="Diablo 2">&nbsp;Side 1</A>
  </TD>
</TR>
<TR>
  <TD HEIGHT=1 BGCOLOR="BLACK"></TD>
</TR>
<TR>
  <TD VALIGN=MIDDLE ALIGN=CENTER onmousedown="menuDwn(this,'#cc00cc');"
    onmouseout="menuOut(this,'#ffff00');"
    onmouseover="menuOvr(this,'#00ff00');" bgcolor="red">
    <A class=menuItem href="http://www.etellerandet.dk" style="WIDTH: 100%" target=_blank title="Diablo 2">&nbsp;Side 2</A>
  </TD>
</TR>
</TABLE>

</BODY>
</HTML>


Files gemmes som menu.html

--------------------------

opret her efter en css-fil der indeholder dette:


.menuItem {
    font-family: Arial;
    font-size: 8pt;
    font-weight: normal;
    color: rgb(0,0,0);
    text-decoration: none;
    }
   
Husk at gemme denne fil som style.css


---------------------


Til sidst skal du oprette en fil der skal gemmes som test.js, denne fil skal indeholde de informationer der skal gøres brug af når man fører musen over knapperne eller klikker på dem, denne fil skal indeholde dette:


function menuOvr(src,clrOver)
{
    if (!src.contains(event.fromElement))
    {
        src.style.cursor = 'hand';
        src.bgColor = clrOver;
        src.children.tags('A')[0].style.color = '#000000';
    }
}

function menuDwn(src,clrDwn)
{
    if (!src.contains(event.fromElement))
    {
        src.style.cursor = 'hand';
        src.bgColor = clrDwn;
        src.children.tags('A')[0].style.color = '#FFFFFF';
    }
}

function menuOut(src,clrOut)
{
    if (!src.contains(event.toElement))
    {
        src.style.cursor = 'default';
        src.bgColor = clrOut;
        src.children.tags('A')[0].style.color = '#000000';
    }
}

--------------------



Du skulle nu have 3 filer der ser sådan ud:

menu.html
style.css
test.js

læg de 3 filer i samme bibliotek og nu skulle det hele gerne virke.
Avatar billede tandpine Nybegynder
12. juli 2000 - 19:47 #9
Du får pointene swasper

tak for svaret!
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
Vi tilbyder markedets bedste kurser inden for webudvikling

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