Tabellenfeld anklicken und einrasten lassen

Persie · 20.07.2010, 13:25

Huhu,

ich habe folgendes Problem: Ich habe eine Tabelle mit verschiedenen Feldern. Ich möchte eine Funktion, wo ich die Tabellenfelder anklicken kann und damit einrasten lassen kann, also faktisch wie einen Button, der ein wenig einrastet.

Leider habe ich durch diverse Suchen dazu nichts gefunden was mir weiterhelfen könnte. Ich habe überlegt es über einen Button zu lösen, dieser verweist aber dann auf einen Link.

Als Ansatz hatte ich dieses gefunden und probiert:

PHP-Code:

  <html> 

  <head> 

    <title>Tabellenfarbe ändern</title> 

 
<script language="JavaScript"> 

function changeColor(color) 

{ 

  if (document.all) document.all.Tabelle.style.backgroundColor = color; 

  else if (document.documentElement) document.getElementById("Tabelle").style.backgroundColor = color; 

} 

</script> 

 
  </head> 

 
<body> 

  <table width="100%"> 

    <tr> 

      <a> 

        <td id="Tabelle" bgcolor="red" onmouseover="changeColor('yellow')" onMouseout="changeColor('blue')">Text</td> 

      </a> 

    </tr> 

  </table> 

</body> 

</html>

Nur will ich nicht durch das drüberfahren mit der Maus die Farbe ändern, sondern will durch anklicken die Farbe ändern, es einrasten lassen und damit selektieren.

Vielleicht habt ihr eine Ahnung!
Besten Dank im Voraus.

MfG,
Persie

chorn · 20.07.2010, 13:43

Nimm halt onclick.

SELFHTML: JavaScript / Sprachelemente / Event-Handler

Asipak · 20.07.2010, 13:43

Was auch immer

Zitat:

es einrasten lassen

bedeutet, warum nimmst du nicht onclick, wenn du

Zitat:

durch anklicken die Farbe ändern

willst?

Und was hat das Thema mit Datenbanken zu tun?

Persie · 20.07.2010, 13:53

Es ist eine Abfrage aus Datensätzen einer Datenbank.
Dazu müssen von 6 Positionen mit jeweils 7 unterpunkten jeweils einer angeklickt werden.

Aus diesem Grund sollen die Felder "einrasten" bzw. angeklickt bleiben, bis der extra submit button gedrückt wurde.

soweit verständlich?

Asipak · 20.07.2010, 13:57

Zitat:

Es ist eine Abfrage aus Datensätzen einer Datenbank.

Womit das Problem noch lange nichts mit der Datenbank zu tun hat. Du hast doch Probleme mit dem Einsatz von Javascript, oder nicht?

Zitat:

soweit verständlich?

Nicht wirklich! Was sagst du zu Post #2 und #3?

Persie · 20.07.2010, 14:10

Ich habe die Seiten auch mehrmals zu Rate gezogen, leider ohne Erfolg.

Mittlerweile habe ich es hinbekommen.

Danke trotzdem für die Hilfe!

Asipak · 20.07.2010, 14:11

Zitat:

Mittlerweile habe ich es hinbekommen.

Verrate uns wie, dann haben andere User auch noch was von diesem Thema.

Persie · 20.07.2010, 14:13

Zitat:

Zitat von Asipak

Verrate uns wie, dann haben andere User auch noch was von diesem Thema.

Gerne!

PHP-Code:

  <td style="border: 1px dotted;" bgcolor="#ADD8E6" 
          onClick="this.style.backgroundColor == 'yellow'?this.style.backgroundColor='lightblue':this.style.backgroundColor='yellow'">
          ... Text ...</td>

Keine Ahnung, ob es eine elegantere Variante geht, sie funktioniert auf jeden Fall.
Zu Beginn: Hintergrund des Feldes Blau -> Draufklicken: Geld -> Draufklicken: wieder Blau ...

20.07.2010, 14:21

Der Thread hat relativ wenig mit Datenbanken und SQL zu tun.

Grüße
Thomas

mquadrat · 20.07.2010, 14:31

Eindeutig ein JavaScript-Problem.

So also kurze Roadmap
- Je Position ein input mit type hidden
- Jedes anklickbare Feld kriegt einen onClick Event, der die ID oder was auch immer in das Input schreibt und die Darstellung ändert (z.B. Wechsel der CSS Klasse)
- Beim Submit einfach prüfen ob in jedem input was drinne steht

Wie genau die Events funktionieren ist im Netz ausreichend beschrieben.

Themen-Optionen
Druckbare Version zeigen Jemanden per E-Mail auf dieses Thema hinweisen
Thema bewerten
Thema bewerten:

