Notifikationer

Markér alle som læst Log ud

stig69 Nybegynder

13. januar 2004 - 15:24 Der er 20 kommentarer og
1 løsning

Tekst der fader ud og ind

Jeg har lånt følgende eksemple fra spg. http://www.eksperten.dk/spm/164327 og modificeret det lidt til:

<html>
<head>
<script>
fadeout = new Array("#94B2A8","#98B5AC","#9DB8AF","#A2BBB3","#A6BFB7","#ABC2BA","#B0C4BD","#B5C8C1","#BACBC5","#BFCFC9","#C4D2CD","#C8D5D0","#CDD9D4","#D2DDD8","#D9E1DE","#DDE4E1","#E4E9E7","#EAEEEC","#EFF0EF","#F1F2F2","#F4F4F2"); //Fade-farverne

fadein = new Array("#F4F4F2","#F1F2F2","#EFF0EF","#EAEEEC","#E4E9E7","#DDE4E1","#D9E1DE","#D2DDD8","#CDD9D4","#C8D5D0","#C4D2CD","#BFCFC9","#BACBC5","#B5C8C1","#B0C4BD","#ABC2BA","#A6BFB7","#A2BBB3","#9DB8AF","#98B5AC","#94B2A8");

fade_in_and_out = new Array("#F4F4F2","#F1F2F2","#EFF0EF","#EAEEEC","#E4E9E7","#DDE4E1","#D9E1DE","#D2DDD8","#CDD9D4","#C8D5D0","#C4D2CD","#BFCFC9","#BACBC5","#B5C8C1","#B0C4BD","#ABC2BA","#A6BFB7","#A2BBB3","#94B2A8","#9DB8AF","#98B5AC","#98B5AC","#94B2A8","#9DB8AF","#A2BBB3","#A6BFB7","#ABC2BA","#B0C4BD","#B5C8C1","#BACBC5","#BFCFC9","#C4D2CD","#C8D5D0","#CDD9D4","#D2DDD8","#D9E1DE","#DDE4E1","#E4E9E7","#EAEEEC","#EFF0EF","#F1F2F2","#F4F4F2"); //Fade-farverne

f = 0;
function fadeUd() {
if (document.getElementById) setTimeout("document.getElementById('out').style.color = fadeout[f++]",75);
else if (document.all) setTimeout("document.all.out.style.color = fadeout[f++]",75);
else if (document.layers) setTimeout("document.out.color = fadeout[f++]",75);
if (f < fadeout.length) setTimeout("fadeUd()",75)
}
</script>
</head>
<body bgcolor="#F4F4F2" onLoad="setTimeout('fadeUd()',2000);">
<center>
<span id="out" style="color: #8BAA8E; font-size: 20px;">Fade Out</span>
<span id="in" style="color: #8BAA8E; font-size: 20px;">Fade In</span>
<span id="in_out" style="color: #8BAA8E; font-size: 20px;">Fade In & Out</span>

</center>
</body>
</html>

Jeg vil meget gerne have hjælp til funktionen, så den kan håndtere flere tekstfelter. Og ikke som nu kun én: "Fade out". Jeg vil gerne have at tekststykket "Fade In" benytter tabellen/array "fadein" og tekststykket "Fade in & out" benytter tabellen/array "fade_in_and_out"

Stig

Synes godt om

stig69 Nybegynder

13. januar 2004 - 15:27 #1

Hvorfor bliver de tre arrays beskåret?? Nevermind

Synes godt om

Slettet bruger

13. januar 2004 - 18:07 #2

<html>
<head>
<script>
fadeout = new Array("#94B2A8","#98B5AC","#9DB8AF","#A2BBB3","#A6BFB7","#ABC2BA","#B0C4BD","#B5C8C1","#BACBC5","#BFCFC9","#C4D2CD","#C8D5D0","#CDD9D4","#D2DDD8","#D9E1DE","#DDE4E1","#E4E9E7","#EAEEEC","#EFF0EF","#F1F2F2","#F4F4F2"); //Fade-farverne

fadein = new Array("#F4F4F2","#F1F2F2","#EFF0EF","#EAEEEC","#E4E9E7","#DDE4E1","#D9E1DE","#D2DDD8","#CDD9D4","#C8D5D0","#C4D2CD","#BFCFC9","#BACBC5","#B5C8C1","#B0C4BD","#ABC2BA","#A6BFB7","#A2BBB3","#9DB8AF","#98B5AC","#94B2A8");

