/ Forside / Teknologi / Udvikling / Java Scripts / Nyhedsindlæg
Login
Glemt dit kodeord?
Brugernavn

Kodeord


Reklame
Top 10 brugere
Java Scripts
#NavnPoint
molokyle 5410
Klaudi 2799
smorch 2439
kim 1360
Harlekin 1134
bentjuul 984
gibson 800
severino 695
Random 675
10  konsulent.. 626
Skifte farve når der trykkes på en celle ?
Fra : SpookiePower


Dato : 04-10-03 22:18

Jeg skal have lavet en tabel som skal indeholde flere forskellige farver
i de forskellige felter. Måde det skal gøres på er at der nederst på
siden er feks 5 felter med 5 forskellige farver. Man trykker så
først på den farve man ønsker og så trykker på det felt i tabellen
som skal have den valgte farve. Jeg har prøvet at lege lidt med
onClick-eventen, men er ikke sikker på hvordan den bruges.
Er der nogle som har et råd eller en henvisning til noget mere
info ?



 
 
Lasse Reichstein Nie~ (05-10-2003)
Kommentar
Fra : Lasse Reichstein Nie~


Dato : 05-10-03 00:02

"SpookiePower" <boxjunk2600@hotmail.com> writes:

> Jeg skal have lavet en tabel som skal indeholde flere forskellige farver
> i de forskellige felter. Måde det skal gøres på er at der nederst på
> siden er feks 5 felter med 5 forskellige farver. Man trykker så
> først på den farve man ønsker og så trykker på det felt i tabellen
> som skal have den valgte farve.

Hmm, det lyder sjovt. Prøv at kigge på den her:
---
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html>
<head>
<script type="text/javascript">
var currentBGColor = "white";
var currentFGColor = "black";

function setColors() {
this.style.backgroundColor=currentBGColor;
this.style.color=currentFGColor;
}

function selectColor(elem) {
currentBGColor = elem.style.backgroundColor;
currentFGColor = elem.style.color;
var cc = document.getElementById("currentColor");
cc.style.backgroundColor=currentBGColor;
cc.style.color=currentFGColor
}

function addSetColors(table) {
for (var i = 0;i<table.rows.length;i++) {
var row = table.rows[i];
for (var j = 0;j<row.cells.length;j++) {
row.cells[j].onclick = setColors;
}
}
}

</script>
</head>
<body onload="addSetColors(document.getElementById('table'))">
<table id="table">
<tr><td>Felt A1</td><td>Felt A2</td><td>Felt A3</td></tr>
<tr><td>Felt B1</td><td>Felt B2</td><td>Felt B3</td></tr>
<tr><td>Felt C1</td><td>Felt C2</td><td>Felt C3</td></tr>
<tr><td>Felt D1</td><td>Felt D2</td><td>Felt D3</td></tr>
<tr><td>Felt E1</td><td>Felt E2</td><td>Felt E3</td></tr>
</table>

<table>
<tr>
<td onclick="selectColor(this)" style="background:white;color:black">White</td>
<td onclick="selectColor(this)" style="background:#0f0;color:black">Green</td>
<td onclick="selectColor(this)" style="background:blue;color:white">Blue</td>
<td onclick="selectColor(this)" style="background:red;color:black">Red</td>
<td onclick="selectColor(this)" style="background:black;color:white">Black</td>
<td id="currentColor" style="background:white;color:black;">Current Color</td>
</tr>
</table>
</body>
</html>
---

Håber det hjælper
/L
--
Lasse Reichstein Nielsen - lrn@hotpop.com
Art D'HTML: <URL:http://www.infimum.dk/HTML/randomArtSplit.html>
'Faith without judgement merely degrades the spirit divine.'

Ryan Kristensen (05-10-2003)
Kommentar
Fra : Ryan Kristensen


Dato : 05-10-03 01:00

> Hmm, det lyder sjovt. Prøv at kigge på den her:
[klip]