Ähnliche Themen
Thema	Autor	Forum	Antworten	Letzter Beitrag
Tabellenfeld auswählen mit einem Klick	Pyromania	PHP Tipps 2010	3	26.04.2010 23:59
[Erledigt] Mit 2 Fremdschlüsseln auf dasselbe Tabellenfeld verweisen	tobi.k	Datenbanken	8	21.10.2008 16:46
Einzug bei einem Tabellenfeld	Mirod	HTML, Usability und Barrierefreiheit	3	22.02.2007 22:46
EingabeFelder erst bei Anklicken des RadioButtons beschreibb	kevka	HTML, Usability und Barrierefreiheit	3	24.06.2006 20:04
andere farbe beim link anklicken		HTML, Usability und Barrierefreiheit	4	21.08.2005 17:58
[Erledigt] Per KLick alle Checkboxen anklicken und übegeben ??!!		PHP-Fortgeschrittene	4	06.07.2005 21:56
Durch anklicken einer checkbox andere checkboxen markieren	yoshy	HTML, Usability und Barrierefreiheit	7	05.07.2005 22:25
beim anklicken inhalt eines feldes loeschen		HTML, Usability und Barrierefreiheit	2	04.04.2005 13:45
Möchte einen Button anklicken um eine Funktion aufzurufen		PHP Tipps 2005	5	22.03.2005 17:51
Tabellenfeld fixieren	flual2000	PHP Tipps 2005	3	11.02.2005 19:56
resize von Tabellenfeld verhindern		HTML, Usability und Barrierefreiheit	2	27.01.2005 11:55
Link auf einer Homepage anklicken und dann includen		PHP Tipps 2004-2	17	09.12.2004 01:28
Bei Anklicken einer Checkbox Tabellenfeld anklicken und einrasten lassen		PHP Tipps 2004	3	02.08.2004 23:45
MySQL Tabellenfeld durchsuchen		PHP Tipps 2004	4	16.06.2004 14:16
Zeile anklicken		HTML, Usability und Barrierefreiheit	3	08.06.2004 22:29

20.07.2010, 13:25
Persie Benutzer Registriert seit: 29.06.2010 Beiträge: 34 PHP-Kenntnisse: Anfänger	Tabellenfeld anklicken und einrasten lassen Huhu, ich habe folgendes Problem: Ich habe eine Tabelle mit verschiedenen Feldern. Ich möchte eine Funktion, wo ich die Tabellenfelder anklicken kann und damit einrasten lassen kann, also faktisch wie einen Button, der ein wenig einrastet. Leider habe ich durch diverse Suchen dazu nichts gefunden was mir weiterhelfen könnte. Ich habe überlegt es über einen Button zu lösen, dieser verweist aber dann auf einen Link. Als Ansatz hatte ich dieses gefunden und probiert: PHP-Code: <html> <head> <title>Tabellenfarbe ändern</title> <script language="JavaScript"> function changeColor(color) { if (document.all) document.all.Tabelle.style.backgroundColor = color; else if (document.documentElement) document.getElementById("Tabelle").style.backgroundColor = color; } </script> </head> <body> <table width="100%"> <tr> <a> <td id="Tabelle" bgcolor="red" onmouseover="changeColor('yellow')" onMouseout="changeColor('blue')">Text</td> </a> </tr> </table> </body> </html> Nur will ich nicht durch das drüberfahren mit der Maus die Farbe ändern, sondern will durch anklicken die Farbe ändern, es einrasten lassen und damit selektieren. Vielleicht habt ihr eine Ahnung! Besten Dank im Voraus. MfG, Persie


Mister Ad PHP Code Flüsterer Registriert seit: 21.08.2005 Beiträge: 4682 PHP-Kenntnisse: Fortgeschritten

20.07.2010, 13:43
chorn Erfahrener Benutzer Registriert seit: 07.12.2009 Beiträge: 843 PHP-Kenntnisse: Fortgeschritten	Nimm halt onclick. SELFHTML: JavaScript / Sprachelemente / Event-Handler

20.07.2010, 13:53
Persie Benutzer Registriert seit: 29.06.2010 Beiträge: 34 PHP-Kenntnisse: Anfänger	Es ist eine Abfrage aus Datensätzen einer Datenbank. Dazu müssen von 6 Positionen mit jeweils 7 unterpunkten jeweils einer angeklickt werden. Aus diesem Grund sollen die Felder "einrasten" bzw. angeklickt bleiben, bis der extra submit button gedrückt wurde. soweit verständlich?

20.07.2010, 14:10
Persie Benutzer Registriert seit: 29.06.2010 Beiträge: 34 PHP-Kenntnisse: Anfänger	Ich habe die Seiten auch mehrmals zu Rate gezogen, leider ohne Erfolg. Mittlerweile habe ich es hinbekommen. Danke trotzdem für die Hilfe!

20.07.2010, 14:21
thomas_w Gast Beiträge: n/a	Der Thread hat relativ wenig mit Datenbanken und SQL zu tun. Grüße Thomas

20.07.2010, 14:31
mquadrat Erfahrener Benutzer Registriert seit: 02.09.2009 Beiträge: 1.019 PHP-Kenntnisse: Fortgeschritten	Eindeutig ein JavaScript-Problem. So also kurze Roadmap - Je Position ein input mit type hidden - Jedes anklickbare Feld kriegt einen onClick Event, der die ID oder was auch immer in das Input schreibt und die Darstellung ändert (z.B. Wechsel der CSS Klasse) - Beim Submit einfach prüfen ob in jedem input was drinne steht Wie genau die Events funktionieren ist im Netz ausreichend beschrieben. __________________ Wir suchen PHP Entwickler (Vollzeit) im Raum Darmstadt / Rhein-Main. Infos via E-Mail mueller@new-frontiers.de