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
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
Vis og skjul sektioner - virker kun på den første sektion Af nemlig i JavaScript 4 24/06/202422:50 26/06/202420:33
Hente og gemme Cookies like this. Af DanishBear i JavaScript 6 04/06/202416:23 05/06/202414:23
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 15:18 WM-bus Minomess Single Jet vandmåler Brunata/Zenner Af kulawig i Andet hardware
I dag 14:23 Navn i stifinder til ny bruger: C:\Users\defaultuser100000 Af Jørgen Kirkegaard i Windows
I dag 11:44 Sti og filnavn i sidefod Af boro23 i Word
I dag 11:02 Zyxel Multy U netværk Af jcr18 i Wifi
I dag 08:52 DOWNLOAD TIL SAMME MAPPE Af snestrup2000 i Browsere
White papers
Flere white papers »


Premium
Teaser billede
Netcompany udsat for endnu et datalæk
Læs mere »
Leverandør til 50 danske kommuner ramt af ransomware: "Det er ikke sjovt," siger direktør Thomas à Porta
Norlys-kunder har store problemer efter sammenlægning af it-systemer: Internet, tv og telefoni crasher i lange baner
Meldes til politiet for grove GDPR-brud og elendig sikkerhed: Mere end 1.000 tidligere ansatte har haft fri adgang til centralt KMD-system
Se alle »
Computerworld
Teaser billede
Stort Microsoft-nedbrud rammer flere kunder: Problemer med Teams og mails
Læs mere »
Test: Den snusfornuftige Volkswagen ID.3 blevet til lidt af el-bisse
Kæmpe datalæk på hospital: 750.000 patienters fortrolige data lækket
Et ”mareridt for privatlivets fred”: Kontroversiel Windows-funktion er udkommet i en test-version
Se alle »
CIO
Teaser billede
Microsoft hæver priserne på M365: Sådan kommer de nye priser til at ramme
Læs mere »
Stort Microsoft-nedbrud rammer flere kunder: Problemer med Teams og mails
Konsulenthus vil rulle Microsoft 365 Copilot ud til 200.000 ansatte
Microsoft et døgn efter nedbrud: Stadig problemer med Outlook
Se alle »
Job & Karriere
Teaser billede
Microsoft klar med ny direktion for den danske forretning: Her er de nye direktører
Læs mere »
Efter skelsættende møde med sportscoach: Stor dansk it-arbejdsplads indfører fredags-fri og isbade i arbejdstiden
Linus Torvalds giver russiske Linux-udviklere sparket: Vil ikke have noget med dem at gøre
Twoday er rykket til et af de dyreste postnumre i Danmark – og det kan betale sig, siger topchef Lars Berthelsen
Se alle »
White paper
Teaser billede
Sæt turbo på din cloudperformance og minimér risikoen for DDoS-angreb
Læs mere »
MDR: Transparent sikkerhed og overvågning i realtid
SMB og cybertrusler: Brug sikkerhedsressourcerne optimalt
Sådan gør du: Elektronisk dokumentudveksling i praksis
Se alle »

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