[Javascript] Använda id i JS-funktion.

2008-01-07 21:44

Permalänk

Boerworz

Medlem

Plats: Sundsvall
Registrerad: Sep 2007

●

[Javascript] Använda id i JS-funktion.

God kväll!

Rubriken är lite dålig, men vet inte riktigt hur jag skulle skriva annars.

Mitt problem är följande:

Jag använder just nu

<script type="text/javascript"> 

function show() {

div = document.getElementById('hidden');

div.style.display = 'block';

}

function hide() {

div = document.getElementById('hidden');

div.style.display = 'none';

}

</script>

<style type="text/css">

#hidden {

display: none;

}

</style>

<div id="hidden"></div>

för att gömma/dölja en div jag har. Dock vill jag kunna använda samma kod, fast på flera olika divar med olika IDn.
Har provat

function show(id) {

div = document.getElementById('+id+');

div.style.display = 'block';

}

<div id="Foo"></div> med <a href="#" onClick="show('Foo')">

Men det verkar dock inte fungera. Jag kanske gör något tokigt..

Någon vänlig själ som kan berätta hur man bör gå tillväga?

MvH/Boerworz

Rapportera Redigera

Citera flera Citera

2008-01-07 21:55

Permalänk

phnom

Medlem

Plats: Uppsala
Registrerad: Sep 2002

●

Re: [Javascript] Använda id i JS-funktion.

Citat:

Ursprungligen inskrivet av Boerworz

div = document.getElementById('+id+');
ska vara
div = document.getElementById(id);

Rapportera Redigera

Citera flera Citera

2008-01-07 21:58

Permalänk

Boerworz

Medlem

Plats: Sundsvall
Registrerad: Sep 2007

●

Så simpelt.. Tackar för svaret.

MvH/Boerworz

Rapportera Redigera

Citera flera Citera

2008-01-07 22:09

Permalänk

hunden

Testpilot

Plats: Norrköping
Registrerad: Sep 2002

●

Plustecknet kan du använda för att lägga ihop strängar, du kanske har massor av element som heter i stil med ruta_1, ruta_2 osv och då kan du skicka med bara siffran och lägga till det andra i själva funktionen.

function show(nummer){
  div = document.getElementById('ruta_' + nummer);
  div.style.display = 'block';
}

Senast redigerat 2008-01-07 22:51

Visa signatur

Kolla gärna in min RGB-LED-ljusstake i galleriet
[Gigabyte GA-Z97MX-Gaming 5][Intel Core i5 4690K][Corsair XMS3 16GB][Asus GeForce RTX 2060 Super Dual Evo OC]