CIO Tech Eksperten IT-JOB IT-Kurser Events Podcast Søg
Cookie ikon
Avatar billede xzxzx-kan-ikke-logge Nybegynder
24. juli 2002 - 12:35 Der er 11 kommentarer og
1 løsning

Klikkes der, vis div, klikkes der igen, skjul div (rimelig nemt )

Hej,

Det drejer sig om et div tag. Når der klikkes startes der en funktion som skjuler / viser mit div?

Hvordan skal det laves?

/Casper www.ildstorm.dk
Avatar billede kasperks Nybegynder
24. juli 2002 - 12:44 #1
<html>
<head>
  <SCRIPT LANGUAGE=javascript>
  <!--

    function test()
    {
      testspan.innerHTML = "<p>bla bla bla</p>";
    }

  //-->
  </SCRIPT>
</head>
<body>
  <button onclick="test()">Klik her</button>
  <span id="testspan"></span>
</body>
Avatar billede kasperks Nybegynder
24. juli 2002 - 12:44 #2
Skulle have været et svar
Avatar billede xzxzx-kan-ikke-logge Nybegynder
24. juli 2002 - 12:49 #3
Jow det ser meget rigtigt ud, men nu skal de også skjules, kunne det laves med en variabel, 1klik blev den sat til YesTrue, 2 klik, Til NuFalse, 3YesTrue?
Avatar billede Slettet bruger
24. juli 2002 - 13:00 #4
<script>
function visSkjul() {
obj = (document.getElementById) ? document.getElementById("minDiv") : document.all.minDiv;
obj.style.display = (obj.style.display == "inline") ? "none" : "inline";
}
</script>

<div id="minDiv" style="display: inline;">
Min DIV!
</div>
<br>
<a href="#" onClick="visSkjul(); return false;">Vis/skjul</a>
Avatar billede esoulman Nybegynder
24. juli 2002 - 13:03 #5
Jeg bruger denne..

function toggleLayer(xy)
{

theLayer = document.getElementById(xy);
theLayer.style.display = (theLayer.style.display=="none" ? "block" : "none");
}
Avatar billede Slettet bruger
25. juli 2002 - 10:08 #6
Hvilket er præcist identisk med min, bortset fra at min også virker i IE4 og ikke sætter et ekstra linjeskift ind efter laget.
Avatar billede esoulman Nybegynder
25. juli 2002 - 18:20 #7
phoenixy > jaja, beklager da meget for mit bidrag!!
Avatar billede xzxzx-kan-ikke-logge Nybegynder
25. juli 2002 - 21:04 #8
Takker - også for jeres andres bidrag!
Avatar billede Slettet bruger
27. juli 2002 - 17:53 #9
esoulman>> Lad være med at tage det som en kritik! For hvis jeg ikke havde skrevet noget, så kunne du jo ikke vide, at mit forslag i dette tilfælde var bedre, og så ville du jo ikke lære noget!
Hvis der ikke var nogen (i særdeleshed olebole), der havde gjort mig opmærksom på mine fejl, da jeg startede her på Eksperten, så var jeg aldrig kommet i JavaScript Top10!
Avatar billede Slettet bruger
08. august 2003 - 00:12 #10
phoenixv>>

Er der mulighed for at man i denne onclick kan sende id'et der skal ændres på med så denne funktion kan virke på flere elementer end et ?
Avatar billede Slettet bruger
09. august 2003 - 09:18 #11
questis>> Ja, se her:

<script type="text/javascript">
foer = null;

function visSkjul(id) {
  obj = document.getElementById(id);
  if (foer != null) {
    foer.style.display = "none";
    if (foer == obj)
      return;
  }
  obj.style.display = "inline";
  foer = obj;
}
</script>

<div id="minDiv1" style="display: inline;">
Bla bla
</div>
<div id="minDiv2" style="display: inline;">
Bla bla
</div>
<a href="#" onClick="visSkjul('minDiv1'); return false;">Vis minDiv1</a>
<a href="#" onClick="visSkjul('minDiv2'); return false;">Vis minDiv2</a>

På den måde kan du skifte mellem enkeltvisning af to eller flere divs.
Avatar billede Slettet bruger
09. august 2003 - 10:54 #12
rigtigt lækkert..... Takker for det
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
Å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
Sæt vindue størrelse Af poulmadsen i JavaScript 1 08/10/202417:18 13/10/202412:33
Opgavestyring Af ingeman i JavaScript 1 15/09/202416:06 15/09/202420:40
Returner ikke alt Af ingeman i JavaScript 13 26/06/202414:40 01/07/202417:00
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 går 19:57 SMB på Synology Af johnnylassen i Servere
I går 13:51 Anmeldelse af bog i Weekendavisen Af Ikke-ekspert i Fri debat
I går 11:22 20 år gammel mobil simlåst Af xMsBx i Mobiltelefoner
05/0719:11 Ændre autoudfyld i Outlook og Word Af TTA i Office & Kontorpakker
05/0712:27 Office Pro 2019 forsvinder Af mort1 i Office & Kontorpakker
White papers
Flere white papers »


Premium
Teaser billede
Vil fyre tusindvis af ansatte globalt: Nu reagerer Microsofts danske organisation med 800 medarbejdere
Læs mere »
Staten binder sig med ny aftale til Microsoft i usædvanlig lang tid - og det er der en særlig årsag til
Pengene vælter ud af den danske Dynamics-kæmpe Cepheo i selskabets andet leveår - men forretningen buldrer frem
Du skal opdatere hurtigst muligt: Alvorlig sårbarhed opdaget i Citrix-software
Se alle »
Computerworld
Teaser billede
Danmarks største fiberselskab skifter navn: Norlys skal ikke længere hedde Norlys
Læs mere »
Glemte at fjerne adgang for suspenderet it-medarbejder: Næste dag var kunder i Tyskland og Bahrain låst ude
Aktie-kursen ottedoblet på fire år: Er nu verdenshistoriens mest værdifulde selskab
Amerikansk koncern med 700 ansatte i Danmark: Sender besked til kunder 21 måneder efter storstilet angreb
Se alle »
CIO
Teaser billede
Microsoft kæmper med at få Copilot ud over rampen – og det skyldes især én ting
Læs mere »
Her står medarbejderne for at ansætte og fyre - og det har gjort rekruttering af it-professionelle langt lettere
Rigspolitiet gør klar til stort opgør med it-evighedskontrakter: Søger hjælp fra leverandørerne
Mange CISO'er mistrives i jobbet: Nu stiller tidligere cyber security-chef i Energinet og Ørsted et kontroversielt forslag
Se alle »
Job & Karriere
Teaser billede
Fungerede ikke: Dropper AI som erstatning for kundeservice-medarbejdere - har nu brug for nye folk
Læs mere »
It-chef og halv it-afdeling fyret i forsikringsselskab på grund af kommentar om potteplante
Danske it-folk tør ikke længere skifte job hele tiden - og det er der en særlig årsag til
Itm8 fyrer: Opsiger ansatte og reorganiserer
Se alle »
White paper
Teaser billede
NIS2: Sådan styrker du både cybersikkerhed og compliance
Læs mere »
Tidsbegrænset kampagne: Overvejer du at udskifte eller tilføje printere i din forretning? Vi kan tilbyde én eller flere maskiner gratis
Udnyt Genesys Cloud CX optimalt og styrk kundeoplevelsen
AI og kunderejsen: Sådan vinder du fremtidens forbrugere
Se alle »

Events
Flere events »
White papers
Flere white papers »
IT-Kurser
Se alle vores it-kurser »