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

Kodeord


Reklame
Top 10 brugere
HTML
#NavnPoint
molokyle 11184
Klaudi 5506
bentjuul 3377
severino 2040
smorch 1950
strarup 1525
natmaden 1396
scootergr.. 1320
e.c 1150
10  miritdk 1110
Menuknapper og z-index
Fra : Allan Vebel


Dato : 25-03-01 00:46

Jeg roder lidt med en række menuknapper der er lagt delvis oven på hinanden:

<div style="position:absolute;top:0;left:180px;><a href="links.htm"><img
src="links.gif" border="0"></a></div>

<div style="position:absolute;top:0;left:90px;><a href="tips.htm"><img
src="tips.gif" border="0"></a></div>

<div style="position:absolute;top:0;left:10px;><a href="menuframe.htm"><img
src="cssmenu.gif" border="0"></a></div>

Jeg vil gerne have lagt de enkelte knapper "øverst" ved onClik, eventuelt
ved hjælp af z-index, men jeg har endnu ikke fundet ud af at styre det på
den rigtige måde.

Er der en der har lyst til at eksperimentere lidt med det - og vende tilbage
med en løsning?

--
Allan




 
 
Jakob Andersen (25-03-2001)
Kommentar
Fra : Jakob Andersen


Dato : 25-03-01 13:53

"Allan Vebel" <allan@vebel.dk> wrote in message
news:Eiav6.216$l31.24741@news.get2net.dk...
> Jeg vil gerne have lagt de enkelte knapper "øverst" ved onClik, eventuelt
> ved hjælp af z-index, men jeg har endnu ikke fundet ud af at styre det på
> den rigtige måde.

Jeg sad lige og legede lidt med det, men fik det kun til at virke i IE....
Med:

document.getElementById('knapid').style.zIndex = 3;

Men husk at z-index skal være der fra starten af og at du skal nulstille de
andre z-indexer når du hæver en ny.

Jeg kigger lige noget mere på det senere....

--
Jakob Andersen
FAQ for webdesign gruppen på
<http://www.usenet.dk/oss/dk.edb.internet.webdesign>
"Det er rart at være vigtig, men det er vigtigere at være rar "



Jakob Andersen (25-03-2001)
Kommentar
Fra : Jakob Andersen


Dato : 25-03-01 13:56

"Jakob Andersen" <jakob@andersen.as> wrote
> document.getElementById('knapid').style.zIndex = 3;

Du kan selvfølgelig også lave to classes... hvor den ene er hævet og den
anden er sænket og så bruge:

onClick= "this.className = 'top';"

--
Jakob Andersen
FAQ for webdesign gruppen på
<http://www.usenet.dk/oss/dk.edb.internet.webdesign>
"Det er rart at være vigtig, men det er vigtigere at være rar "



Allan Vebel (25-03-2001)
Kommentar
Fra : Allan Vebel


Dato : 25-03-01 14:47

Jakob Andersen <jakob@andersen.as> skrev

> onClick= "this.className = 'top';"

Det er faktisk den jeg har leget med, men når jeg har klikket på alle
knapperne, så ligger de jo alle på samme z-index. Jeg skal så have fat i
alle knapperne for at sætte dem til en lavere z-index end den der bliver
klikket på - det er det der volder lidt hovedbrud.

Jeg prøver også selv at lege lidt videre og vender tilbage hvis jeg finder
de vises sten.
--
Allan



Jakob Andersen (25-03-2001)
Kommentar
Fra : Jakob Andersen


Dato : 25-03-01 15:09

"Allan Vebel" <allan@vebel.dk> wrote
> Jeg prøver også selv at lege lidt videre og vender tilbage hvis jeg finder
> de vises sten.

Tillad mig at servere en lille aperetif:

Lav to classes, en der hedder "top" og en der hedder "bund", disse kalder du
så for knap1, ,knap2, knap3 ............. knapx

<SCRIPT TYPE="text/javascript">
var antal_knapper = 3; //her skriver du hvor mange knapper der er..
function moveup(n){
for(i=1;i <= antal_knapper;i++){
document.getElementById('knap' + i).className = 'bund';
}
document.getElementById('knap' + n).className = 'top';
}
</SCRIPT>

Er testet i NN6 og IE5.5 og det virker i begge.... (Er 100% sikker på at det
ikke virker i NN4)
--
Jakob Andersen
FAQ for webdesign gruppen på
<http://www.usenet.dk/oss/dk.edb.internet.webdesign>
"Det er rart at være vigtig, men det er vigtigere at være rar "



Allan Vebel (25-03-2001)
Kommentar
Fra : Allan Vebel


Dato : 25-03-01 19:04

Jakob Andersen <jakob@andersen.as> skrev
>
> Tillad mig at servere en lille aperetif:

Tak! Det fungerer næsten, men når jeg klikker på knap1 er knap3 stadig
øverst.

Se www.vebel.dk/css , hvor jeg har lagt eksemplet.

--
Allan



Allan Vebel (25-03-2001)
Kommentar
Fra : Allan Vebel


Dato : 25-03-01 23:25

>
> Se www.vebel.dk/css , hvor jeg har lagt eksemplet.

Nå, nu har jeg lavet det på en helt anden måde.

--
Allan



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

Månedens bedste
Årets bedste
Sidste års bedste