Notifikationer

Markér alle som læst Log ud

online-help.dk Nybegynder

18. juli 2002 - 15:00 Der er 16 kommentarer og
1 løsning

kan man dette???

Hvis man har en tabel alla den eksperten hvor man kan få den til at ned og op...
Kan man så få den til "fade" op og ned??
Forstår i?
altså hvis den er oppe og man trykker køre den ned langsomt?? og om vent ??

Synes godt om

nikolajdu Nybegynder

18. juli 2002 - 15:30 #1

Mener du sådan her ???

<html>
<head>
<title>Untitled</title>

<script>
nyHojde = 200
function skiftDu(){

hojde = document.getElementById('tabellen').offsetHeight
if(hojde<=nyHojde){
hojde++;
document.getElementById('tabellen').style.height = hojde
setTimeout("skiftDu()",10)
}else{
clearTimeout(skiftDu)
}
}

</script>
</head>

<body onload="skiftDu()">

<table border="1" style="style="height:50;width:400">
<tr>
<td id="tabellen" style="background-color:#cccccc">kæljæl </td>
</tr>
</table>

</body>
</html>

Synes godt om

online-help.dk Nybegynder

18. juli 2002 - 15:35 #2

to opdater lige explorer..

Synes godt om

nikolajdu Nybegynder

18. juli 2002 - 15:43 #3

Her er din sjover :))

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

<html>
<head>
<title>Untitled</title>

<script>
ned = true;
op = false;
nyHojde = 100
function skiftDu(){

hojde = document.getElementById('tabellen').offsetHeight
if(ned){
if(hojde<=nyHojde){
hojde++;
document.getElementById('tabellen').style.height = hojde
setTimeout("skiftDu()",10)
}else{
clearTimeout(skiftDu)
ned = false
op = true
}
}else if(op){
if(hojde>=originalHojde){
hojde--;
document.getElementById('tabellen').style.height = hojde
setTimeout("skiftDu()",10)
}else{
clearTimeout(skiftDu)
ned = true
op = false
}
}
}

</script>
</head>

<body>

<table border="1" style="style="height:50;width:400">
<tr>
<td id="tabellen" style="background-color:#cccccc">kæljæl </td>
</tr>
</table>
<a href="#" onclick="skiftDu();return false">Se mig :))</a>
<script>

originalHojde = document.getElementById('tabellen').offsetHeight

</script>
</body>
</html>

Synes godt om

online-help.dk Nybegynder

18. juli 2002 - 15:58 #4

næsten.
når den er oppe:
skal den se sådan ud:
bare være overskriftet:
online-help.dk åbner den 1.september
og nede
skal teksten være med...
hele koden:
<table class="main2">

<tr><tr bgcolor="#a7a7a7"><div class="menupunkt2"><center>Online-help.dk <u> Åbner den 1 september</u></center></div>
<tr><td><div class="menupunkt">Vi er fuld gang med at programmere og fin gøre scriptet. Har du lyst
til at hjælpe kan du bare skrive til os. </div>
</table>
forstår du??

Synes godt om

online-help.dk Nybegynder

18. juli 2002 - 15:58 #5

sætter lige 30 points mere

Synes godt om

online-help.dk Nybegynder

18. juli 2002 - 15:59 #6

det kan jeg ikk mere??? du kan får dem senere..

Synes godt om

hmm10 Nybegynder

18. juli 2002 - 16:07 #7

- skal den ikke kunne køre op/ned flere gange uden at skulle opdatere siden?

Synes godt om

nikolajdu Nybegynder

18. juli 2002 - 16:09 #8

hmm10 det er en mindre bug - Retter den lige :)

Synes godt om

online-help.dk Nybegynder

18. juli 2002 - 16:11 #9

skal af nettet nu.... Kan du løse det anden problem???

Synes godt om

hmm10 Nybegynder

18. juli 2002 - 16:13 #10

- og evt. giver en tid, som den skal være om at køre op/ned... Jeg er vist lidt besværlig, men jeg elser at kode... :)

Synes godt om

nikolajdu Nybegynder

18. juli 2002 - 16:13 #11

yes yes.

Synes godt om

nikolajdu Nybegynder

18. juli 2002 - 16:20 #12

Sådan her så :

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

<html>
<head>
<title>Untitled</title>

