java - Flyt - Udvikleren.dk - Programmering, webdesign og grafik

Tags: java

Bruger #8392 @ 09.02.06 18:48

Jeg prøver at lave denne om, så når man flytter fra den ene til den anden liste, forsvinder den ikke fra den første, men bliver der blot, sådan at man kan tilføje mere end 1.
Kan det lade sig gøre?

<script type="text/javascript">
function deleteOption(object,index) {
object.options[index] = null;
}

function addOption(object,text,value) {
var defaultSelected = true;
var selected = true;
var optionName = new Option(text, value, defaultSelected, selected)
object.options[object.length] = optionName;
}

function copySelected(fromObject,toObject) {
for (var i=0, l=fromObject.options.length;i<l;i++) {
if (fromObject.options.selected)
addOption(toObject,fromObject.options.text,fromObject.options.value);
}
for (var i=fromObject.options.length-1;i>-1;i--) {
if (fromObject.options.selected)
deleteOption(fromObject,i);
}
}

function SelectAll(fromObject) {
for (var i=0, l=fromObject.options.length;i<l;i++) {
fromObject.options.text,fromObject.options.selected = true;
}
}
</script>

<form method="post" action="try.asp?mode=1">
<table>
<tr>
<td>Din bestilling:<br>
<select multiple name="select1" size='8' style="width:200px">
</select>
</td>

<td>
<input type='button' style="width:70px;" value='< Tilføj'
onClick="copySelected(this.form.select2,this.form.select1)">
<br>
<input type='button' style="width:70px;" value='Fjern >'
onClick="copySelected(this.form.select1,this.form.select2)">
</td>

<td>Madkort:<br>
<select multiple name="select2" size='8' style="width:200px">
<option value='Indisk curry'>Indisk curry</option>
<option value='Pasta med pesto'>Pasta med pesto</option>
<option value='Humus'>Humus</option>
<option value='Pasta med ketchup'>Pasta med ketchup</option>
<option value='Lasagne'>Lasagne</option>
<option value='Big mac'>Big mac</option>
<option value='Whopper med cheese'>Whopper med cheese</option>
<option value='Pizza'>Pizza</option>
<option value='Shawarma'>Shawarma</option>
</select>
</td>

</tr>
</table>
<input type="button" value="Send data" onClick="SelectAll(this.form.select1);submit()">
</form>

Og så prøver jeg at lave, sådan at når man trykker på f.eks. "Humus", kommer der i bunden en tekst frem.
F.eks.:
Beskrivelse: Beskrivelsen her.
Pris: 30 kr.

Osv.?
Kan det lade sig gøre?

På forhånd tak.

8 svar postet i denne tråd vises herunder
3 indlæg har modtaget i alt 6 karma

Sorter efter stemmer Sorter efter dato

Bruger #8934 @ 10.02.06 17:57

Jeg har 2 løsninger:

Den første bruger multiple select som dit udkast

Kode

<html><head><style>
select {
	width:200px;
}
</style><script type="text/javascript">
// Liste med retternes navne efterfulgt af prisen
retter = [
	["Indisk curry",10],
	["Pasta med pesto",12.5],
	["Humus",15],
	["Pasta med ketchup",17.5],
	["Lasagne",20],
	["Big mac",22.5],
	["Whopper med cheese",25],
	["Pizza",27.5],
	["Shawarma",30]
];
function init() {
	selMENU = document.getElementById("MENU");
	for(j=0; j<retter.length; j++) {
		opt = document.createElement("OPTION");
		opt.innerHTML = opt.value = retter[j][0];
		selMENU.appendChild(opt);
	}
}
function insertItems() {
	selMENU = document.getElementById("MENU");
	if(selMENU.selectedIndex<0)
		return;
	selBESTILLING = document.getElementById("BESTILLING");
	for(j=0; j<selMENU.options.length; j++) {
		if(selMENU.options[j].selected) {
			opt = document.createElement("OPTION");
			opt.innerHTML = opt.value = selMENU.options[j].value;
			selBESTILLING.appendChild(opt);
		}
	}
	selMENU.selectedIndex=-1;
}
function removeItems() {
	selBESTILLING = document.getElementById("BESTILLING");
	while(selBESTILLING.selectedIndex>=0)
		selBESTILLING.removeChild(selBESTILLING.options[selBESTILLING.selectedIndex]);
}
function showPrice() {
	index = document.getElementById("MENU").selectedIndex;
	divPRIS = document.getElementById("PRIS");
	divPRIS.innerHTML = retter[index][0]+"  "+retter[index][1]+"kr.";
}
</script></head><body onload="init()">
<select size=8 id="MENU" multiple onchange="showPrice()"></select>
<button onclick="insertItems()">Add</button><button onclick="removeItems()">Remove</button>
<select size=8 id="BESTILLING" multiple></select>

