[A Href] Table - Softwareontwikkeling

maandag 12 september 2005 09:55

Acties:

Topicstarter

Ik heb nu een Table op 1 pagina met 5 Rows en 7 Collums.

Nu zou ik willen dat als je op deze table drukt hij je doorstuurt naar een andere pagina.
Dit werkt dus niet.

Nu zegt Code vaak meer als Woorden.

code:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title>Respond!</title>
</head>
<style type="text/css">
html {
    }
    
body { background-color:#000000;
    margin-top:8px;
    margin-bottom:0px;
    margin-left:0px;
    margin-right:0px;
    }
    
table { 
    height:362px;
    background-color:#FFFFFF;
    text-align:center;
    font-size:16px;
    }
    
td { 
    width:140px;
    }
    
tr { 
    width:910px;
    }

a { 
    text-decoration:none;
    cursor:hand;
    }
a:hover { text-decoration:none }
a:link { text-decoration:none }
a:active { text-decoration:none }
a:visted { text-decoration:none }
</style>

<body>
<a href="http://www.respond.nl/1/index.php">
<table width="866" height="315" align="center">
  <tr>
    <td width="150" bgcolor="#0c2d83"><FONT face=Verdana color=#ffffff><STRONG>Calamiteit</STRONG></FONT></td>
    <td width="150" bgcolor="#FFFFFF"><FONT face=Verdana 
            color=#ffffff><STRONG><IMG 
            src="http://s.mc1.nl/getimg.asp?c=306&amp;s=brand%20klein.jpg&amp;n=7298"></STRONG></FONT></td>
    <td width="150" bgcolor="#000000"><FONT face=Verdana 
            color=#ffffff><STRONG>Rampenplan</STRONG></FONT></td>
    <td width="150" bgcolor="#e46b1f"><FONT face=Verdana 
            color=#ffffff><STRONG>Communicatie</STRONG></FONT></td>
    <td width="150" bgcolor="#FFFFFF"><FONT face=Verdana 
            color=#ffffff><STRONG><IMG 
            src="http://s.mc1.nl/getimg.asp?c=306&amp;s=ncc%201.jpg&amp;n=7298"></STRONG></FONT></td>
    <td width="140" bgcolor="#d9dadb"><span class="style1"><FONT face=Verdana>Informatie<BR>
    voorziening</FONT></span></td>
  </tr>
  <tr>
    <td width="150" bgcolor="#000000"><FONT face=Verdana 
            color=#ffffff><STRONG>Specialist</STRONG></FONT></td>
    <td bgcolor="#e46b1f"><FONT face=Verdana 
            color=#ffffff><STRONG>Oproepen</STRONG></FONT></td>
    <TD align=middle bgColor=#d9dadb><FONT 
            style="BACKGROUND-COLOR: #d9dadb" face=Verdana 
            color=#000000><STRONG>Crisis</STRONG></FONT></TD>
    <td bgcolor="#FFFFFF"><FONT face=Verdana color=#ffffff><STRONG><IMG 
            src="http://s.mc1.nl/getimg.asp?c=306&amp;s=terrorisme.jpg&amp;n=7298"></STRONG></FONT></td>
    <td bgcolor="#0c2d83"><FONT face=Verdana 
            color=#ffffff><STRONG>Technologie</STRONG></FONT></td>
    <td bgcolor="#e46b1f"><FONT face=Verdana 
            color=#ffffff><STRONG>Alarmeren</STRONG></FONT></td>
  </tr>
  <tr>
    <td width="150" bgcolor="#d9dadb"><span class="style1"><FONT face=Verdana>Informatie</FONT></span></td>
    <td bgcolor="#FFFFFF"><FONT face=Verdana color=#ffffff><STRONG><IMG 
            src="http://s.mc1.nl/getimg.asp?c=306&amp;s=brand%20onsite.jpg&amp;n=7298"></STRONG></FONT></td>
    <td bgcolor="#0c2d83"><FONT face=Verdana 
            color=#ffffff><STRONG>Co&ouml;rdinatie</STRONG></FONT></td>
    <td bgcolor="#000000"><FONT face=Verdana 
            color=#ffffff><STRONG>Digitaliseren</STRONG></FONT></td>
    <td bgcolor="#d9dadb"><span class="style1"><FONT face=Verdana>Ramp</FONT></span></td>
    <td bgcolor="#000000"><FONT face=Verdana 
            color=#ffffff><STRONG>Continu&iuml;teit</STRONG></FONT></td>
  </tr>
  <tr>
    <td width="150" bgcolor="#0c2d83"><FONT face=Verdana 
            color=#ffffff><STRONG>Beproefd</STRONG></FONT></td>
    <td bgcolor="#000000"><FONT face=Verdana 
            color=#ffffff><STRONG>ICT</STRONG></FONT></td>
    <td bgcolor="#d9dadb"><span class="style1"><FONT face=Verdana>Beheersen</FONT></span></td>
    <td bgcolor="#FFFFFF"><FONT face=Verdana color=#ffffff><STRONG><IMG 
            src="http://s.mc1.nl/getimg.asp?c=306&amp;s=controlecentrum.jpg&amp;n=7298"></STRONG></FONT></td>
    <td bgcolor="#e46b1f"><FONT face=Verdana 
            color=#ffffff><STRONG>Controleren</STRONG></FONT></td>
    <td bgcolor="#FFFFFF"><p><IMG 
                  src="http://s.mc1.nl/getimg.asp?c=306&amp;s=logo%20respond.jpg&amp;n=7298"></p>
    <p><STRONG><span class="style2"><FONT 
            size=2 face=Verdana>Naar de site </FONT></span><FONT face=Verdana 
            size=2>[img]"http://s.mc1.nl/getimg.asp?c=306&amp;s=pijltje%20oranje.jpg&amp;n=7298"width=8[/img]</A></FONT></STRONG></p></td>
  </tr>
