Avatar billede bootup Nybegynder
15. april 2007 - 14:28 Der er 3 kommentarer og
1 løsning

Tilføj en ekstra linje kode for hvert klik

Jeg har mig et upload script, som virker ganske udmærket.
Jeg kunne bare godt tænke mig at hver gang man trykker på et lille billede, så bliver der indsat en linje kode mere, sådan det kommer et felt mere man kan uploade i.

Altså hver gang man trykker på:
<a><img src="images/plus.gif" border="0" alt="" /></a>

...bliver der indsat en ekstra linje:
<input name="tutbilleder[]" type="file"><br />

Som jo vil betyde at man bare kan blive ved med at trykke indtil man ikke har brug for at uploade flere ting. Mit script kan nemt klare flere input, det er bare fordi jeg ikke ønsker at der skal være 4 ubrugte felter hvis man kun bruger 1 og at der ikke kun skal være 5 hvis man skal bruge 10.

Der må også gerne være en "minus"-funktion, så man kan fjerne felter hvis man har trykket for mange gange.

Håber i forstår :)
Avatar billede roenving Novice
16. april 2007 - 00:48 #1
F.eks.

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>Tomt dokument</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<style type="text/css">
html,body{height:100%;margin:0px;border:0px;padding:0px;font-family:tahoma,verdana,arial,sans-serif;font-size:small;}
</style>
<script type="text/javascript">
function addRow(elm,act){
  var tblParent = getParent(elm, "tbody");
  var trs = tblParent.getElementsByTagName("tr");
  if(trs.length>1 && !act){
    tblParent.removeChild(trs[trs.length-1]);
    return;
  }
  if(act){
    var newRow = trs[0].cloneNode(true);
    tblParent.appendChild(newRow);
  }
}
function getParent(elm,tN){
  var parElm = elm.parentNode;
  while(parElm.tagName.toLowerCase() != tN.toLowerCase())
    parElm = parElm.parentNode;
  return parElm;
}
</script>
</head>
<body>
<form>
<table style="width:320px;">
  <tbody>
    <tr>
      <td style="width:270px;"><input name="tutbilleder[]" type="file"></td>
      <td><img src="plus.gif" border="0" alt="" onclick="addRow(this,true)"><img src="minus.gif" border="0" alt="" onclick="addRow(this,false)"></td>
    </tr>
  </tbody>
</table>
</form>
</body>

</html>
Avatar billede bootup Nybegynder
16. april 2007 - 09:36 #2
Perfekt! Lige hvad jeg søgte... smid et svar :D
Avatar billede roenving Novice
17. april 2007 - 01:21 #3
Velbekomme '-)
Avatar billede roenving Novice
18. april 2007 - 01:41 #4
-- og tak for point ;~}
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
Kurser inden for grundlæggende programmering

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