höja/sänka värdet i en textbox (ASP.NET)

editman · 2009-02-24, 16:38

Jag kämpar med att försöka fixa en funktion som Siba använder i sin shop
http://www.siba.se/Products/Product.aspx?id=1448930

Att man skall kunna klicka på en plus-knapp eller minus-knapp, för att öka eller sänka värdet
i "antal"-boxen.

Någon som har ett bra tips på hur jag kan fixa detta?

min textbox heter:

<asp:TextBox ID="txtlistquantity" CssClass="CATNormalTextBox" MaxLength="2" Columns="2" runat="server"></asp:TextBox>

Daniel.st · 2009-02-24, 16:47

JavaScript. Lägg ett onClick attribut på pluss/minus bilderna som anropar ett litet JavaScript som räknar upp siffran.

editman · 2009-02-24, 16:55

Tack för svaret, testade följande kod, funkar bra som den är här, men inte i .ascx sidan...

<?xml version="1.0" encoding="UTF-8"?>
<!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" xml:lang="en" lang="en">
<head>
<title> </title>
<script type="text/javascript">

</script>
<link href="scriptstyle.css" rel="stylesheet" type="text/css" />
</head>
<body>

<div id="textqty">Antal:</div>
<form name="f1" class='qtybg'>

<input name='qty' type='text' class='qtyfield' id='qty' size="1" />

<ul id="navigation">
[*]<input type='button' name='add' class='addbtn' onclick='javascript: document.getElementById("qty").value++;' value=''/>
[*]<input type='button' name='subtract' class='subtractbtn' onclick='javascript: document.getElementById("qty").value--;' value=''/>[/list] </form>
</body>
</html>

eliasson · 2009-02-24, 17:12

.ascx-sidan? (Menar du .aspx-sidan?)
Hur som helst så är det clientside-kod, och det skall fungera bra.

Är du säker på att du inte använder ASP.NET-komponent för att skapa textboxen i den andra koden?
Är det fallet så kan det vara så att id't inte stämmer överräns, då den skapar ett annat och JavaScript koden kommer då inte hitta elementet.

Kontrollera din parsade källkod när den är exekverad.

Robert · 2009-02-24, 20:50

Det fungerar väl inte för att din renderade textbox inte får namnet "qty" helt enkelt. Testa att skriv:

javascript: document.getElementById(this.id).value--;

...eller kanske this.name, kommer ej ihåg.

Fast jag skulle bryta ut det i en javascriptfunction där jag bara plussar/adderar om värdet är numeriskt så slipper man en massa jsfel. Kör med typ:

javascript:recount(this.id, +1);

alternativt

javascript:recount(this.id, -1);

...och gör funktionen så att den alltid plussar på inparameter 2

editman · 2009-02-25, 08:39

Tack för svaren! Skall testa lite med de tips ni anger.

Kan också nämna att jag använder DotNetNuke, ifall det skulle vara till någon hjälp

Aktiva användare som för närvarande tittar på det här ämnet: 1 (0 medlemmar och 1 gäster)

Menu

höja/sänka värdet i en textbox (ASP.NET)