Hvad kan det være, at det kun virker med inline css?
Ellers et flot eksempel, en hel del pænere end det jeg forsøgte at stykke sammen.

--
Ryan



Lasse Reichstein Nie~ (05-10-2003)
Kommentar
Fra : Lasse Reichstein Nie~


Dato : 05-10-03 01:37

"Ryan Kristensen" <ryankristensen@hotmail.com> writes:

> Hvad kan det være, at det kun virker med inline css?

Ren dovenskab. I stedet for at skrive farven to gange, så lod jeg bare
selectColor tage farven fra inline-CSS-stilen på det man trykker på.
Det er egentligt noget grimt hack-værk :)

Bare lad selectColor tage to farver som argumenter, og kald den med
de farver der passer.

/L
--
Lasse Reichstein Nielsen - lrn@hotpop.com
Art D'HTML: <URL:http://www.infimum.dk/HTML/randomArtSplit.html>
'Faith without judgement merely degrades the spirit divine.'

Ryan Kristensen (05-10-2003)
Kommentar
Fra : Ryan Kristensen


Dato : 05-10-03 02:56

> Ren dovenskab. I stedet for at skrive farven to gange, så lod jeg bare
> selectColor tage farven fra inline-CSS-stilen på det man trykker på.

ok, jeg havde bare ikke tænkt over, at javascript ikke kunne finde farven, hvis den var defineret i et eksternt stylesheet.

> Det er egentligt noget grimt hack-værk :)

Men meget brugervenligt

--
Ryan



SpookiePower (05-10-2003)
Kommentar
Fra : SpookiePower


Dato : 05-10-03 15:59


"Lasse Reichstein Nielsen" <lrn@hotpop.com> skrev i en meddelelse
news:r81sy5ch.fsf@hotpop.com...

> Hmm, det lyder sjovt. Prøv at kigge på den her:

Det er lige præcist det jeg søger....men jeg fatter intet Java.
Kan det laves i asp ?



Lasse Reichstein Nie~ (05-10-2003)
Kommentar
Fra : Lasse Reichstein Nie~


Dato : 05-10-03 17:08

"SpookiePower" <boxjunk2600@hotmail.com> writes:

> Det er lige præcist det jeg søger....men jeg fatter intet Java.

Det her er skam Javascript, ikke Java. To sprog der ikke har andet til
fælles end fire bogstaver i navnet og en syntaks de begge har stjålet
fra C.

> Kan det laves i asp ?

Nej, ikke særligt effektivt i hvert fald.
ASP kører på serveren (og kan skrives i JScript), så hvis det skulle gøres
i ASP, så skulle hvert klik sende en besked tilbage til serveren og få
en ny side som svar.

/L
--
Lasse Reichstein Nielsen - lrn@hotpop.com
Art D'HTML: <URL:http://www.infimum.dk/HTML/randomArtSplit.html>
'Faith without judgement merely degrades the spirit divine.'

SpookiePower (05-10-2003)
Kommentar
Fra : SpookiePower


Dato : 05-10-03 18:30


"Lasse Reichstein Nielsen" <lrn@hotpop.com> skrev i en meddelelse
news:smm73bwq.fsf@hotpop.com...

> > Kan det laves i asp ?
>
> Nej, ikke særligt effektivt i hvert fald.
> ASP kører på serveren (og kan skrives i JScript), så hvis det skulle gøres
> i ASP, så skulle hvert klik sende en besked tilbage til serveren og få
> en ny side som svar.
>

Så må jeg prøve at kigge på lidt JavaScript. Det jeg skal lave
er en "tavle" med forskellige farver brikker som hver især
repræsentere et mødetidspunkt for en bestemt arbejdsdag
i ugen. Dette skal så gemmes i en database, så medarbejderene
hjemmefra kan se deres mødetider for den kommeden måned.



Søg
Reklame
Statistik
Spørgsmål : 177558
Tips : 31968
Nyheder : 719565
Indlæg : 6408926
Brugere : 218888

Månedens bedste
Årets bedste
Sidste års bedste