Сообщение от рони
|
Serhiy,
где структура html и где 10 строка в
|
Вот HTML:
<!DOCTYPE html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Javascript Hidden textarea</title>
<link href="style.css" rel="stylesheet" type="text/css" />
</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 type="text/javascript" src="js/js_hiddentext.js"></script>
</body>
</html>
в 10-й строке потерял ; при копирование...
вот все код js:
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.lastChild);
}
var aHandler = document.getElementsByTagName ("a");
for (var i=0; i<aHandler.length; i++)
aHandler[i].onclick=function(){funk(this)};
}
addA ();
function funk(a){
if (a.nextElementSibling.getAttribute("style") == ("display:none")){
a.nextElementSibling.setAttribute("style", "display:default");
}
else{
a.nextElementSibling.setAttribute("style", "display:none");
}
}