/ 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
Hvordan sætte jeg flere hændelser på...
Fra : Magnus


Dato : 04-10-03 10:19

Med denne kode skifter jeg baggrundsfarven på en celle i en tabel men
hvordan/hvorsætter jeg flere hændelser ind således at den fx. også fik en
ramme under sig.

border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #000000;

Hvordan indsætter jeg disse linier i koden herunder?
/Magnus


<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='#DCDCDC';
var elem=getElement(id);
elem.style.background='#FFFFFF';
hvid = id
}
</script>

<TD id="1" onclick="skift(1)">Tab 1</TD>
<TD id="2" onclick="skift(2)">Tab 2</TD>
<TD id="3" onclick="skift(3)">Tab 3</TD>
<TD id="4" onclick="skift(4)">Tab 4</TD>



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


Dato : 04-10-03 13:11

Sådan her skulle det virke:

var hvid = "1";
function skift(id) {
var elem=getElement(hvid);
elem.style.background='#DCDCDC';
elem.style.borderBottomWidth='0px';
elem.style.borderBottomStyle='solid';
elem.style.borderBottomColor='#000000';

var elem=getElement(id);
elem.style.background='#FFFFFF';
elem.style.borderBottomWidth='1px';
elem.style.borderBottomStyle='solid';
elem.style.borderBottomColor='#000000';
hvid = id
}

Husk lige at skift dine id'er ud så de starter med et bogstav som Lasse Reichstein Nielsen nævnte.
Og skift også lige 1-tallet ud i linien: var hvid = "1"; til et vilkårligt af de id'er du vælger.
Alle css egenskaber kan ændres i javascript vha. style.<egenskabsnavn> = '<nyværdi>';
Egenskabsnavnet er det samme som i css, dog skal man i stedet for bindestreg benytte stort begyndelsesbogstav.

--
Ryan



Magnus (04-10-2003)
Kommentar
Fra : Magnus


Dato : 04-10-03 13:40

Super - så virket det.
Men når jeg omdøber de 4 id nr. med et bogstav foran så går det galt.

Hvorfor nu det hvad gør jeg galt:
Siden kan ses komplet her: http://users.cybercity.dk/~ccc48457/tab-menu.htm

/Magnus

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

var hvid = "t1";
function skift(id) {
var elem=getElement(hvid);
elem.style.background='#DCDCDC';
elem.style.borderBottomWidth='1px';
elem.style.borderBottomStyle='solid';
elem.style.borderBottomColor='#000000';

var elem=getElement(id);
elem.style.background='#FFFFFF';
elem.style.borderBottomWidth='0px';
elem.style.borderBottomStyle='solid';
elem.style.borderBottomColor='#000000';

hvid = id
}
</script>

<TD id="t1" onclick="skift(1)">Tab 1</TD>
<TD id="t2" onclick="skift(2)">Tab 2</TD>
<TD id="t3" onclick="skift(3)">Tab 3</TD>
<TD id="t4" onclick="skift(4)">Tab 4</TD>


> Husk lige at skift dine id'er ud så de starter med et bogstav som Lasse
Reichstein Nielsen nævnte.
> Og skift også lige 1-tallet ud i linien: var hvid = "1"; til et
vilkårligt af de id'er du vælger.
> Alle css egenskaber kan ændres i javascript vha. style.<egenskabsnavn> =
'<nyværdi>';
> Egenskabsnavnet er det samme som i css, dog skal man i stedet for
bindestreg benytte stort begyndelsesbogstav.
>
> --
> Ryan
>
>



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


Dato : 04-10-03 16:24

> Men når jeg omdøber de 4 id nr. med et bogstav foran så går det galt.

Det var dog utroligt, som jeg kan glemme alt muligt.

Du skal også ændre i dit kald af funktionen, så det bliver: "skift('t1')" osv.

Sådan her:
<TD id="t1" onclick="menu(0); skift('t1')" CLASS=TA1 BGCOLOR=#FFFFFF><IMG SRC=menu2/A_off.gif BORDER=0></TD>
<TD id="t2" onclick="menu(1); skift('t2')" CLASS=TA1 style="border-bottom-width: 1px; border-bottom-style: solid;
border-bottom-color: #000000"><IMG SRC=menu2/B_off.gif BORDER=0></TD>
<TD id="t3" onclick="menu(2); skift('t3')" CLASS=TA1 style="border-bottom-width: 1px; border-bottom-style: solid;
border-bottom-color: #000000"><IMG SRC=menu2/C_off.gif BORDER=0></TD>
<TD id="t4" onclick="menu(3); skift('t4')" CLASS=TA2 style="border-bottom-width: 1px; border-bottom-style: solid;
border-bottom-color: #000000"><IMG SRC=menu2/A_off.gif BORDER=0></TD>

--
Ryan



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