Avatar billede dj-it Nybegynder
17. juli 2002 - 13:53 Der er 22 kommentarer og
1 løsning

Vedhæft fil med egen knap ?

Hej Eksperter,

Jeg er ved at lave en formular, hvor der b.la. skal stå "Vedhæft fil" og ved siden af være en knap af et gif. billed, som skal kunne vedhæfte filen fra brugerens pc...

Hvordan skal sådan en kode se ud ?


dj-it.
Avatar billede nikolajdu Nybegynder
17. juli 2002 - 14:03 #1
Sådan her :


<form name="f">
<input style="display:none" type="file" name="filFelt" onchange="this.form.vistFelt.value=this.value">
<input class="felt" type="text" name="vistFelt" value="Find en fil makker">
<img src="1.jpg" onclick="document.f.filFelt.click();">
</form>

/Nikolaj
Avatar billede dj-it Nybegynder
17. juli 2002 - 14:16 #2
Skal der stå <form name="f"> når jeg allrede har indsat en form ?
Avatar billede nikolajdu Nybegynder
17. juli 2002 - 14:19 #3
Hvis din form hedder "NIKOLAJ", så skal du rette det et sted :

<form name="NIKOLAJ">
<input style="display:none" type="file" name="filFelt" onchange="this.form.vistFelt.value=this.value">
<input class="felt" type="text" name="vistFelt" value="Find en fil makker">
<img src="1.jpg" onclick="document.NIKOLAJ.filFelt.click();">
</form>
Avatar billede dj-it Nybegynder
17. juli 2002 - 14:20 #4
Jeg kan ikke få det til at virke !
Avatar billede nikolajdu Nybegynder
17. juli 2002 - 14:22 #5
Det virker altså perfekt....
Avatar billede dj-it Nybegynder
17. juli 2002 - 14:23 #6
Der står <FORM ACTION o.s.v. i den form som jeg sender via ?
Avatar billede nikolajdu Nybegynder
17. juli 2002 - 14:27 #7
Vis mig din form istedet for at fortælle om den - det går meget meget hurtigere :)
Avatar billede dj-it Nybegynder
17. juli 2002 - 14:29 #8
<form method="post" action="">
        <table width="366" border="0" cellpadding="0" cellspacing="0" bgcolor="#FFFFFF">
          <tr>
            <td width="95" align="left" valign="middle"><font color="#333333" size="2" face="Verdana, Arial, Helvetica, sans-serif">Navn:</font></td>
            <td width="308" align="left" valign="middle" height="35">
              <input type="text" name="Navn" class="input">
            </td>
          </tr>
          <tr>
            <td width="95" align="left" valign="middle"><font color="#333333" size="2" face="Verdana, Arial, Helvetica, sans-serif">Firma:</font></td>
            <td width="308" align="left" valign="middle" height="35">
              <input type="text" name="Firma" class="input">
            </td>
          </tr>
          <tr>
            <td width="95" align="left" valign="middle"><font color="#333333" size="2" face="Verdana, Arial, Helvetica, sans-serif">E-mail:</font></td>
            <td width="308" align="left" valign="middle" height="35">
              <input type="text" name="E-mail" class="input">
            </td>
          </tr>
          <tr>
            <td width="95" align="left" valign="middle">&nbsp;</td>
            <td width="308" align="left" valign="middle" height="35">&nbsp; </td>
          </tr>
          <tr>
            <td width="95" align="left" valign="middle"><font color="#333333" size="2" face="Verdana, Arial, Helvetica, sans-serif">Telefon:</font></td>
            <td width="308" align="left" valign="middle" height="35">
              <input type="text" name="Telefon" class="input">
            </td>
          </tr>
          <tr>
            <td width="95" align="left" valign="middle"><font color="#333333" size="2" face="Verdana, Arial, Helvetica, sans-serif">Tekst:</font></td>
            <td rowspan="2" align="left" valign="middle" width="308" height="80">
              <textarea name="Tekst" rows="4" cols="28" class="input"></textarea>
            </td>
          </tr>
          <tr>
            <td width="95" align="left" valign="middle">
              <input type="image" name="Submit22" src="send.gif" width="52" height="30" a onFocus="this.blur()">
            </td>
          </tr>
        </table>
      </form>