<div id="PRIS"></div>

</body></html>

Den anden bruger single select uden slet/tilføj knapper

Kode

<html><head><style>
select {
	width:200px;
}
</style><script type="text/javascript">
// Liste med retternes navne efterfulgt af prisen
retter = [
	["Indisk curry",10],
	["Pasta med pesto",12.5],
	["Humus",15],
	["Pasta med ketchup",17.5],
	["Lasagne",20],
	["Big mac",22.5],
	["Whopper med cheese",25],
	["Pizza",27.5],
	["Shawarma",30]
];

function init() {
	sel = document.getElementById("MENU");
	for(j=0; j<retter.length; j++) {
		opt = document.createElement("OPTION");
		opt.innerHTML = opt.value = retter[j][0];
		sel.appendChild(opt);
	}
}
function insertSelectedItem(obj) {
	sel = document.getElementById("BESTILLING");
	opt = document.createElement("OPTION");
	opt.innerHTML = opt.value = obj.value;
	showPrice();

	sel.appendChild(opt);
	obj.selectedIndex=-1;
}
function deleteSelectedItem(obj) {
	obj.removeChild(obj.options[obj.selectedIndex]);
}
function showPrice() {
	index = document.getElementById("MENU").selectedIndex;
	divPRIS = document.getElementById("PRIS");
	divPRIS.innerHTML = retter[index][0]+"  "+retter[index][1]+"kr.";
}
</script></head><body onload="init()">
<select size=8 onchange="insertSelectedItem(this)" id="MENU"></select>
<select size=8 onchange="deleteSelectedItem(this)" id="BESTILLING"></select>

<div id="PRIS"></div>

</body></html>

[Redigeret d. 10/02-06 18:01:44 af Brian]

Bruger #1151 @ 09.02.06 20:01

421

Jeg prøver at lave denne om, så når man flytter fra den ene til den anden liste, forsvinder den ikke fra den første, men bliver der blot, sådan at man kan tilføje mere end 1.
Kan det lade sig gøre?

<script type="text/javascript">
function deleteOption(object,index) {
object.options[index] = null;
}

function addOption(object,text,value) {
var defaultSelected = true;
var selected = true;
var optionName = new Option(text, value, defaultSelected, selected)
object.options[object.length] = optionName;
}

function copySelected(fromObject,toObject) {
for (var i=0, l=fromObject.options.length;i<l;i++) {
if (fromObject.options.selected)
addOption(toObject,fromObject.options.text,fromObject.options.value);
}
for (var i=fromObject.options.length-1;i>-1;i--) {
if (fromObject.options.selected)
deleteOption(fromObject,i);
}
}

function SelectAll(fromObject) {
for (var i=0, l=fromObject.options.length;i<l;i++) {
fromObject.options.text,fromObject.options.selected = true;
}
}
</script>

<form method="post" action="try.asp?mode=1">
<table>
<tr>
<td>Din bestilling:
<select multiple name="select1" size='8' style="width:200px">
</select>
</td>

<td>
<input type='button' style="width:70px;" value='< Tilføj'
onClick="copySelected(this.form.select2,this.form.select1)">

<input type='button' style="width:70px;" value='Fjern >'
onClick="copySelected(this.form.select1,this.form.select2)">
</td>

