[HaBo]

Catarrer · 24.08.08, 16:24

moin,
ich will ein TD-Feld mir einer javascript function bei onClick hervorheben, bzw wieder "abwählen".

folgenden Code hab ich:

Code:

<script language="JavaScript"  type="text/javascript">
function highlight {
   if (document.getElementById('Test'+Id).style.backgroundColor == '#e5e5e5') { document.getElementById(id).style.backgroundColor = '#ff3333'; }
   else { document.getElementById(id).style.backgroundColor = '#e5e5e5'; }
   
   }
</script>


[..]


<td id="Test1" onClick="return highlight()" > blabla</td>

haut aber nur hin, um es zu markieren... aba warum?

hoffe, ihr könnt mir wie immer helfen.

gruß Adi

Janus · 24.08.08, 16:51

Dein Code ist meiner Meinung nach relativer Müll...

Korrigierte (aber nicht garantiert fehlerfreie) Version:

Code:

<script language="JavaScript"  type="text/javascript">
function highlight(Id) {
   if (document.getElementById('Test'+Id).style.backgroundColor == '#e5e5e5') { document.getElementById('Test'+Id).style.backgroundColor = '#ff3333'; }
   else { document.getElementById('Test'+Id).style.backgroundColor = '#e5e5e5'; }
   
   }
</script>


[..]


<td id="Test1" onClick="highlight(1)" > blabla</td>

Anzeige

- Anzeige -

valenterry · 24.08.08, 17:26

Zuerst solltest du mal erzählen, was genau du vorhast. Kann man mehrere Zellen auswählen oder immer nur eine zur Zeit? Je nachdem würde ich dynamisch eine Klasse bzw. eine ID vergeben und diese mit CSS entsprechend farblich hervorheben.

Code:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0//EN"
       "http://www.w3.org/TR/REC-html40/strict.dtd">
<html>
<head>
<style type="text/css">
td.markiert
{
   background: blue; /* Farbe, die die Zelle hervorhebt */
}
</style>

<script type="text/javascript">
function highlight(obj)
{
   if(obj.className == "")
      obj.className = "markiert";
   else
      obj.className = "";
}
</script>
</head>

<body>
<table>
<tr>
<td onclick="highlight(this);"> blablatzbla </td>
</tr>
</table>
</body>
</html>

Sei aber vorsichtig mit weiteren CSS-Klassen, die du der Zelle zuweist. Diese würden nach dem Anklicken nämlich überschrieben. Wenn du das verhindern willst, wäre es wohl am einfachsten, du nimmst jQuery, welches entsprechende Klassen und Methoden zum Verändern einzelner CSS-Klassen anbietet.

Catarrer · 05.09.08, 19:21

ich war im urlaub und konnte jetzt erst wieder reinschauen

super lösung... danke valenterry

auf die idee mit den css-classen bin ich garned gekommen... *g*

jetzt läuft alles super

skymuss · 06.09.08, 12:14

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

LX · 06.09.08, 14:02

Zitat:

Original von skymuss
Ich empfehl dir mal das framework jQuery anzuschauen.
hier .. Warum schwer und mühseliges Javascript
wenn es auch schneller geht ;-)

Schneller hingeschrieben mit Sicherheit. Schneller in der Performance wohl kaum. jQuery, Prototype und Co. für sowas triviales zu verwenden ist mit Kanonen auf Spatzen geschossen.

skymuss · 06.09.08, 16:56

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

Anzeige

- Anzeige -

24.08.08, 16:24	#1 (permalink)
Catarrer Registriert seit: 03.08.08 Likes: 0	onclick farbe hin und herwechseln Anzeige moin, ich will ein TD-Feld mir einer javascript function bei onClick hervorheben, bzw wieder "abwählen". folgenden Code hab ich: Code: <script language="JavaScript" type="text/javascript"> function highlight { if (document.getElementById('Test'+Id).style.backgroundColor == '#e5e5e5') { document.getElementById(id).style.backgroundColor = '#ff3333'; } else { document.getElementById(id).style.backgroundColor = '#e5e5e5'; } } </script> [..] <td id="Test1" onClick="return highlight()" > blabla</td> haut aber nur hin, um es zu markieren... aba warum? hoffe, ihr könnt mir wie immer helfen. gruß Adi

24.08.08, 17:26	#3 (permalink)
valenterry Registriert seit: 25.07.06 Likes: 0	Zuerst solltest du mal erzählen, was genau du vorhast. Kann man mehrere Zellen auswählen oder immer nur eine zur Zeit? Je nachdem würde ich dynamisch eine Klasse bzw. eine ID vergeben und diese mit CSS entsprechend farblich hervorheben. Code: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0//EN" "http://www.w3.org/TR/REC-html40/strict.dtd"> <html> <head> <style type="text/css"> td.markiert { background: blue; /* Farbe, die die Zelle hervorhebt */ } </style> <script type="text/javascript"> function highlight(obj) { if(obj.className == "") obj.className = "markiert"; else obj.className = ""; } </script> </head> <body> <table> <tr> <td onclick="highlight(this);"> blablatzbla </td> </tr> </table> </body> </html> Sei aber vorsichtig mit weiteren CSS-Klassen, die du der Zelle zuweist. Diese würden nach dem Anklicken nämlich überschrieben. Wenn du das verhindern willst, wäre es wohl am einfachsten, du nimmst jQuery, welches entsprechende Klassen und Methoden zum Verändern einzelner CSS-Klassen anbietet.

06.09.08, 12:14	#5 (permalink)
skymuss Registriert seit: 12.06.08 Likes: 0	------------------------------ Geändert von skymuss (04.06.10 um 09:56 Uhr)

06.09.08, 16:56	#7 (permalink)
skymuss Registriert seit: 12.06.08 Likes: 0	------------------------------ Geändert von skymuss (04.06.10 um 09:57 Uhr)

Themen-Optionen
Druckbare Version zeigen Jemanden per E-Mail auf dieses Thema hinweisen
Ansicht
Linear-Darstellung Zur Hybrid-Darstellung wechseln Zur Baum-Darstellung wechseln

05.09.08, 19:21	#4 (permalink)
Catarrer Themenstarter Registriert seit: 03.08.08 Likes: 0	ich war im urlaub und konnte jetzt erst wieder reinschauen super lösung... danke valenterry auf die idee mit den css-classen bin ich garned gekommen... g jetzt läuft alles super

Ähnliche Themen
Thema	Autor	Forum	Antworten	Letzter Beitrag
hex code > welche Farbe?	ghost	(Web-) Design und webbasierte Sprachen	5	13.06.09 19:04
onClick nur einmal ausführen	js88	(Web-) Design und webbasierte Sprachen	2	06.02.06 18:43
weiße farbe in sms.at	Lo[o]ny	Off topic-Zone	6	05.12.03 16:31
C++ / Farbe in der Bash	UffzGraeber	Code Kitchen	1	25.11.03 18:52

[HaBo]

onclick farbe hin und herwechseln