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
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
Ajax - indlæs webside og derefter hente data Af nemlig i JavaScript 4 21/05/202417:19 22/06/202422:07
Disable button efter 1. klik Af nemlig i JavaScript 2 05/05/202415:37 05/05/202416:25
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 14:01 Oprette / gemme et par fotos i en mappe - Samsung Galaxy A 14 5G ? Af Ikke-ekspert i Mobiltelefoner
I dag 11:14 Bærbar til Sims 3? Af idamarie i PC
I dag 10:49 Adobe til excel Af densortehingst i Andet software
I dag 09:26 Chrome Af fjorbak i Andet netværk
I går 21:08 Hvor kan man se Alan Turings mekaniske apparat til at løse Enignas koder Af KurtG i Andet hardware
White papers
Flere white papers »


Premium
Teaser billede
5.000 flyafgange i verden blev aflyst som følge af Crowdstrike-nedbrud: Vil Københavns Lufthavn søge erstatning?
Læs mere »
Hackere udnytter CrowdStrike-nedbruddet: Spreder malware ved hjælp af falske løsninger
Microsoft skyder dele af skylden for CrowdStrike-nedbrud på 15 år gammel EU-aftale
Derfor står Danske Bank foran en kæmpe AWS-transformation: Ellers skulle vi bygge en ny infrastruktur for at følge med
Se alle »
Computerworld
Teaser billede
Microsoft-nedbrud spreder sig: It-systemer i lufthavne verden over er ramt
Læs mere »
Test: Denne mikro-pc er smartere end de stærkeste desktop-maskiner - men flopper alligevel
Elon Musk dropper CrowdStrike efter kæmpe nedbrud
Hundredevis af flyafgange ramt af stort Microsoft-nedbrud
Se alle »
CIO
Teaser billede
Microsoft er på sagen: I gang med at løse kæmpe nedbrud efter katastrofal Crowdstrike-fejl
Læs mere »
Så mange Microsoft-enheder blev ramt af gigantisk Crowdstrike-koks
Telenor skrotter ældre it-system: Nyt system er en hyldevare
Peter Lüth udlever CTO-drømmen: Bygger et system fra bunden og tjener kassen på det
Se alle »
Job & Karriere
Teaser billede
Efter 12 år er NNIT's hovedkvarter i Søborg nu ryddet og tomt - alle arbejder hjemme: "Det er med et vist vemod"
Læs mere »
Norlys skal splittes op i fem selskaber: Nu bliver flere ansatte og ledere fyret
Dansk top-profil trækker sig fra Microsoft: Skal være direktør i TDC Erhverv
KMD-direktør forlader selskabet: Det skal hun nu
Se alle »
White paper
Teaser billede
Vejen væk fra WAN: Sådan skifter du til en moderne infrastruktur
Læs mere »
Det behøver ikke at gøre ondt: Sådan gør du livet lettere for kunder med multicloud
Sådan gør du: Elektronisk dokumentudveksling i praksis
Unbreakable - sådan sikrer du dig vedvarende og uafbrudt adgang til dine data
Se alle »

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