Jag håller på med en hemsida där man skall skriva in/välja ett antal olika informationer. När detta är gjort skall man kunna klicka på en Kontroll-knapp. När man tryckt på denna skall all information man skrivit in summeras utan att valmöjligheterna finns kvar. När man kommit till denna summering så skall två knappar till finnas, en bekräfta, som skickar iväg informationen, och en redigera, vilket gör att man kommer tillbaka till sidan där informationen skulle väljas/skrivas. Där skall man då alltså kunna redigera sin information. Det är detta jag vill ha hjälp med, hur gör man?
Koden jag hittills skrivit ser ut enligt följande:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>Laboration 2, Lars Ohlsson</title>
</head>
<form name="first">
<h3>Valmöjligheter nyhetsbrev</h3>
<b>Vilken dag vill du att nyhetsbrevet skall skickas ut:</b><br>
<input type="radio" name="utskick" id="varje_dag" value="varje_dag" />Varje dag<br>
<input type="radio" name="utskick" id="varje_vecka" value="varje_vecka" />Varje vecka<br>
<input type="radio" name="utskick" id="varje_man-fre" value="varje_man-fre" />Varje Mån-Fre<br>
<input type="radio" name="utskick" id="varje_helgdag" value="varje_helgdag" />Varje helgdag<p>
<b>Vilken kategori av nyheter är du intresserad av:</b><br>
<input type="checkbox" name="kategori" id="varlden" value="varlden" />Världen<br>
<input type="checkbox" name="kategori" id="politik" value="politik" />Politik<br>
<input type="checkbox" name="kategori" id="sport" value="sport" />Sport<br>
<input type="checkbox" name="kategori" id="ekonomi" value="ekonomi" />Ekonomi<br>
<input type="checkbox" name="kategori" id="noje" value="noje" />Nöje<p>
<b>Extra sökord för att specifiera nyhetsbrevet:</b><br>
<input type="text" name="sokord" id="sokord" size=30><p><br>
<h3>Personlig information</h3>
<b>Förnamn:</b><br>
<input type="text" name="fornamn" size=30><p>
<b>Efternamn:</b><br>
<input type="text" name="efternamn" size=30><p>
<b>E-postadress:</b><br>
<input type="text" name="epost" size=30><p>
<input type="button" name="knapp" value="Kontroll">
</body>
</html>
Det är alltså knappen här som skall leda till summeringen.
Är det ingen som vet hur man skall lösa detta eller är det bara inte någon som orkar svara?
InsiderMedlem sedan jan. 2000978 inlägg Det du vill göra måste du göra med t.ex. ASP eller PHP. Alltså ett script på server sidan. Det går inte med bara HTML.
Har du tillgång till ASP eller PHP?
(Du behöver inte starta en ny tråd i nåt annat forum. Den här tråden kommer flyttas så småningom.)
Summeringen ska göras genom att dölja inmatningsformuläret då skickaknappen trycks ned (javascript + css). Förutom summeringen ska två knappar finnas med texten Bekräfta och Redigera. Om man trycker på Bekräfta ska formuläret skickas till den nyhetsbyrån. Om man trycker Redigera ska formuläret återigen dyka upp. Man kan alltså växla mellan dessa två vyer. Summeringen skall indikera tveksamheter i gjorda inmatningar.
J.N.Medlem sedan apr. 20031 660 inlägg HEJ!
Ett generellt råd, men bättre än inget!
Validera i javascript.
Kontrollera vilken radio som är vald, ha olika variabler för de olika värdena.
För chkboxen gör du likadant, fast du har en if-sats som sätter den text som är vald.
För textrutorna använder du value.
Spara ihop all text i en variabel, som du visar med i ett lager eller confirm.
Flyttas från HTML, XHTML & CSS till JavaScript, DHTML.
Svar på J.N.
Okej...men hur gör jag det som då?
J.N.Medlem sedan apr. 20031 660 inlägg Jag har nu kommit en bit på vägen, hur det ser ut just nu och hur det fungerar kan kollas på: http://portal.miun.se/~laol0200
Det som nu fungerar är summeringen av textfälten, det jag fortfarande har problem med är att göra en summering av radio och checkbox-alternativen. Någon som har en lösning på detta?
Jag skriver in koden nedan, men den finns även på hemsidan:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>Nyhetsbrev</title>
</head>
<body>
<script type="text/javascript">
function bekrafta_data() {
var formular, fdata, i, j,sattinhtml="",namn="";
formular=document.getElementsByTagName('form');
for(i=0;i<formular.length;i++) {
fdata=document.getElementsByTagName('input');
for(j=0;j<fdata.length;j++) {
namn=fdata[j].previousSibling;
while(namn.nodeType!=1)
namn=namn.previousSibling;
namn=namn.innerHTML;
if(fdata[j].type!='button')
sattinhtml=sattinhtml+namn+' '+fdata[j].value+'<br />\n';
}
formular[i].style.visibility='hidden';
}
sattinhtml=sattinhtml+' <input type=\"button\" value=\"Ok\" onClick=\"return document.forms[0].submit();\" />\n';
namn=document.getElementById('bekrafta');
namn.innerHTML=sattinhtml;
}
</script>
<body>
<div id="bekrafta"></div>
<form action="ta_emot.php" method="post">
<fieldset name="skriv_formular">
<h3>Valmöjligheter nyhetsbrev</h3>
<b>Vilken dag vill du att nyhetsbrevet skall skickas ut:</b><br>
<input type="radio" name="dag" id="varje_dag" value="varje_dag" checked>Varje dag<br>
<input type="radio" name="dag" id="varje_vecka" value="varje_vecka">Varje vecka<br>
<input type="radio" name="dag" id="varje_man-fre" value="varje_man-fre">Varje Mån-Fre<br>
<input type="radio" name="dag" id="varje_helgdag" value="varje_helgdag">Varje helgdag<p>
<b>Vilken kategori av nyheter är du intresserad av:</b><br>
<input type="checkbox" name="varlden" value="varlden">Världen<br>
<input type="checkbox" name="politik" value="politik">Politik<br>
<input type="checkbox" name="sport" value="sport">Sport<br>
<input type="checkbox" name="ekonomi" value="ekonomi">Ekonomi<br>
<input type="checkbox" name="noje" value="noje">Nöje<p>
<b>Extra sökord för att specifiera nyhetsbrevet:</b><br>
<label name="sokord">Sökord:</label>
<input name="sokord" /><p />
<h3>Personlig information</h3>
<label name="fornamn"><b>Förnamn:</b></label>
<input name="fornamn" /><p />
<label name="efternamn"><b>Efternamn:</b></label>
<input name="efternamn" /><p />
<label name="epost"><b>E-post:</b></label>
<input name="epost" /><br /><br />
<input type="button" onClick="bekrafta_data();" value="Summera"/>
</fieldset>
</form>
</body>
</html>