</table>
</body>
</html>

Vanzelfsprekend, Alle overbodige code weggelaten

Iemand de oplossing voor mij ?

maandag 12 september 2005 09:58

Acties:

TwoR

Gekleurde stippen

Ik weet niet of een table een onclick Event heeft anders kan je die erin maken. Als dat niet zo is kan je de Table in een Div zetten en dan de div een onClick mee te geven.

<div Onclick="javascript: document.location.href='http://www.test.nl'">
<table>
</table>
</div>

[ Voor 24% gewijzigd door TwoR op 12-09-2005 10:01 ]

maandag 12 september 2005 10:00

Acties:

Matias

Je kan een table zelf niet <a href>able maken. Je kan objecten zoals afbeeldingen en tekst binnen in een table wel linkable maken, maar die moet je dan, per aparte cel, afzonderlijke <a> tags geven.

Voor meer definities en properties van het <table> element kan je kijken op www.handleidinghtml.nl

maandag 12 september 2005 10:01

Acties:

Haan

dotnetter

Is dit de link? <a href="http://www.respond.nl/1/index.php">
Misschien helpt het om die in de table zelf te zetten? kan dus niet..

[ Voor 17% gewijzigd door Haan op 12-09-2005 10:02 ]

Kater? Eerst water, de rest komt later

maandag 12 september 2005 10:01

Acties:

Redshark

Waarom maak je niet gewoon een grote image van deze pagina? Blijkbaar wil je dit gebruiken als een soort introscherm oid? Het heeft denk ik wel gevolgen voor je vindbaarheid mbt zoekmachines dus als dat belangrijk is hier kun je dat beter niet doen.

maandag 12 september 2005 10:05

Acties:

Verwijderd

in een div zetten en die onclick lijkt mij de beste oplossing

maandag 12 september 2005 10:07

Acties:

disjfa

be

TwoR schreef op maandag 12 september 2005 @ 09:58:
<div Onclick="javascript: document.location.href='http://www.test.nl'">
<table>
</table>
</div>

Verwijderd schreef op maandag 12 september 2005 @ 10:05:
in een div zetten en die onclick lijkt mij de beste oplossing

Waarom zou je er helemaal een div omheen moeten zetten

Kan een table geen onclick aan dan? Lijkt mij persoonlijk behoorlijk overbodig om er een div omheen te zetten.....

disjfa - disj·fa (meneer)
disjfa.nl

maandag 12 september 2005 10:08

Acties:

BtM909

Watch out Guys...

disjfa schreef op maandag 12 september 2005 @ 10:07:

Waarom zou je er helemaal een div omheen moeten zetten Kan een table geen onclick aan dan? Lijkt mij persoonlijk behoorlijk overbodig om er een div omheen te zetten.....

een Table element heeft inderdaad een onclick event

HTML:

1	<table width="866" height="315" align="center" onclick="location.href='http://www.respond.nl/1/index.php'">

[ Voor 9% gewijzigd door BtM909 op 12-09-2005 10:15 ]

