Kandu.dk - Skift mellem tekster


/ Forside / Teknologi / Udvikling / Java Scripts / Nyhedsindlæg

Glemt dit kodeord?

Brugernavn*

Kodeord *

Husk mig

Brugerservice

Kom godt i gang

Bliv medlem

Seneste indlæg

Find en bruger

Stil et spørgsmål

Skriv et tip

Fortæl en ven

Pointsystemet

Kontakt Kandu.dk

Emnevisning

Kategorier

Alfabetisk

Karriere

Interesser

Teknologi

Reklame

Top 10 brugere

Java Scripts

#	Navn	Point
1	molokyle	5410
2	Klaudi	2799
3	smorch	2439
4	kim	1360
5	Harlekin	1134
6	bentjuul	984
7	gibson	800
8	severino	695
9	Random	675
10	konsulent..	626

Skift mellem tekster
Fra : Diana Juncher

Dato : 11-07-04 18:40

Hejsa!
Jeg er ved at lave mig en af de populære blogs. Af flere grunde
har jeg valgt at droppe alt, hvad der hedder frames, og
udelukkende bruge tabeller. Men! Jeg ønsker alligevel at have den
samme følelse af, at man vælger et menupunkt ude til venstre, og
får indholdet præsenteret til højre.
Jeg har indtil videre forgæves forsøgt mig med:

<head>
<script type="text/javascript" src="Text/infotext.js">
function newtext(i)
      {
      document.write(ins[i]);
      }
</script>
</head>

og

<body>
(...)
<table id="content"><tr><td><script
type="text/javascript">newtext('0')</script></td></tr></table>

(det hele kan findes på <http://www.dj.mortenz.dk>)

Fejlen går på, at den ikke kan finde objektet.
Jeg vil meget gerne undgå at skulle bruge en div-positionering,
da teksten helst bare skulle ligge i cellen...men min far påstår
hårdnakket, at det ikke kan lade sig gøre uden.

Nogen der vil sige ham imod? :)

mvh. Diana

--
Vil du lære at kode HTML, XHTML, CSS, SSI eller ASP?
- Pædagogiske tutorials på dansk
- Kom godt i gang med koderne
KLIK HER! => http://www.html.dk/tutorials

Erik Ginnerskov (11-07-2004)

Kommentar
Fra : Erik Ginnerskov

Dato : 11-07-04 19:23

Diana Juncher wrote:

> Jeg er ved at lave mig en af de populære blogs. Af flere grunde
> har jeg valgt at droppe alt, hvad der hedder frames, og
> udelukkende bruge tabeller. Men! Jeg ønsker alligevel at have den
> samme følelse af, at man vælger et menupunkt ude til venstre, og
> får indholdet præsenteret til højre.

Kan du muligvis bruge noget her:

http://www.hjemmesideskolen.dk/scripts/diastxt.asp

.... der bliver forskellige tekster i hvert fald vist på samme plads.

--
Med venlig hilsen
Erik Ginnerskov
http://hjemmesideskolen.dk - http://html-faq.dk
http://hjem.get2net.dk/egin

Diana Juncher (12-07-2004)

Kommentar
Fra : Diana Juncher

Dato : 12-07-04 09:15

Ja, det ser fint ud! Tak skal du have!!

--
Vil du lære at kode HTML, XHTML, CSS, SSI eller ASP?
- Pædagogiske tutorials på dansk
- Kom godt i gang med koderne
KLIK HER! => http://www.html.dk/tutorials

Diana Juncher (12-07-2004)

Kommentar
Fra : Diana Juncher

Dato : 12-07-04 19:52

Lige en ekstra ting. Jeg har fået det til at virke nogenlunde
nu...med et par modificeringer hist og her. Problemet er bare, at
teksten bliver stående, når jeg skifter til en div til en
anden...og det bliver hurtigt noget rod (bruger netop ikke
mouseover/out men onclick). Er der er java script function der
kan slette samtlige div'er? eller et andet smart trick?

mvh. Diana

--
Vil du lære at kode HTML, XHTML, CSS, SSI eller ASP?
- Pædagogiske tutorials på dansk
- Kom godt i gang med koderne
KLIK HER! => http://www.html.dk/tutorials

Erik Ginnerskov (12-07-2004)

Kommentar
Fra : Erik Ginnerskov

Dato : 12-07-04 22:00

Diana Juncher wrote:
> Lige en ekstra ting. Jeg har fået det til at virke nogenlunde
> nu...med et par modificeringer hist og her. Problemet er bare, at
> teksten bliver stående, når jeg skifter til en div til en
> anden...og det bliver hurtigt noget rod (bruger netop ikke
> mouseover/out men onclick). Er der er java script function der
> kan slette samtlige div'er? eller et andet smart trick?