fade_in_and_out = new Array("#F4F4F2","#F1F2F2","#EFF0EF","#EAEEEC","#E4E9E7","#DDE4E1","#D9E1DE","#D2DDD8","#CDD9D4","#C8D5D0","#C4D2CD","#BFCFC9","#BACBC5","#B5C8C1","#B0C4BD","#ABC2BA","#A6BFB7","#A2BBB3","#94B2A8","#9DB8AF","#98B5AC","#98B5AC","#94B2A8","#9DB8AF","#A2BBB3","#A6BFB7","#ABC2BA","#B0C4BD","#B5C8C1","#BACBC5","#BFCFC9","#C4D2CD","#C8D5D0","#CDD9D4","#D2DDD8","#D9E1DE","#DDE4E1","#E4E9E7","#EAEEEC","#EFF0EF","#F1F2F2","#F4F4F2"); //Fade-farverne

f = -1;
function fadeUd() {
getObj("out").style.color = fadeout[++f];
getObj("in").style.color = fadein[f];
getObj("in_out").style.color = fade_in_and_out[f];
if (f < fadeout.length - 1)
setTimeout("fadeUd();", 75);
}

function getObj(id) {
return (document.getElementById) ? document.getElementById(id) : document.all[id];
}
</script>
</head>
<body bgcolor="#F4F4F2" onLoad="setTimeout('fadeUd()',2000);">
<center>
<span id="out" style="color: #8BAA8E; font-size: 20px;">Fade Out</span>
<span id="in" style="color: #8BAA8E; font-size: 20px;">Fade In</span>
<span id="in_out" style="color: #8BAA8E; font-size: 20px;">Fade In & Out</span>

</center>
</body>
</html>

Synes godt om

stig69 Nybegynder

14. januar 2004 - 10:46 #3

phoenixv--> Håbede på at du ville svare, da det jo var din funktion til at starte med :-)

Jeg har et par spørgsmål: Både "fadeout" og "fadein" fungerer fint, men såvidt jeg kan se, fungerer "fade_in_and_out" på samme måde som "fadein" og "fader" ikke ud igen. Derudover ville jeg høre dig om der er mulighed for at angive forskellige starttider på de tre forskellige; f.eks at "fadeout" begynder efter 2sec og "fadein" begynder efter 6sec osv?

Stig

Synes godt om

Slettet bruger

14. januar 2004 - 17:06 #4

Hvis du indsætter nogle andre farver i fade_in_and_out-arrayet, så kan den sagtens fade ind og ud. Jeg troede egentlig, det var det, du var ude efter.
Du kan godt få dem til at starte forskudt, men så bliver koden tre gange så lang. Jeg ved ikke, om det er i orden?

P.S. Jeg kan nok først hjælpe dig igen fredag.

Synes godt om

stig69 Nybegynder

14. januar 2004 - 23:56 #5

Jeg ville enormt gerne have de forskellige tekstmeddelelser til at starte forskelligt. Hvis du har tid og lyst til at hjælpe mig med det vil jeg blive rigtig glad. Jeg er desværre ikke nogen haj til JavaScript...

Fredag er fint nok

Stig

Synes godt om

Slettet bruger

16. januar 2004 - 16:45 #6

Jeg håber ikke, det lyder, som om jeg hele tiden bare udskyder det, men jeg har lidt travlt i øjeblikket... Hvis du lige kan forklare, præcist hvad du vil med arrayet fade_in_and_out, så skal jeg nok have lavet en løsning senest søndag aften.

Er det o.k.?

Synes godt om

stig69 Nybegynder

16. januar 2004 - 18:29 #7

Du skal da ikke undskylde fordi du har travlt, jeg er kun glad fordi du gider at hjælpe.

Jeg ønsker en hjemmeside, hvor jeg har x antal sætninger (salgssætninger) der skal fader frem og fader bort igen. Jeg havde forstillet mig at først fader en sætning frem. Når den er ved at fade bort kommer en ny sætning frem et andet sted på siden (dette styrer jeg ved hjælp af div). Når sætning nummer to fader bort, fader måske 2-3 nye sætninger frem osv. Den sidste sætning skal blive stående.

Jeg tænkte på om man ikke kunne kalde en funktion med en tidsfaktor, samt om sætningen skal fade frem, fade bort, eller fade frem og bort (som du har lavet). F.eks. at sætning1 begynder når siden loades, Sætning 2 bliver kaldt efter 2000 millisekunder og skal både fade frem og bort osv...

Jeg håber dette giver bedre forståelse :-)

Stig

Synes godt om

Slettet bruger

17. januar 2004 - 13:19 #8

Dette må umiddelbart være den smarteste løsning, tror jeg:
www.phoenixv.dk/exp/fade_ind_ud.html

Synes godt om

stig69 Nybegynder

17. januar 2004 - 21:02 #9

phoenixv-->Det er da noget af det mest cool jeg længe har set, vil du ikke give mig ret i det?? Tusinde tak for hjælpen :-)

Du må lige ligge et svar ind, så du kan få dine point. Og endnu engang tak for hjælpen

Stig

Synes godt om

Slettet bruger

22. januar 2004 - 16:26 #10

Hm, underligt; jeg fik aldrig en mail om, at du havde skrevet noget. Men jo, jeg lægger et svar - og tak for rosen! :)