<td>Madkort:
<select multiple name="select2" size='8' style="width:200px">
<option value='Indisk curry'>Indisk curry</option>
<option value='Pasta med pesto'>Pasta med pesto</option>
<option value='Humus'>Humus</option>
<option value='Pasta med ketchup'>Pasta med ketchup</option>
<option value='Lasagne'>Lasagne</option>
<option value='Big mac'>Big mac</option>
<option value='Whopper med cheese'>Whopper med cheese</option>
<option value='Pizza'>Pizza</option>
<option value='Shawarma'>Shawarma</option>
</select>
</td>

</tr>
</table>
<input type="button" value="Send data" onClick="SelectAll(this.form.select1);submit()">
</form>

Og så prøver jeg at lave, sådan at når man trykker på f.eks. "Humus", kommer der i bunden en tekst frem.
F.eks.:
Beskrivelse: Beskrivelsen her.
Pris: 30 kr.

Osv.?
Kan det lade sig gøre?

På forhånd tak.

Hæhæ hader ellers altid folk der siger at JS != Java, men nu vil jeg simpelthen lige prøve at sige det
Slot - All your base are belong to us
http://www.sigsys.dk

Bruger #1425 @ 10.02.06 16:53

354

Lav noget jeg kan bruge eller lad være med at skrive et svar?

Martin har jo ret. Der står højt og tydeligt "Bemærk venligst at dette forum er til Java debat, IKKE JavaScript. Benyt HTML / CSS området til JavaScript spørgsmål/debat." før du poster. Desuden er der også en FAQ-entry der forklarer det som det øverste når du klikker på java forum.

Men hvis jeg forstår dit spørgsmål korrekt, skal bare fjerne

Kode

 for (var i=fromObject.options.length-1;i>-1;i--) {
if (fromObject.options.selected)
deleteOption(fromObject,i);
}

fra copySelected funktionen.

Dette løber from-listen igennem og fjerner det valgte element.

Mvh,

Thomas Nielsen

[Redigeret d. 10/02-06 16:54:09 af Thomas Nielsen]

Bruger #8392 @ 10.02.06 14:44

Lav noget jeg kan bruge eller lad være med at skrive et svar?

Bruger #8392 @ 10.02.06 18:13

Thomas Nielsen - Så beklager jeg selvfølgelig, både for oprettelsen i denne kategori, samt ordene til #2.

Jeg tjekker jeres svar når jeg kommer hjem, skal ud og spise...

God aften.

Bruger #8392 @ 10.02.06 18:15

Brian - Prisen skal udtrækkes fra en database, samt andet information, altså <%=RS("pris")%>, <%=RS("beskrivelse")%> og <%=RS("billede")%>...

Bruger #8934 @ 10.02.06 19:55

Brian - Prisen skal udtrækkes fra en database, samt andet information, altså <%=RS("pris")%>, <%=RS("beskrivelse")%> og <%=RS("billede")%>...

Jeg mener bestemt mine kodeeksempler har givet dig svar på dit spørgsmål. Så problemet med at dine data ligger i en database og ikke direkte i html filen, må være op til dig at løse. Det burde ikke være det store problem at fylde en variable som retter fra databasen. Desuden har jeg ingen erfaring med databaser på nettet

.

Og så skulle du måske fortsætte dit spørgsmål på javascriptsiden så du undgår flere harske bemærkninger. Start på en frisk

Bruger #8392 @ 11.02.06 10:47

Brian - Prisen skal udtrækkes fra en database, samt andet information, altså <%=RS("pris")%>, <%=RS("beskrivelse")%> og <%=RS("billede")%>...

Jeg mener bestemt mine kodeeksempler har givet dig svar på dit spørgsmål. Så problemet med at dine data ligger i en database og ikke direkte i html filen, må være op til dig at løse. Det burde ikke være det store problem at fylde en variable som retter fra databasen. Desuden har jeg ingen erfaring med databaser på nettet .

Og så skulle du måske fortsætte dit spørgsmål på javascriptsiden så du undgår flere harske bemærkninger. Start på en frisk

Ok.
http://www.udvikleren.dk/thread.php?techid=9&f=9&t=934

Flyt

Karma barometer (30 dage)

Modtaget

Givet

Favorit hos
Forum tråde
Artikler