WN - Ladda data utan att ladda om sidan

WN (https://www.wn.se/forum/index.php)

- Klientsidans teknologier, design och grafik (https://www.wn.se/forum/forumdisplay.php?f=12)

- - Ladda data utan att ladda om sidan (https://www.wn.se/forum/showthread.php?t=27355)

Jag har en webbutik och i orderformuläret så skall kunden välja mellan olika fraktsätt och dess priser.

Så när man alternativ som passar en bäst så skall fraktpriset räknas in i totalpriset.
Detta vill jag ska ske utan att sidan laddas om. Tänker mig att det är Javascript. (Är i övrigt byggt på PHP.)

Fraktalternativen väljs genom radiobuttoms.

Kolla på Ajax som hjälper dig att ladda om utvalda delar av en sida.

Citat:

Originally posted by elofsson@Feb 21 2008, 16:32
Kolla på Ajax som hjälper dig att ladda om utvalda delar av en sida.

Finns all information att hämta redan innan valen gjorts, vilket verkar vara fallet här, så är det onödigt att köra Ajax, då räcker det med enbart Javascript.

Helt otroligt, jag tänkte precis fråga samma sak :)
Jag har tittat på ett antal fina javascript som laddar en fin array osv. men dom flesta scripten är ju typ flera 100 rader och onödigt komplicerade.

Finns det någon som kan visa mig till ett relativt enkelt script där jag bara stoppar in mitt data i en array (som jag genererar från php). Jag behöver två dropdowns med data. Något som har något bra att rekommendera ?

Hittade denna (dock inte testat än): http://javascript.internet.com/forms/order-form.html

Ups, jag läste inte så noga.

Jag vill ha dropdown och inte radio, men annars samma princip. Ber om ursäkt! ska ta på mig glasögonen nästa gång

Citat:

Ursprungligen postat av tartareandesire

Citat:

Ursprungligen postat av elofsson

Kolla på Ajax som hjälper dig att ladda om utvalda delar av en sida.

Finns all information att hämta redan innan valen gjorts, vilket verkar vara fallet här, så är det onödigt att köra Ajax, då räcker det med enbart Javascript.

Helt rätt. DHTML kallas väl den här gamla tekniken om jag inte minns fel.

DHTML har inget med detta o göra.

Ajax Script
Gå ner till "Fly to basket (Shopping cart)"

Här är DEMO

Citat:

Originally posted by studiox@Feb 23 2008, 00:05
DHTML har inget med detta o göra.

Huh? Se exemplet som heter just Radio Buttons på denna sida:
http://www.w3schools.com/dhtml/dhtml_dom_examples.asp

Inte exakt vad Skatan efterfrågade, men visar principen för att ändra något visuellt när
en radio button har valts.

Citat:

Ursprungligen postat av Adam N

Citat:

Ursprungligen postat av studiox

DHTML har inget med detta o göra.

Jag lekte lite med exemplet och fick fram detta:

Kod:

<html>

<head>

<script type="text/javascript">

 function check(radio) {

  document.getElementById('price').innerHTML=1000 + parseInt(radio.value) + " kr (inkl. frakt)";

 }

</script>

</head>

<body>



Du har valt att köpa en mangohatt för 1000 kr.



<p>Välj fraktsätt!</p>



<form>

 <input type="radio" name="delivery" onclick="check(this)" value="50">Standard 50 kr<br />

 <input type="radio" name="delivery" onclick="check(this)" value="100">Express 100 kr<br />

 <input type="radio" name="delivery" onclick="check(this)" value="250">Brevduva 250 kr<br />

 <br />

 Totalpris: <div id="price">1000 kr + frakt (välj ovan)</h1>

</form>



</body>

</html>

Det var väl något i stil med det som efterfrågades?

Citat:

Originally posted by studiox@Feb 23 2008, 00:05
DHTML har inget med detta o göra.

Det har det i högsta grad.

DHTML är ett samlingsnamn för Dynamic HTML, dvs händelser som utförs på klientsidan.
När något "on-the-fly" ändras i en HTML-sida ses som dynamiskt.

Citat:

Ursprungligen postat av allstars

Citat:

Ursprungligen postat av studiox

DHTML har inget med detta o göra.

Det har det i högsta grad.
DHTML är ett samlingsnamn för Dynamic HTML, dvs händelser som utförs på klientsidan.
När något on-the-fly ändras i en HTML-sida ses som dynamiskt.

Exakt.