Synes godt om

stig69 Nybegynder

06. februar 2004 - 13:36 #11

phoenixv--> Jeg bliver ved med at acceptere dit svar, men intet ske...

Synes godt om

stig69 Nybegynder

06. februar 2004 - 13:36 #12

Så skete det

Synes godt om

stig69 Nybegynder

17. maj 2004 - 09:32 #13

phoenixv--> Jeg vil høre dig om den løsning du lavede til mig - som jeg er meget glad for - kunne ændres, så den bliver fremvist i en tabel der altid er centreret istedet for at benytte faste koordinatsæt. Jeg vil meget gerne give dig flere point, hvis det kan ske

Stig

Synes godt om

Slettet bruger

18. maj 2004 - 15:54 #14

Hvis du har mulighed for at give teksten sin egen celle, så kan det sagtens lade sig gøre. Hvis teksten skal stå midt inde i en anden tekst, bliver det straks sværere. Men se her:

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>Fade ind og ud</title>
<script type="text/javascript">
tekst = new Array("Bla bla bla", "Tekst 2", "PhoenixV.dk", "Hello world!", "Tekst 5", "Sidste besked"); //Beskederne, der skal vises én efter én
farver = new Array("blue", "green", "red", "yellow", "gray", "brown"); //De ovenstående beskeders farver
vistid = new Array(1000, 1000, 1000, 2000, 1000, 1000); //Antal millisekunder, hver besked skal vises, før den fader ud
pauser = new Array(1000, 500, 0, 0, 1000); //Antal millisekunder, der skal gå, fra den nuværende besked er fadet ud, til den næste vises

nr = -1;

function visBesked() {
obj = document.getElementById("mintxt");
obj.innerHTML = tekst[++nr];
obj.style.color = farver[nr];
fadeind();
}

opac = 0;

function fadeind() {
if (opac <= 100) {
obj = document.getElementById("mintxt");
if (document.all)
obj.filters.alpha.opacity = opac;
else
obj.style.MozOpacity = opac / 100;
opac += 5;
setTimeout("fadeind();", 50);
}
else if (nr < tekst.length - 1)
setTimeout("fadeud();", vistid[nr]);
}

function fadeud() {
if (opac >= 0) {
obj = document.getElementById("mintxt");
if (document.all)
obj.filters.alpha.opacity = opac;
else
obj.style.MozOpacity = opac / 100;
opac -= 5;
setTimeout("fadeud();", 50);
}
else
setTimeout("visBesked();", pauser[nr]);
}
</script>
</head>
<body onload="visBesked();">
<div style="width: 100%; text-align: center;">
<table style="width: 300px;">
<tr>
<td id="mintxt" style="text-align: center; font-family: Arial; font-size: 14px; filter: alpha(opacity=0); -moz-opacity: 0;">
HER KOMMER TEKSTEN FREM!
</td>
</tr>
</table>
</div>
</body>
</html>

Synes godt om

stig69 Nybegynder

18. maj 2004 - 16:03 #15

phoenixv--> Der var du; det er jo dig der er ophavsmand til min kodestump. Jeg kigger lige på det

Stig

Synes godt om

stig69 Nybegynder

18. maj 2004 - 16:40 #16

Er der mulighed for at jeg kan give dig nogle point?

Stig

Synes godt om

Slettet bruger

18. maj 2004 - 16:45 #17

Nej tak, jeg klarer mig! :)

Synes godt om

stig69 Nybegynder

21. maj 2004 - 17:42 #18

Jeg har et enkelt spørgsmål: Hvordan kan det værre at når jeg sætter skriftstørrelsen op (fx 24) så bliver teksten kantet/ujævn?

Stig

Synes godt om

Slettet bruger

21. maj 2004 - 17:46 #19

Det har vist ikke noget med scriptet at gøre. Er der nogen forskel, hvis du skriver med størrelse 24 i andre sammenhænge?

Synes godt om

stig69 Nybegynder

21. maj 2004 - 17:54 #20

Jeg tror det var mig der havde rodet godt og grundigt rundt i koden - undskyld

Synes godt om

Slettet bruger

24. maj 2004 - 17:15 #21

Synes godt om

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.

Følg dette spørgsmål

Opret Preview

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
problem med download i <a href=" " download> tag i JavaScript Af Peer i JavaScript	5	27/04/202620:09	03/05/202613:59
Validering af filnavn i formular Af Strawberry i JavaScript	8	14/04/202610:11	20/04/202611:14
Mangler et JavaScript til htm side med iframe i Joomla5 Af Peder Lund Nielsen i JavaScript	2	03/02/202614:19	04/04/202616:02
Å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	2	14/02/202511:47	27/06/202514:34

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.

Du kan også logge ind via nedenstående tjenester

Alle kategorier på Eksperten

Seneste artiklerRSS