Gå til innhold

Select Multiple - form spørsmål.

Ellingsen

Anbefalte innlegg

Ellingsen

Ellingsen

Skrevet
Skrevet

Hei godtfolk.

 

Holder for øyeblikket på med ett bildegalleri, å jobber i hovedsak med PHP selv.

Det jeg gjerne skulle hatt litt hjelp til er et lite script som setter opp en "browse"-bar til å hente opp en fil med sammen med en liten knapp som overfører filvalget til en <select multiple> slik at jeg kan programere den til å hente opp x-antall filer av gangen.

 

Håper noen forstår problemstillingen, ikke alltid lett å forklare uten å tegne og illustrere :)

 

På forrhånd takk for hjelpen.

Lenke til kommentar
  • 2 uker senere...

Videoannonse

Videoannonse
Annonse
LostOblivion

LostOblivion

Skrevet
Skrevet (endret)

Dette er kanskje det du leter etter. Dette skrev jeg til bruk med PHP, så du burde ikke ha noe problemer med å anvende det. Hvis du skjønner DOM-node-greiene, kan du jo bare utvide scriptet til å passe det du skal. Bruk fritt. ;)

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Eksempel</title>
<script type="text/javascript">
var currElem = 0;
var nElems = 0;
function addElem()
{
var container = get("container");
var div, label, input, btnNode;

div = document.createElement("div");
div.setAttribute("id", "file" + currElem);

label = document.createElement("label");
label.setAttribute("for", "file" + currElem + "field");
label.appendChild(document.createTextNode("File"));
div.appendChild(label);

input = document.createElement("input");
input.setAttribute("id", "file" + currElem + "field");
input.setAttribute("name", "files[]");
input.setAttribute("type", "file");
div.appendChild(input);

container.appendChild(div);
input.focus();

btnNode = document.createElement("input");
btnNode.setAttribute("type", "image");
btnNode.setAttribute("src", "http://www.diskusjon.no/gfx/removeElement.PNG");
btnNode.setAttribute("onclick", "removeElem(" + currElem + "); return false;");
div.appendChild(btnNode);

btnNode = document.createElement("input");
btnNode.setAttribute("type", "image");
btnNode.setAttribute("src", "http://www.diskusjon.no/gfx/addElement.PNG");
btnNode.setAttribute("onclick", "addElem('', ''); return false;");
div.appendChild(btnNode);

currElem++;
nElems++;
}
function removeElem(n)
{
var container = get("container");
if (nElems > 1)
{
	container.removeChild(get("file" + n));
	nElems--;
}
}
function get(id)
{
return document.getElementById(id);
}
window.onload = function() {addElem();}
</script>
</head>
<body>
<div id="container">
</div>
</body>
</html>

Kopier til en HTML-fil og åpne i nettleser, så ser du hva som skjer..

Endret av LostOblivion
Lenke til kommentar

Opprett en konto eller logg inn for å kommentere

Du må være et medlem for å kunne skrive en kommentar

Opprett konto

Det er enkelt å melde seg inn for å starte en ny konto!

Start en konto

Logg inn

Har du allerede en konto? Logg inn her.

Logg inn nå
Gå til emneliste
×
×
  • Opprett ny...