Ace of Base vs Charli XCX - All That She Boom Claps (RMT) | Clean Bandit vs Galantis - I'd Rather Be You (RMT)
You've moved up on my notch-list. You have 1 notch
I have a black belt in Kung Flu.

maandag 12 september 2005 10:09

Acties:

Dragon

Gooi de <a> </a> weg en gebruik dit voor de table:

HTML:

1	<table width="866" height="315" align="center" onClick="javascript: document.location.href='http://www.respond.nl/1/index.php'">

[ Voor 26% gewijzigd door Dragon op 12-09-2005 10:11 ]

maandag 12 september 2005 10:18

Acties:

BtM909

Watch out Guys...

The-Dragon schreef op maandag 12 september 2005 @ 10:09:
Gooi de <a> </a> weg en gebruik dit voor de table:
HTML:
1
<table width="866" height="315" align="center" onClick="javascript: document.location.href='http://www.respond.nl/1/index.php'">

onclick (let op: kleine letters) impliceert al javascript eventhandling. javascript: hoeft er dus niet bij

Ace of Base vs Charli XCX - All That She Boom Claps (RMT) | Clean Bandit vs Galantis - I'd Rather Be You (RMT)
You've moved up on my notch-list. You have 1 notch
I have a black belt in Kung Flu.

maandag 12 september 2005 10:22

Acties:

Dragon

BtM909 schreef op maandag 12 september 2005 @ 10:18:
[...]

onclick (let op: kleine letters) impliceert al javascript eventhandling. javascript: hoeft er dus niet bij

Ik heb het hier getest en dat werkt niet.

edit:
Ik refereerde aan je originele post. Idd javascript: is niet nodig maar je liet eerst ook location.href weg

[ Voor 19% gewijzigd door Dragon op 12-09-2005 10:25 ]

maandag 12 september 2005 10:25

Acties:

TwoR

Gekleurde stippen

disjfa schreef op maandag 12 september 2005 @ 10:07:
[...]

[...]

Waarom zou je er helemaal een div omheen moeten zetten Kan een table geen onclick aan dan? Lijkt mij persoonlijk behoorlijk overbodig om er een div omheen te zetten.....

Dat zei ik toch. En als voorbeeld gaf ik er even 1 met een div.

TwoR schreef op maandag 12 september 2005 @ 09:58:
Ik weet niet of een table een onclick Event heeft anders kan je die erin maken. Als dat niet zo is kan je de Table in een Div zetten en dan de div een onClick mee te geven.

<div Onclick="javascript: document.location.href='http://www.test.nl'">
<table>
</table>
</div>

maandag 12 september 2005 10:25

Acties:

BtM909

Watch out Guys...

The-Dragon schreef op maandag 12 september 2005 @ 10:22:
[...]

Ik heb het hier getest en dat werkt niet.

Wat is hier: met welke browser, OS, enz. ?

HTML:

<table onclick="location.href='http://www.google.com'" border="1">
  <tr>
    <td>test</td>
  </tr>
</table>

Ace of Base vs Charli XCX - All That She Boom Claps (RMT) | Clean Bandit vs Galantis - I'd Rather Be You (RMT)
You've moved up on my notch-list. You have 1 notch
I have a black belt in Kung Flu.

maandag 12 september 2005 10:26

Acties:

crisp

Devver

Pixelated

En location is een property van het window object, niet van document. Sowieso zit je in een inline eventhandler binnen de scope van je element, dus is het raadzaam ook expliciet het window object aan te geven:

HTML:

1	<table onclick="window.location.href='foo.html'">

Intentionally left blank

maandag 12 september 2005 10:43

Acties:

Vecodo

Topicstarter

heb nu dit gedaan.

code:

1	<table width="866" height="315" align="center" onclick="location.href='http://www.respond.nl/1/index.php'">

en dit werkt.

Alleen 1 nadeel, als ik over de Table heen ga met de muis, veranderd deze niet in een Hand afbeelding.

Waarom is dit ?

maandag 12 september 2005 10:44

Acties:

Verwijderd

waarom zou ie dat moeten doen als je niet zegt dat ie dat moet doen?

http://www.w3schools.com/...erence.asp#classification

maandag 12 september 2005 11:21

Acties:

crisp

Devver

Pixelated

cursor:hand is IE-only en alleen van belang voor IE5.x; IE6 begrijpt ook de standaard cursor:pointer

Intentionally left blank