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 18:52 Skift velkomstside i Windows 11 - hvordan Af ErikHg i Windows
I går 12:30 Mystik om mobil Doro 8080 Af valby i Apps til Android
17/0715:04 Forslag til app til styring af LED driver Af Iben i Apps til iOS
16/0723:29 ChatGPT hjælp mod flux ift. Zip-pakker kan ikke downloades i +abb, Af lasseP i Chat & Messaging
16/0719:23 OneDrive er fyldt - vil gerne fjerne OneDrive Af ErikHg i Windows
White papers
Flere white papers »


Premium
Teaser billede
Ny kvantecomputer skal give danske virksomheder fortrinsret til kritisk teknologi - men bygges af amerikanske selskaber
Læs mere »
Microsoft vil investere endnu mere i at hugge kunder fra VMware-platforme: Det er en kæmpe mulighed
Vil du undgå Android og iOS på din smartphone? Her er 12 alternativer til gængse amerikanske operativsystemer
Danmark involveret i stor politirazzia mod russisk hackergruppe: Står bag angreb på danske kommuner og ministerier
Se alle »
Computerworld
Teaser billede
Danske husstande med YouSee-routere angribes to gange om dagen: Så enkelt sikrer du din egen
Læs mere »
En måned efter investering på 92 milliarder kroner: Nu fyrer fremadstormende AI-selskab en stor del af de ansatte
Facebook-ejeren Meta har fået nok af EU’s mange krav: Nægter at ændre samtykke-model yderligere
Stiller krav til superbrugernes tålmodighed: Nu begynder Microsoft at teste ny sikkerhedsfunktion i Windows 11
Se alle »
CIO
Teaser billede
Medarbejderflugt? Disse danske it-selskaber har sværest ved at holde på deres it-folk
Læs mere »
Atea-CEO efter blødende indtjening: ”Vi er nødt til at hæve vores priser. Der er ingen vej udenom”
Vinderne er fundet: Disse to it-leverandører skal levere Microsoft-løsninger for milliarder til den danske stat
Tog et opgør med standard-it og ikke-supporteret udstyr: Nu udvikler stor dansk investeringsfond selv
Se alle »
Job & Karriere
Teaser billede
Danske it-folk tør ikke længere skifte job hele tiden - og det er der en særlig årsag til
Læs mere »
Itm8 fyrer: Opsiger ansatte og reorganiserer
Fagforbund slår alarm over Netcompany: "Man risikerer at knække halsen på deres arbejdsmiljø"
Larry Ellison er blevet 165 milliarder kroner rigere på få timer: Er nu pludselig verdens næstrigeste mand
Se alle »
White paper
Teaser billede
IT i front: Sådan bliver netværk en strategisk driver
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
NIS2: Sådan styrker du både cybersikkerhed og compliance
Sådan automatiserer du vagtplanlægningen med AI
Se alle »

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