/ Forside / Teknologi / Udvikling / Java Scripts / Nyhedsindlæg
Login
Glemt dit kodeord? 		Brugernavn

Kodeord


Reklame
Top 10 brugere
Java Scripts
#NavnPoint
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 : 177501
Tips : 31968
Nyheder : 719565
Indlæg : 6408522
Brugere : 218887
Månedens bedste
Årets bedste
Sidste års bedste
Copyright © 2000-2024 kandu.dk. Alle rettigheder forbeholdes.