<script>
ned = true;
skift = true;
nyHojde = 100
function skiftDu(){
document.getElementById('tabellen').style.width = 600
if(skift){
document.getElementById('tabellen').innerHTML='<tr><tr bgcolor="#a7a7a7"><div class="menupunkt2"><center>Online-help.dk <u> Åbner den 1 september</u></center></div><tr><td><div class="menupunkt">Vi er fuld gang med at programmere og fin gøre scriptet. Har du lyst til at hjælpe kan du bare skrive til os. </div>'
}else{
document.getElementById('tabellen').innerHTML='<tr><td id="tabellen" style="background-color:#cccccc">online-help.dk åbner den 1.september</td></tr>'
}

hojde = document.getElementById('tabellen').offsetHeight
if(ned){
if(hojde<=nyHojde){
hojde++;
document.getElementById('tabellen').style.height = hojde
setTimeout("skiftDu()",10)
}else{
skift = false
ned = false

clearTimeout(skiftDu)
return false
}
}else if(!ned){
if(hojde>=originalHojde+1){
hojde--;
document.getElementById('tabellen').style.height = hojde
setTimeout("skiftDu()",10)

}else{
skift = true
ned = true
op = false
clearTimeout(skiftDu)
return false
}
}
}

</script>
</head>

<body>

<table border="0" style="style="height:50;width:600">
<tr>
<td id="tabellen" style="width:600;background-color:#cccccc">online-help.dk åbner den 1.september</td>
</tr>
</table>
<a href="#" onclick="skiftDu();return false">Se mig :))</a>
<script>

originalHojde = document.getElementById('tabellen').offsetHeight

</script>
</body>
</html>

/Nikolaj

Synes godt om

hmm10 Nybegynder

18. juli 2002 - 16:32 #13

Der er også denne løsning:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

<html>
<head>
<title>Untitled</title>
<style>
.top {font-family:arial;font-size:11;}
</style>

<script>
ned = true;
skift = true;
nyHojde = 1
function skiftDu(){
document.getElementById('tabellen').style.width = 600
if(skift){
document.getElementById('tabellen').innerHTML='<tr><tr bgcolor="#a7a7a7"><div class="menupunkt2"><center>Online-help.dk <u>Åbner den 1 september</u></center></div><tr><td><div class="menupunkt">Vi er fuld gang med at programmere og fin gøre scriptet.<br>Har du lyst til at hjælpe kan du bare skrive til os. </div>'
}else{
document.getElementById('tabellen').innerHTML='<tr><td id="tabellen" style="background-color:#cccccc">Online-help.dk <u>Åbner den 1 september</u></td></tr>'
}

hojde = document.getElementById('tabellen').offsetHeight
if(ned){
if(hojde<=nyHojde){
hojde++;
document.getElementById('tabellen').style.height = hojde
setTimeout("skiftDu()",10)
}else{
skift = false
ned = false

clearTimeout(skiftDu)
return false
}
}else if(!ned){
if(hojde>=originalHojde+1){
hojde--;
document.getElementById('tabellen').style.height = hojde
setTimeout("skiftDu()",10)

}else{
skift = true
ned = true
op = false
clearTimeout(skiftDu)
return false
}
}
}

</script>
</head>

<body>

<table border="0" style="width:300">
<tr>
<a href="#" onclick="skiftDu();return false" alt="Klik og læs nyheden"><td id="tabellen" class="top" style="background-color:#cccccc" valign="top" align="center">Online-help.dk <u>Åbner den 1 september</u></td></a>
</tr>
</table>
<script>

originalHojde = document.getElementById('tabellen').offsetHeight

</script>
</body>
</html>

MVH
HMM10

Synes godt om

nikolajdu Nybegynder

18. juli 2002 - 16:37 #14

Besværlig løsning i forhold til bare at vise/skjule lidt tekst :))

Synes godt om

hmm10 Nybegynder

18. juli 2002 - 16:48 #15

jeg kan bedre lide min løsning, da jeg bedst kan lide det enkle... det er smag og behag. Og jo, min kodning kan godt kordes ned...

Synes godt om

nikolajdu Nybegynder

18. juli 2002 - 16:52 #16

Den er jo slet ikke enkel. Du har lavet mega overkill for at vise lidt tekst.....

Anyway så var det jo slet ikke hvad det blev spurgt om :)

Synes godt om

hmm10 Nybegynder

18. juli 2002 - 17:03 #17

hmm, det var det jo ikke... det var designet jeg mente, da jeg skrev enkelt.

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	21/08/202610:41
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