Ladda data utan att ladda om sidan

Adam N · 2008-02-23, 07:29

Citat:

Ursprungligen postat av Adam N

Citat:

Ursprungligen postat av studiox

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.

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?

allstars · 2008-02-23, 08:34

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.

tartareandesire · 2008-02-23, 10:16

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.

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

Menu

Ladda data utan att ladda om sidan