Hej, jeg har arbejdet med dette script i et par timer nu og kan
bare ike få det til at virke. Hver enkel del virker for sig selv,
men det er den del vær personen vælger ved hjælp af en radio knap
hvilken funktion der skal bruges der ikke virker. Scriptet kan
findes på
http://memedia.dk/test
Index filen ser sådan ud:
<!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">
<head>
<meta http-equiv="Content-Type" content="text/html;
charset=ISO-8859-1">
<title>Untitled Document</title>
<script type="text/javascript" src="js.js" /></script>
</head>
<body>
<form method="post">
<textarea id="textArea"></textarea><br />
<input type="radio" name="valgt" />Adding<input
type="radio" name="valgt" />Deleting<input type="radio"
name="valgt" />Before<br />
Paragraph # <select
id="tller"><option>1</option><option>2</option><option>3</option>
</select>
<input type="submit" />
</form>
<div id="pArea"><p>1</p><p>2</p><p>3</p></div>
</body>
</html>
Scriptet ser således ud
window.onload = initAll;
function initAll() {
document.getElementsByTagName("form")[0].onsubmit = denValgte;
}
function denValgte() {
actionType = -1;
var antalRadios =
document.getElementsByTagName("form")[0].valgt;
for(i = 0; antalRadios.length; i++) {
if(antalRadios[i].checked) {
actionType = i;
}
}
switch(actionType) {
case 0:
adding;
break;
case 1:
deleteP;
break;
case 2:
insertBefore;
break;
default:
alert("Du skal vælge hvad du vil");
}
return false;
}
function insertBefore(){
var inTekst = document.getElementById("textArea").value;
var createTekst = document.createTextNode(inTekst);
var createP = document.createElement("p");
createP.appendChild(createTekst);
var skalF = document.getElementById("tller").selectedIndex;
var pladsen = document.getElementById("pArea");
var pTagget = pladsen.getElementsByTagName("p");
var denF = pTagget.item(skalF);
pladsen.insertBefore(createP, denF)
}
function adding() {
var inTekst = document.getElementById("textArea").value;
var createTekst = document.createTextNode(inTekst);
var createP = document.createElement("p");
createP.appendChild(createTekst);
var pladsen = document.getElementById("pArea");
pladsen.appendChild(createP);
}
function deleteP() {
var pladsen = document.getElementById("pArea");
var skalKilles = document.getElementById("tller").selectedIndex;
var pTags = pladsen.getElementsByTagName("p");
var killP = pTags.item(skalKilles);
pladsen.removeChild(killP);
}
På forhånd tak for hjælpen
--
Vil du lære at kode HTML, XHTML, CSS, SSI, ASP eller ASP.NET?
- Pædagogiske tutorials på dansk
- Kom godt i gang med koderne
KLIK HER! =>
http://www.html.dk/tutorials