Serhiy,
|
Сообщение от Serhiy
|
|
divParent.lastChild
|
потеряно [i]
|
Сообщение от Serhiy
|
|
aHandler[i].onclick=function(){return funk(this)};
|
function funk(a){ ...
return false}
строка 49 и 30 без пропуска !!! либо lastElementChild вместо lastChild
<!DOCTYPE HTML>
<html>
<head>
<title>Untitled</title>
<meta charset="utf-8">
</head>
<body>
<div id="container">
<div id="content">
<div class="post">
<h3>
Javascript insändningsuppgift 1
</h3>
<p class="author">
posted by Elevid, kurs, termin
</p>
<aside>
Att lära sig använda Javascript är enklare än man kan tro
</aside>
<p>
Här ser du en introduktionstext som skall bli längre....
</p>
<p class="show">
...så att vidare information kan visas. Här kommer då en längre exempel text där användaren kan läsa mera
om just denna post. Detta är en vanlig funktion som du kan hitta på många vanliga webbsidor som säljer
produkter.
</p></div>
<div class="post">
<h3>
Javascript insändningsuppgift 1
</h3>
<p class="author">
posted by Elevid, kurs, termin
</p>
<aside>
Tänk vad mycket man kan lära sig
</aside>
<p>
Även detta textstycke skall utökas...
</p>
<p class="show">
...så att vidare information kan visas. Här kommer då en längre exempel text där användaren kan läsa mera
om just denna post. Detta är en vanlig funktion som du kan hitta på många vanliga webbsidor som säljer
produkter.
</p></div>
</div>
</div>
<script>
function hideP (){
var showP = document.getElementsByClassName("show");
for (var i=0; i<showP.length; i++){
showP[i].setAttribute("style", "display:none");
}
};
hideP ();
function addA ()
{
var aEl = document.createElement("a");
aEl.href ="";
aEl.innerHTML = "Visa merra information";
var divParent = document.getElementsByClassName ("post");
for (var i=0; i<divParent.length; i++){
divParent[i].insertBefore (aEl.cloneNode(true), divParent[i].lastChild);
}
var aHandler = document.getElementsByTagName ("a");
for (var i=0; i<aHandler.length; i++)
aHandler[i].onclick=function(){return funk(this)};
}
addA ();
function funk(a){
if (a.nextElementSibling.style.display != "none"){
a.nextElementSibling.style.display="none";
}
else{
a.nextElementSibling.style.display="block";
};
return false;
}
</script>
</body>
</html>