Avatar billede nikolajdu Nybegynder
17. juli 2002 - 14:31 #9
Du mangler jo også at skrive navnet på formen....
Avatar billede dj-it Nybegynder
17. juli 2002 - 14:33 #10
Ja det ved jeg godt, men det gør jeg når formularen er færdig !
Avatar billede nikolajdu Nybegynder
17. juli 2002 - 14:33 #11
<form method="post" action="" name="f">
        <table width="366" border="0" cellpadding="0" cellspacing="0" bgcolor="#FFFFFF">
          <tr>
            <td width="95" align="left" valign="middle"><font color="#333333" size="2" face="Verdana, Arial, Helvetica, sans-serif">Navn:</font></td>
            <td width="308" align="left" valign="middle" height="35">
              <input type="text" name="Navn" class="input">
            </td>
          </tr>
          <tr>
            <td width="95" align="left" valign="middle"><font color="#333333" size="2" face="Verdana, Arial, Helvetica, sans-serif">Firma:</font></td>
            <td width="308" align="left" valign="middle" height="35">
              <input type="text" name="Firma" class="input">
            </td>
          </tr>
          <tr>
            <td width="95" align="left" valign="middle"><font color="#333333" size="2" face="Verdana, Arial, Helvetica, sans-serif">E-mail:</font></td>
            <td width="308" align="left" valign="middle" height="35">
              <input type="text" name="E-mail" class="input">
            </td>
          </tr>
          <tr>
            <td width="95" align="left" valign="middle">&nbsp;</td>
            <td width="308" align="left" valign="middle" height="35">&nbsp; </td>
          </tr>
          <tr>
            <td width="95" align="left" valign="middle"><font color="#333333" size="2" face="Verdana, Arial, Helvetica, sans-serif">Telefon:</font></td>
            <td width="308" align="left" valign="middle" height="35">
              <input type="text" name="Telefon" class="input">
            </td>
          </tr>
          <tr>
            <td width="95" align="left" valign="middle"><font color="#333333" size="2" face="Verdana, Arial, Helvetica, sans-serif">Tekst:</font></td>
            <td rowspan="2" align="left" valign="middle" width="308" height="80">
              <textarea name="Tekst" rows="4" cols="28" class="input"></textarea>
            </td>
          </tr>
          <tr>
            <td width="95" align="left" valign="middle">
              <input type="image" name="Submit22" src="send.gif" width="52" height="30" a onFocus="this.blur()">
            </td>
          </tr>
            <tr>
            <td>
            <input style="display:none" type="file" name="filFelt" onchange="this.form.vistFelt.value=this.value">
            <input class="felt" type="text" name="vistFelt" value="Find en fil makker">
            <img src="1.jpg" onclick="document.f.filFelt.click();">
        </td>
    </tr>
</table>
            </form>
Avatar billede nikolajdu Nybegynder
17. juli 2002 - 14:35 #12
Du skal da ikke vente med sådan noget? Det er jo netop vigtigt jeg havde jo skrevet det til dig 2 gange i forvejen....
Avatar billede dj-it Nybegynder
17. juli 2002 - 14:41 #13
Nu lykkes det, men hvorfor er der en pil og ikke en hånd når man klikker ?
Avatar billede nikolajdu Nybegynder
17. juli 2002 - 14:45 #14
Lav linien med billedet om til:

<a href="#"  onclick="document.f.filFelt.click();return false"><img src="1.jpg" border="0"></a>

/Nikolaj
Avatar billede dj-it Nybegynder
17. juli 2002 - 14:53 #15
Der er lige en lille detalje til, for at det helt okay !

Hvis du har tid kan du se det på http://www.hifiinfo.dk (klik i den nederste menu på "Indryk nyheder". Nederst på siden er formularen, som jeg godt ved ikke kan sende endnu :-)

Hvis du ser på den rubrik som du har lavet koden til, så der der skygger på den. Jeg ville gerne ha´ den til at se ud som de andre.

<form method="post" action="" name="f">
        <table width="366" border="0" cellpadding="0" cellspacing="0" bgcolor="#FFFFFF">
          <tr>
            <td width="95" align="left" valign="middle"><font color="#333333" size="2" face="Verdana, Arial, Helvetica, sans-serif">Navn:</font></td>
            <td width="308" align="left" valign="middle" height="35">
              <input type="text" name="Navn" class="input">
            </td>
          </tr>
          <tr>
            <td width="95" align="left" valign="middle"><font color="#333333" size="2" face="Verdana, Arial, Helvetica, sans-serif">Firma:</font></td>
            <td width="308" align="left" valign="middle" height="35">
              <input type="text" name="Firma" class="input">
            </td>
          </tr>
          <tr>
            <td width="95" align="left" valign="middle"><font color="#333333" size="2" face="Verdana, Arial, Helvetica, sans-serif">E-mail:</font></td>
            <td width="308" align="left" valign="middle" height="35">
              <input type="text" name="E-mail" class="input">
            </td>
          </tr>
          <tr>
            <td width="95" align="left" valign="middle"><a href="#"  onClick="document.f.filFelt.click();return false"><img src="1.jpg" border="0"></a></td>
            <td width="308" align="left" valign="middle" height="35">
              <input style="display:none" type="file" name="filFelt" onChange="this.form.vistFelt.value=this.value" >
              <input class="felt" type="text" name="vistFelt" value="Hent en fil her !">
            </td>
          </tr>
          <tr>
            <td width="95" align="left" valign="middle"><font color="#333333" size="2" face="Verdana, Arial, Helvetica, sans-serif">Telefon:</font></td>
            <td width="308" align="left" valign="middle" height="35">
              <input type="text" name="Telefon" class="input">
            </td>
          </tr>
          <tr>
            <td width="95" align="left" valign="middle"><font color="#333333" size="2" face="Verdana, Arial, Helvetica, sans-serif">Tekst:</font></td>
            <td rowspan="2" align="left" valign="middle" width="308" height="80">
              <textarea name="Tekst" rows="4" cols="28" class="input"></textarea>
            </td>
          </tr>
          <tr>
            <td width="95" align="left" valign="middle">
              <input type="image" name="Submit22" src="send.gif" width="52" height="30" a onFocus="this.blur()">
            </td>
          </tr>
          <tr>
            <td>&nbsp; </td>
          </tr>
        </table>
      </form>
