/ 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
Kan dette gøres...
Fra : Magnus


Dato : 03-10-03 07:51

<TABLE BORDER=1 CELLSPACING=0 CELLPADDING=0>
<TR>
<TD onclick="this.style.background='#dcdcdc'" style="CURSOR: hand">Tab
1</TD>
<TD onclick="this.style.background='#dcdcdc'" style="CURSOR: hand">Tab
2</TD>
<TD onclick="this.style.background='#dcdcdc';" style="CURSOR: hand">Tab
3</TD>
</TR>
</TABLE>

Dette er en tabel med tre celler når man klikker på de enkelte celler bliver
baggrunden i cellen grå.
Men kan man få det sådan at når man klikker på en celle bliver den grå mens
de to andre bliver hvide således at der kun er EN grå celle ad gangen?

Kan man det...?

/Magnus



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


Dato : 03-10-03 16:37

> Men kan man få det sådan at når man klikker på en celle bliver den grå mens
> de to andre bliver hvide således at der kun er EN grå celle ad gangen?

Sådan her
<script type="text/javascript">
function getElement(id) {
if (document.getElementById) return document.getElementById(id);
if (document.all) return document.all[id];}

var hvid = "1";
function skift(id) {
var elem=getElement(hvid);
elem.style.background='#FFF';
var elem=getElement(id);
elem.style.background='#dcdcdc';
hvid = id
}
</script>

og så giv dine tabelceller hver sin id fra 1-3 og skift teksten i onclick til: skift(det_id_du_har_tildelt_cellen)

--
Ryan



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


Dato : 03-10-03 18:16

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

... et godt forlag ...

> og så giv dine tabelceller hver sin id fra 1-3

.... men det skal lige nævnes at "1" ikke er en lovlig HTML ID værdi,
så kald dem noget andet ("x1" til "x3", fx).

/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.'

Stig Nygaard (03-10-2003)
Kommentar
Fra : Stig Nygaard


Dato : 03-10-03 19:32

Hej Magnus


Magnus wrote:
> <TD onclick="this.style.background='#dcdcdc'" style="CURSOR: hand">Tab

Et lille sidespring: Du bør erstatte din cursor-style med følgende
dobbelt-deklaration:

style="cursor:pointer; cursor:hand"

"pointer" er W3C standard-måden som understøttes af mange forskellige
browsere, mens "hand" er en Internet Explorer non-standard værdi. I IE6
virker "pointer" vistnok også (muligvis kun i standard-mode?), men ældre
versioner af IE understøtter kun Microsofts non-sztandard "hand" værdi.
Men med at nævne begge i viste rækkefølge vil det virke i alle moderne
browsere.


--
Mvh. Stig
stig[at]rockland[dot]dk
http://www.rockland.dk/
* Bedre (D)HTML ?! --> http://www.rockland.dk/stig/upghtml.html *


Søg
Reklame
Statistik
Spørgsmål : 177552
Tips : 31968
Nyheder : 719565
Indlæg : 6408847
Brugere : 218887

Månedens bedste
Årets bedste
Sidste års bedste