[html]Formular in Tabelle. Tabelle anklickbar machen, Formular nicht?

BartTheDevil89

BartTheDevil89

Devilution Media
ID: 87739
L
2 Mai 2006
3.960
103
Hallo,

und zwar habe ich diesen html-Code hier:

Code: 
<table width="468">
<tr>
<td width="200">Wert 1</td><td width="268">Wert 2</td>
</tr>
<tr>
<td colspan="2">
<form...>
Dein Wert: <input...> <input send...>
</form>
</td>
</tr>
</table>

Also eine Tabelle mit zwei Spalten und darin ein Formular mit nem Textfeld und nem Button zum absenden.

Das Formular läuft, allerdings möchte ich jetzt noch folgendes machen:

Und zwar soll die Tabelle anklickbar werden. Also überall, wo man auf der Tabelle draufklickt, soll man zu ner URL weitergeleitet werden. Außer eben, wenn man in das Textfeld und den Button klickt.

Aber wie schaffe ich das? Denn ich habe es mit onclick in dem <table> versucht, allerdings habe ich da das Problem, dass eben auch beim Klick ins Textfeld oder auf den Button die URL aufgerufen wird und diese beiden Sachen möchte ich ja ausschließen.

Daher die Frage eben, ob ihr ne Idee kennt, wie ich das ausschließen kann.

Dankeschön
 
Das wird so nicht funktionieren.Denn wenn Du die Tabelle verlinkst, ist auch alles was sich in einer Tabellenzelle befindet mit verlinkt (Sprich Dein Formular).
Du könntest es aber mit CSS-Containern machen.
Mal auf die schnelle:
Code: 
<html>
<head>
<title></title>
<style type="text/css">
<!--
#hintergrund {
position : absolute;
top : 20px;
left : 20px;
width : 468px;
height : 468px;
}
#formular {
position : absolute;
top : 230px;
left : 20px;
width : 468px;
height : 30px;
}


-->
</style>
</head>
<body >

<a href="foo.html"><div id="hintergrund"></div></a>
<div id="formular"><center><form><input></input></form></center</div>

</body>
</html>
 
Zuletzt bearbeitet:
Und es gibt wirklich keine andere Möglichkeit die Dinger so einzustellen, dass per onclick eben die komplette Tabelle anklickbar ist und ich das Feld und den Button ausschließen kann? So not-onclick oder so?^^
 
Dann darfst Du aber nicht mit verschachtelten Tabellen arbeiten,sondern muss alles in einer Tabelle mit einzelnen Tabellenzellen aufbauen.
Das Formular + Submit-Button kommt dann in eine Zelle,der Rest (Wert 1,Wert 2,Dein Wert) in seperate Zellen.
Dann kannst Du alle Zellen bis auf die mit dem Formular verlinken.

Code: 
<a href="foo.html"><td>Wert 1</td></a>
 
Code: 
<a href="foo.html"><td>Wert 1</td></a>
Zum Vergrößern anklicken....
wasn das für ne scheiße? :-?

@bart: wie wärs hiermit?

HTML: 
<script>
var redirectAllowed = true;
function redirect()
{
  if (redirectAllowed == true)
  {
    location.href="https://www.google.de";
  }
  redirectAllowed = true;
}
</script>
<table onclick="redirect()">
  <tr>
    <td>blabla</td>
    <td>
      <input type="text" onclick="redirectAllowed=false;" />
    </td>
  </tr>
</table>
selbsterklärend denk ich.
 
Zuletzt bearbeitet:
Du musst dich einloggen oder registrieren, um hier zu antworten.

Ähnliche Themen

T
Tabelle Online Tage
Antworten
0
Aufrufe
2K
Tuborg
T
Zurück
Oben