Avatar billede nikolajdu Nybegynder
17. juli 2002 - 14:58 #16
Du skal vel bare sætte class="input" på feltet...
Avatar billede dj-it Nybegynder
17. juli 2002 - 15:03 #17
Det har jeg prøvet, men det virker ikke ?
Avatar billede nikolajdu Nybegynder
17. juli 2002 - 15:08 #18
Du har da ikke prøvet....

Der står jo

<input class="felt"
Avatar billede dj-it Nybegynder
17. juli 2002 - 15:12 #19
Sorry... det havde jeg overset, men du skal have mange tak for hjælpen.
Avatar billede nikolajdu Nybegynder
17. juli 2002 - 15:12 #20
:)
Avatar billede dj-it Nybegynder
17. juli 2002 - 15:43 #21
Hmmm... nu har jeg indsat formen og tror du at det virker ? NEJ :-)

Når man klikker på billedet "Søg", scroller billedet op til start...

Hvis du har tid og lyst ? Her er koden med formen:

<FORM ACTION="http://www.hifiinfo.dk/cgi-all/formmail/FormMail.pl" METHOD="POST">

<INPUT TYPE="hidden" NAME="recipient" VALUE="annoncer@hifiinfo.dk"> <INPUT TYPE="hidden" NAME="subject" VALUE="Annocering på HIFI INFO"> <INPUT TYPE="hidden" NAME="redirect" VALUE="http://www.hifiinfo.dk\annoncering\tak\tak.htm"> <INPUT TYPE="hidden" NAME="env_report" VALUE="REMOTE_HOST, HTTP_USER_AGENT, REMOTE_ADDR">

        <table width="366" border="0" cellpadding="0" cellspacing="0" bgcolor="#FFFFFF">
          <tr>
            <td width="95" align="left" valign="middle"><font color="#333333" size="2" face="Verdana, Arial, Helvetica, sans-serif">Navn:</font></td>
            <td width="308" align="left" valign="middle" height="35">
              <input type="text" name="Navn" class="input">
            </td>
          </tr>
          <tr>
            <td width="95" align="left" valign="middle"><font color="#333333" size="2" face="Verdana, Arial, Helvetica, sans-serif">Firma:</font></td>
            <td width="308" align="left" valign="middle" height="35">
              <input type="text" name="Firma" class="input">
            </td>
          </tr>
          <tr>
            <td width="95" align="left" valign="middle"><font color="#333333" size="2" face="Verdana, Arial, Helvetica, sans-serif">E-mail:</font></td>
            <td width="308" align="left" valign="middle" height="35">
              <input type="text" name="E-mail" class="input">
            </td>
          </tr>
          <tr>
            <td width="95" align="left" valign="middle"><a href="#"  onClick="document.f.filFelt.click();return false"><img src="sog.gif" border="0" width="52" height="30"></a></td>
            <td width="308" align="left" valign="middle" height="35">
              <input style="display:none" type="file" name="filFelt" onChange="this.form.vistFelt.value=this.value" >
              <input class="input" type="text" name="vistFelt" value="Hent en fil her !">
            </td>
          </tr>
          <tr>
            <td width="95" align="left" valign="middle"><font color="#333333" size="2" face="Verdana, Arial, Helvetica, sans-serif">Telefon:</font></td>
            <td width="308" align="left" valign="middle" height="35">
              <input type="text" name="Telefon" class="input">
            </td>
          </tr>
          <tr>
            <td width="95" align="left" valign="middle"><font color="#333333" size="2" face="Verdana, Arial, Helvetica, sans-serif">Tekst:</font></td>
            <td rowspan="2" align="left" valign="middle" width="308" height="85">
              <textarea name="Tekst" rows="4" cols="28" class="input"></textarea>
            </td>
          </tr>
          <tr>
            <td width="95" align="left" valign="bottom">
              <input type="image" name="Submit22" src="send.gif" width="52" height="30" a onFocus="this.blur()">
            </td>
          </tr>
          <tr>
            <td>&nbsp; </td>
          </tr>
        </table>
      </form>
Avatar billede dj-it Nybegynder
17. juli 2002 - 15:44 #22
Du kan ogse se det på urlén...
Avatar billede nikolajdu Nybegynder
17. juli 2002 - 21:44 #23
ehe Altså der hvor du bruger scriptet er i "indryk nyheder" - Det du viser mig nu er "anonnocering"
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
Vi tilbyder markedets bedste kurser inden for webudvikling

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