Søg
Avatar billede carsten_mc Nybegynder
07. april 2006 - 22:18 Der er 10 kommentarer og
1 løsning

Drop Down Info

Hej.

Det jeg mangler hjælp til, er at få lavet en form for drop down menu. Den skal virken som en drop down menu, men det skal bruges til er at vise information om produkter. Det vil sige at nåt jeg trykker på et produkt skal den folde ud, og vise det information der er om produktet. Derudover skal den lukke den der er åben når man trykker på et af de andre produkter.

Håber at der er nogen der kan hjælpe, og at det er rigtige sted jeg har posted dette spørgsmål
Avatar billede roenving Novice
08. april 2006 - 15:18 #1
Se f.eks. den kode, der ligger i: http://www.eksperten.dk/spm/485556#rid4489881 !-)
Avatar billede webstuff Nybegynder
08. april 2006 - 15:18 #2
Kan dette bruges til noget?
Det er ikke hele koden til det du skal bruge, men har ikke tid til at lave noget mere lige nu.
Kan være jeg kan lave noget videre på det i aften:-)

-------------------------------

<html>
<head>
<script type="text/javascript">
var i = 2;
function showInfo(infoBlok){
    document.getElementById(infoBlok).style.display= (i++ % 2 ? 'none' : 'block');
}
</script>
</head>
<body>
<span id="info1" style="display:none;width:250px;">
    <b>Navn:</b> Produkt 1<br />
    <b>Model:</b> 1234
</span>
<span style="border:1px solid #000;width:250px;cursor:pointer;" onClick="showInfo('info1');">
    Produkt 1
</span>
</body>
</html>
Avatar billede carsten_mc Nybegynder
13. april 2006 - 13:22 #3
Webstuff. Kan den ikke
Avatar billede carsten_mc Nybegynder
13. april 2006 - 13:23 #4
Den kanbruges 100%, men hvad er det der mangler?
Avatar billede webstuff Nybegynder
13. april 2006 - 15:00 #5
Hvad mener du, virker den ikke efter hensigten?
Avatar billede webstuff Nybegynder
13. april 2006 - 15:01 #6
Åhh.. fik ikke læst dit spørgsmål ordentligt i starten..
Der mangler det som lukker alle de andre right?
Avatar billede mclemens Nybegynder
13. april 2006 - 15:35 #7
andet eksempel:

http://www.eksperten.dk/spm/700575#rid6192871
sammen med http://www.eksperten.dk/spm/700575#rid6193192

eller

http://www.eksperten.dk/spm/700382#rid6193072
Avatar billede carsten_mc Nybegynder
13. april 2006 - 20:33 #8
Jo. Jeg mangler det stykke som lukker de andre. Håber at du kan hjælpe webstuff.
Avatar billede roenving Novice
13. april 2006 - 20:39 #9
F.eks.

<script type="text/javascript">
var i = 2, oldInfo = null;
function showInfo(infoBlok){
  if(oldInfo)
    oldInfo.style.display = 'none';
  oldInfo = document.getElementById(infoBlok);
  oldInfo.style.display= (i++ % 2 ? 'none' : 'block');
}
</script>
Avatar billede mclemens Nybegynder
13. april 2006 - 20:46 #10
ikke helt så åbner den ikke den nye med det samme...

<html>
<head>
<script type="text/javascript">
tmpnode="";

var i = 2;
function showInfo(infoBlok){
tmpnewnode=document.getElementById(infoBlok);
if((tmpnode!="")&&(tmpnewnode!=tmpnode))tmpnode.style.display="none";
if((tmpnode=="")||(tmpnewnode!=tmpnode))tmpnode=tmpnewnode;

tmpnewnode.style.display=(tmpnewnode.style.display=="block")?'none':'block';
}
</script>
</head>
<body>
<span id="info1" style="display:none;width:250px;">
    <b>Navn:</b> Produkt 1<br />
    <b>Model:</b> 1234
</span>
<span style="border:1px solid #000;width:250px;cursor:pointer;" onClick="showInfo('info1');">
    Produkt 1
</span>

<br><br><br>

<span id="info2" style="display:none;width:250px;">
    <b>Navn:</b> Produkt 1<br />
    <b>Model:</b> 1234
</span>
<span style="border:1px solid #000;width:250px;cursor:pointer;" onClick="showInfo('info2');">
    Produkt 1
</span>
</body>
</html>
Avatar billede mclemens Nybegynder
13. april 2006 - 20:47 #11
hov var i = 2; var unødvendig...
Avatar billede Ny bruger Nybegynder

Din løsning...

Tilladte BB-code-tags: [b]fed[/b] [i]kursiv[/i] [u]understreget[/u] Web- og emailadresser omdannes automatisk til links. Der sættes "nofollow" på alle links.

Loading billede Opret Preview
Kategori
Webudvikling kurser
Vi tilbyder markedets bedste kurser inden for webudvikling
Se alle Webudvikling kurser

Flere spørgsmål fra JavaScript kategorien

Titel Indlæg Oprettet Seneste aktivitet
problem med download i <a href=" " download> tag i JavaScript Af Peer i JavaScript 5 27/04/202620:09 03/05/202613:59
Validering af filnavn i formular Af Strawberry i JavaScript 8 14/04/202610:11 20/04/202611:14
Mangler et JavaScript til htm side med iframe i Joomla5 Af Peder Lund Nielsen i JavaScript 2 03/02/202614:19 04/04/202616:02
Åbne en PDF fil fra en mappe Af mbl i JavaScript 9 18/04/202516:52 22/04/202512:33
Spørgsmål til cookies Af Mads i JavaScript 2 14/02/202511:47 27/06/202514:34
Se alle spørgsmål i kategorien Opret spørgsmål

Log ind eller opret profil

Hov!

For at kunne deltage på Computerworld Eksperten skal du være logget ind.

Det er heldigvis nemt at oprette en bruger: Det tager to minutter og du kan vælge at bruge enten e-mail, Facebook eller Google som login.

Opret Log ind

Du kan også logge ind via nedenstående tjenester

Alle kategorier på Eksperten
Seneste spørgsmål Seneste aktivitet
I dag 09:37 hvilken AI synes I er bedst? Af jcr18 i Andre onlineløsninger
I går 18:51 Pausepil på youtube i chrome Af valby i Browsere
I går 11:42 Mail med endelsen ".lat" Af ErikHg i E-mail
21/0511:48 Nyåbnede sider flimrer på Android tablet, hvorfor Af annam i Andet software
21/0511:03 Bitlocker fordele-ulemper, samt nulstille PC Af Uvanga i Windows
White papers
Flere white papers »