Søg
Avatar billede binauhus Nybegynder
22. november 2002 - 18:38 Der er 10 kommentarer og
1 løsning

Ved tryk på tekst - fade form ind ???

Hej,

Jeg har brug for et hurtigt svar på dette sprøgsmål.
Jeg vil have en tekst, som når man trykker på det får en form til at fade in så man pludselig kan se den. Den starter som usynlig !

Er det noget man kan lave ???

//BinauHus
Avatar billede Slettet bruger
24. november 2002 - 17:31 #1
Tja, hurtigt var det jo ikke:

<script>
opa = 0;

function fadeInd() {
if (opa < 100) {
opa += 5;
if (document.getElementById && !document.all)
document.getElementById("minForm").style.MozOpacity = opa / 100;
else if (document.all)
document.all.minForm.filters.alpha.opacity = opa;
setTimeout("fadeInd();", 50);
}
}
</script>

<div id="minForm" style="filter: alpha(opacity=0); -moz-opacity: 0;">
<form ...>
...
</form>
</div>

<a href="#" onClick="fadeInd(); return false;">Fade ind</a>

Så vidt jeg lige kan gennemskue, skulle det gerne virke i både IE4+ og NS6+.
Dog kan der være nogle problemer med enkelte form-elementer.
Avatar billede binauhus Nybegynder
24. november 2002 - 20:32 #2
Jeg har lidt svært ved at få det til at virke !!!

//BinauHus
Avatar billede Slettet bruger
25. november 2002 - 13:42 #3
Jeg hjælper dig gerne, hvis du ville smide et link til din test-side.
Avatar billede binauhus Nybegynder
25. november 2002 - 15:51 #4
Her er siden hvor man ved tryk på "Tryk her for at se formen" skal lansomt kunne se formen fade in så den bliver helt synlig:

P.S. Det er dejlig du gider hjælpe så meget !!!


<html>

