CIO Tech Eksperten IT-JOB IT-Kurser Events Podcast Søg
Cookie ikon
Avatar billede sennected Nybegynder
17. februar 2009 - 00:02 Der er 7 kommentarer

Hjælp til at vise resten af en nyhed

Hej,

Jeg er igang med at lave et nyhedssystem, men jeg har bestemt mig for at nyhederne skal stå
på en samlet side. For at det ikke går helt amok hvis jeg skriver en for lang nyhed, har jeg valgt at
der vises 200 af de første tegn af nyheden, og hvis der er mere tekst skal man kunne klikke på
[vis resten]
Spørgsmålet er, hvordan jeg laver så resten af teksten vises når man klikker?
Jeg søger en løsning på dette i Javascript.
Avatar billede majbom Novice
17. februar 2009 - 09:47 #1
du kan lave en div med de første 200 tegn som du skjuler når man vælger vis mere og så viser den en anden div med hele nyheden...
Avatar billede tobias_louv Nybegynder
17. februar 2009 - 17:14 #2
...eller du kan lægge de resterende tegn ind i en span, som du starter med at skjule, for derefter at vise, når man trykker på "læs mere"?
Avatar billede tobias_louv Nybegynder
17. februar 2009 - 17:19 #3
Et meget simpelt script (utestet):

<script type="text/javascript">
<!--
  function skjul(id) {
    document.getElementById("nyhed" + id).style.display = "none";
    document.getElementById("nyhed" + id + "k").innerHTML = "<a href="java script:vis(1)">Læs mere</a>";
  }
  function vis(id) {
    document.getElementById("nyhed" + id).style.display = "inline";
    document.getElementById("nyhed" + id + "k").innerHTML = "<a href="java script:skjul(1)">Læs mindre</a>";
  }
// -->
</script>

sdklfj sdlkfjsklf jsdlkfj sdlkfj lksdjf lksdjfl ksdjflksdjf lkdsjf lksdjfl kdsjflk dsjflk sdjlfk jdslkf<span style="display:none;" id="nyhed1">lk dslkjf dlskfj sldkfj lkdsfj skldfj lksdjf lskdjflk dsjf lsdkjf lksdjf lkdsjflkdsjf lksdjflk sdjf lksdjflk sdjlfksdj kljlkjlk</span><span id="nyhed1k"><a href="java script:vis(1)">Læs mere</a></span>
Avatar billede tobias_louv Nybegynder
17. februar 2009 - 17:28 #4
Okay, det var alligevel for dårligt skrevet. Her er det rettet lidt :-)

<html>
<head>
<script type="text/javascript">
<!--
  function skjul(id) {
    document.getElementById("nyhed" + id).style.display = "none";
    document.getElementById("nyhed" + id + "k").innerHTML = "<a href=\"java script:vis(" + id + ")\">Læs mere</a>";
  }
  function vis(id) {
    document.getElementById("nyhed" + id).style.display = "inline";
    document.getElementById("nyhed" + id + "k").innerHTML = "<a href=\"java script:skjul(" + id + ")\">Læs mindre</a>";
  }
// -->
</script>
</head>
<body>
<div id="n1">
sdklfj sddlkdsjflks dflksdjf lksdjf lksdflksdflksdjlfk dslkf dslkfj sdlkfjdslf kdsflkfjsklf jsdlkfj sdlkfj lksdjf lksdjfl ksdjflksdjf lkdsjf lksdjfl kdsjflk dsjflk sdjlfk jdslkf<span style="display:none;" id="nyhed1">lk dslkjf dlskfj sldkfj lkdsfj skldfj lksdjf lskdjflk dsjf lsdkjf lksdjf lkdsjflkdsjf lksdjflk sdjf lksdjfd.s,f dsf dslkjfdslkjf lksdfj lkdsjfl ksdj flkdsj flkdsj f lkdsj f kldsjflkds jflksdjf lkdsjflk sdjlfk jsdlfk jsdlkf jdslkf jdslkfjlk sdjlfksdj kljlkjlk</span><br>
<span id="nyhed1k"><a href="java script:vis(1)">Læs mere</a></span>
</div>
</body>
</html>
Avatar billede tobias_louv Nybegynder
17. februar 2009 - 17:30 #5
Med lidt snilde kan man lave en funktion, der automatisk oprettet den span, der skal til, automatisk laver den funktion, der skal til.
På den måde viser man kun de første 250 tegn hvis javascript er aktiveret - brugere uden js kan da se hele filen.
Avatar billede tobias_louv Nybegynder
26. august 2009 - 17:36 #6
Hmm... Det var vel et svar...
Avatar billede majbom Novice
04. november 2010 - 11:17 #7
kan vi lukke hér?
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 1 14/02/202511:47 14/02/202512:07
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 12:07 fjerne rettigheder fra google drev Af lurup i Cloudtjenester
28/0415:22 hta - powershell eller lign. Af tjodense i Andet programmering
27/0421:14 eclipse Af OBS i Java
27/0417:31 Indsæt "snurrebasse" på side med upload Af KurtG i PHP
27/0412:17 Ubuntu på raspberry Pi 5, remote problemer Af jepper1992 i Linux
White papers
Flere white papers »


Premium
Teaser billede
Efter et års test: Nu lancerer Microsoft den kontroversielle Windows-funktion "Recall"
Læs mere »
Dansk Microsoft-distributør sælger fra i stor stil: 100 danske partnere skifter hænder - tusindvis af servere flyttes
Danske Per Overgaard lander topstilling i verdens største pc-producent
Store konsekvenser: Det har de første 100 dage med Trump betydet for den danske it-branche
Se alle »
Computerworld
Teaser billede
Test: Derfor er Apples 100.000 kroners Mac et forrygende køb
Læs mere »
Det koster millioner, når du er høflig over for ChatGPT
Donald Trump og Elon Musk kan koste IBM dyrt: Mister stribevis af offentlige kontrakter
Her er Danmarks fem bedste CIO’er lige nu: De er nomineret til prisen som Årets CIO 2025
Se alle »
CIO
Teaser billede
Region Syddanmark vil købe kæmpe it-system og gå i clouden - står klar med næsten kvart milliard kroner
Læs mere »
Her er Danmarks fem bedste CIO’er lige nu: De er nomineret til prisen som Årets CIO 2025
Google-stifter kræver 60 timers arbejdsuge: Sådan går det i it-virksomheder, som vælger den anden vej og tilbyder nedsat tid
Klaus Koefoed Eriksen står i spidsen for stor europæisk cloud-leverandør: "Vi oplever stor interesse for europæiske cloud-alternativer"
Se alle »
Job & Karriere
Teaser billede
Den danske it-branche er på vagt: Hvad nu hvis Trump lukker for Microsoft 365 og AWS fra på mandag?
Læs mere »
Danske it-folk lokkes med store tiltrædelses-bonusser: Nu kan du score mere end 100.000 kroner ved at skrive under på ny jobkontrakt
Så meget tjener en dansk it-udvikler i gennemsnit om måneden: Forventer at få solide lønstigninger inden længe
Husk det her, når du skal købe it-løsninger næste gang: Vi er vidner til it-branchens største maskefald nogensinde
Se alle »
White paper
Teaser billede
Cybersikkerhed 2025: Er din branche blandt de mest udsatte?
Læs mere »
Sikkerhed gjort enkelt: Beskyt din virksomhed direkte i browseren
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 »