Det er i princippet ligegyldigt, om du aktiverer javascriptfunktionerne ved
onmouseover eller onclick.

Men når du bruger onclick, mangler du selvfølgelig onmouseout til at slukke
uønskede tekster.

Du må derfor først i samtlige funktioner indsætte et passende antal linjer,
der slukker alle øvrige tekster, inden den ønskede tændes:

function tekst1()
{
document.getElementById("divTekst2").style.visibility="hidden"
document.getElementById("divTekst3").style.visibility="hidden"
document.getElementById("divtekst4").style.visibility="hidden"
document.getElementById("divtekst1").style.visibility="visible"
}

function tekst2()
{
document.getElementById("divTekst1").style.visibility="hidden"
document.getElementById("divTekst3").style.visibility="hidden"
document.getElementById("divtekst4").style.visibility="hidden"
document.getElementById("divtekst2").style.visibility="visible"
}

--
Med venlig hilsen
Erik Ginnerskov
http://hjemmesideskolen.dk - http://html-faq.dk
http://hjem.get2net.dk/egin

Diana Juncher (13-07-2004)

Kommentar
Fra : Diana Juncher

Dato : 13-07-04 09:48

> Du må derfor først i samtlige funktioner indsætte et passende antal linjer,
> der slukker alle øvrige tekster, inden den ønskede tændes:
>
> function tekst1()
> {
> document.getElementById("divTekst2").style.visibility="hidden"
> document.getElementById("divTekst3").style.visibility="hidden"
> document.getElementById("divtekst4").style.visibility="hidden"
> document.getElementById("divtekst1").style.visibility="visible"
> }

Jeps...det var også, hvad jeg endelig fandt frem til. Lidt besværligt i lænden
med alle de lange funktioner, så jeg fandt (efter en god nats søvn :) en lidt
mere elegant løsning:

<script type="text/javascript">
   var prevz = 0;
   function visible(z)
      {
      if(prevz > 0) {document.getElementById(prevz).style.visibility="hidden"};
      document.getElementById(z).style.visibility="visible";
      prevz = z;
      }
   </script>

Den går så bare ind og checker om der er noget synligt, og hvis der er, gør
den det lige usynligt inden den sætter næste på...og det virker perfekt :)

--
Vil du lære at kode HTML, XHTML, CSS, SSI eller ASP?
- Pædagogiske tutorials på dansk
- Kom godt i gang med koderne
KLIK HER! => http://www.html.dk/tutorials

Erik Ginnerskov (13-07-2004)

Kommentar
Fra : Erik Ginnerskov

Dato : 13-07-04 15:35

Diana Juncher wrote:

> Jeps...det var også, hvad jeg endelig fandt frem til. Lidt besværligt
> i lænden med alle de lange funktioner, så jeg fandt (efter en god
> nats søvn :) en lidt mere elegant løsning:
>
> <script type="text/javascript">
> var prevz = 0;
> function visible(z)
> {
> if(prevz > 0)
> {document.getElementById(prevz).style.visibility="hidden"};
> document.getElementById(z).style.visibility="visible";
> prevz = z;
> }
> </script>

Din og Lasses løsninger er elegantere end min. Men mine evner udi javascript
rækker desværre bare ikke så langt. ;(
Men min løsning ville dog have virket.

--
Med venlig hilsen
Erik Ginnerskov
http://hjemmesideskolen.dk - http://html-faq.dk
http://hjem.get2net.dk/egin

Lasse Reichstein Nie~ (13-07-2004)

Kommentar
Fra : Lasse Reichstein Nie~

Dato : 13-07-04 02:10

"Erik Ginnerskov" <erik@donotspammmeplease.invalid> writes:

> Du må derfor først i samtlige funktioner indsætte et passende antal linjer,
> der slukker alle øvrige tekster, inden den ønskede tændes:

Det kan gøres kortere. Vi ved jo at alle undtagen en allerede er hidden,
så vi behøver bare huske den ene. Hvis elementerne er navngivet ensartet,
så kan man lave en funktion som fx denne:
---
var currentVisibleText; // gemmer den der er synlig.
function tekst(n) {
if (currentVisibleText) {
currentVisibleText.style.visibility = "hidden";
}
currentVisibleText = document.getElementById("divTekst"+n);
if (currentVisibleText) {
currentVisibleText.style.visibility = "visible";
}
}
---
/L
--
Lasse Reichstein Nielsen - lrn@hotpop.com
DHTML Death Colors: <URL:http://www.infimum.dk/HTML/rasterTriangleDOM.html>
'Faith without judgement merely degrades the spirit divine.'

Søg

Reklame

Statistik

Spørgsmål :	177558
Tips :	31968
Nyheder :	719565
Indlæg :	6408925
Brugere :	218888

Månedens bedste

Årets bedste

Sidste års bedste