<head>
<meta http-equiv="Content-Language" content="da">
<meta name="GENERATOR" content="Microsoft FrontPage 5.0">
<meta name="ProgId" content="FrontPage.Editor.Document">
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
<title>Klubbens nyhedsbrev</title>
<style>
<!--
.dot  {font-family:'verdana';border:2px dotted #5975AE}
.dot2  {font-family:'verdana';border:2px dotted #FF9933}
-->
</style>
</head>

<body topmargin="0" leftmargin="0">
<div align="center">
  <center>
  <table border="2" style="border-collapse: collapse; border-top-width:0; " bordercolor="#5975AE" width="530" id="AutoNumber1" cellpadding="2" bgcolor="#FFFFFF">
    <tr>
      <td width="518" height="26" style="border-top-style: none; border-top-width: medium">
      <p align="center"><b><font face="Verdana" size="2">Klubbens nyhedsbrev</font></b></td>
    </tr>
    <tr>
      <td width="518" height="184" style="border-bottom-style: solid; border-bottom-width: 1">
      <div align="center">
        <center>
        <table border="0" cellpadding="0" cellspacing="0" style="border-collapse: collapse" bordercolor="#111111" width="500" id="AutoNumber2" height="178">
          <tr>
            <td width="500" height="70" colspan="3">
            <p align="center"><b><font size="2" face="Verdana">Tryk her for at
            se formen.</font></b></td>
          </tr>
          <form method="POST" action=default.asp id=nyhedsbrev name=nyhedsbrev>
          <tr>
            <td width="36" height="30">
            <p align="right">&nbsp;</td>
            <td width="60" height="30"><b><font size="2" face="Verdana">Email:</font></b></td>
            <td width="404" height="30">
            <input type="text" name="email" size="50" style="font-family: Verdana; font-size: 8 pt; font-weight: bold; border: 3px double #5975AE"></td>
          </tr>
          <tr>
            <td width="500" height="30" colspan="3">
            <p align="center"><b><font size="2" face="Verdana">Tilmeld</font><font face="Verdana"><INPUT TYPE="RADIO" NAME="RADIO" VALUE="true" checked></font><font size="2" face="Verdana">&nbsp;&nbsp;&nbsp;Afmeld</font></b><INPUT TYPE="RADIO" NAME="RADIO" VALUE="false">&nbsp;&nbsp;&nbsp;<input type="submit" value="  OK  " name="OK" style="font-family: Verdana; font-size: 10 pt; font-weight: bold; color: #5975AE; letter-spacing: 2pt; border-style: double; border-width: 3"></td>
          </tr>
          <tr>
            <td width="500" height="30" colspan="3">
            <p align="center"><b><font color="#BB1A11" size="2" face="Verdana"></font></b></td>
          </tr>
          </form>
          <tr>
            <td width="500" height="20" colspan="3">
            <p align="center"><font size="1" face="Verdana">
            <a target="_top" style="text-decoration: none" href="../index.asp"><b>
      <font color="#000000">&lt;---</font></b><font color="#000000"> Tilbage til
            forsiden</font></a></font></td>
          </tr>
        </table>
        </center>
      </div>
      </td>
    </tr>
  </table>
  </center>
</div>
</body>

</html>

//Binauhus
Avatar billede Slettet bruger
26. november 2002 - 15:55 #5
Du må meget gerne vise den side, hvor du har prøvet at få mit script til at virke.
Avatar billede binauhus Nybegynder
26. november 2002 - 18:12 #6
Det er her, men jeg har ikke taget det ud igen fordi det ikke virkede:

http://www.tphu-bif.dk/nyhedsbrev/index.asp

//Binauhus
Avatar billede Slettet bruger
27. november 2002 - 13:54 #7
Jeg kan ikke se mit script noget sted på den side...
Avatar billede binauhus Nybegynder
29. november 2002 - 14:44 #8
Nu har jeg sat det ind på siden.

http://www.tphu-bif.dk/nyhedsbrev/index.asp

Man kan godt se at der sker noget med contrasten på skærmen men man kan stadig se formen når jeg åbner siden !!!

//BinauHus
Avatar billede Slettet bruger
30. november 2002 - 12:32 #9
Sådan her:



<html>

<head>
<meta http-equiv="Content-Language" content="da">
<meta name="GENERATOR" content="Microsoft FrontPage 5.0">
<meta name="ProgId" content="FrontPage.Editor.Document">
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
<title>Klubbens nyhedsbrev</title>
</head>

<body topmargin="0" leftmargin="0">

<script>
opa = 0;

function fadeInd() {
if (opa < 100) {
opa += 5;
if (document.getElementById && !document.all)
document.getElementById("minForm").style.MozOpacity = opa / 100;
else if (document.all)
document.all.minForm.filters.alpha.opacity = opa;
setTimeout("fadeInd();", 50);
}
}
</script>
<div align="center">
  <center>
  <table border="2" style="border-collapse: collapse; border-top-width:0; " bordercolor="#5975AE" width="530" id="AutoNumber1" cellpadding="2" bgcolor="#FFFFFF">
    <tr>
      <td width="518" height="26" style="border-top-style: none; border-top-width: medium">
      <p align="center"><b><font face="Verdana" size="2">Klubbens nyhedsbrev</font></b></td>
    </tr>
    <tr>
      <td width="518" height="184" style="text-align: center; border-bottom-style: solid; border-bottom-width: 1">
      <div id="minForm" style="width: 1px; height: 1px; filter: alpha(opacity=0); -moz-opacity: 0; text-align: center;" align="center">
        <center>
        <table border="0" cellpadding="0" cellspacing="0" style="border-collapse: collapse" bordercolor="#111111" width="500" id="AutoNumber2" height="178">
          <form method="POST" action=default.asp id=nyhedsbrev name=nyhedsbrev>
          <tr>
            <td width="36" height="30">
            <p align="right">&nbsp;</td>
            <td width="60" height="30"><b><font size="2" face="Verdana">Email:</font></b></td>
            <td width="404" height="30">
            <input type="text" name="email" size="50" style="font-family: Verdana; font-size: 8 pt; font-weight: bold; border: 3px double #5975AE"></td>
          </tr>
          <tr>
            <td width="500" height="30" colspan="3">
            <p align="center"><b><font size="2" face="Verdana">Tilmeld</font><font face="Verdana"><INPUT TYPE="RADIO" NAME="RADIO" VALUE="true" checked></font><font size="2" face="Verdana">&nbsp;&nbsp;&nbsp;Afmeld</font></b><INPUT TYPE="RADIO" NAME="RADIO" VALUE="false">&nbsp;&nbsp;&nbsp;<input type="submit" value="  OK  " name="OK" style="font-family: Verdana; font-size: 10 pt; font-weight: bold; color: #5975AE; letter-spacing: 2pt; border-style: double; border-width: 3"></td>
          </tr>
          <tr>
            <td width="500" height="30" colspan="3">
            <p align="center"><b><font color="#BB1A11" size="2" face="Verdana"></font></b></td>
          </tr>
          </form>
          <tr>
            <td width="500" height="20" colspan="3">
            <p align="center"><font size="1" face="Verdana">
            <a target="_top" style="text-decoration: none" href="../index.asp"><b>
      <font color="#000000">&lt;---</font></b><font color="#000000"> Tilbage til
            forsiden</font></a></font></td>
          </tr>
        </table>
        </center>
      </div>
            <a href="#" onClick="fadeInd(); return false;" style="text-decoration: none"><b>
            <font size="2" face="Verdana" color="#000000">Tryk her for at
            se formen.</font></b></a>
      </td>
    </tr>
  </table>
  </center>
</div>
</body>

</html>
Avatar billede Slettet bruger
30. november 2002 - 12:34 #10
Desværre ser det ikke ud til at virke i NS7.
Avatar billede binauhus Nybegynder
30. november 2002 - 14:43 #11
Tak det virker godt nu !

Du har allerede fået pointene men du skal da have tak igen...

//BinauHus
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
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.

Opret Log ind

Du kan også logge ind via nedenstående tjenester

Alle kategorier på Eksperten
Seneste spørgsmål Seneste aktivitet
2 min siden Installer alarmlyd på Samsung Galaxy XCover 7 Pro Af ErikHg i Mobiltelefoner
08/0913:06 Kan ikke starte min pc Af Malm i PC
07/0919:20 DVD program Af dcedata1977 i Andet software
07/0916:09 Bitdefender brokker sig Af FinnRasmussen i Andet sikkerhed
06/0921:00 Libre Office Impress Af Frank i Andre styresystemer
White papers
Flere white papers »