Hur gör jag en utfällbar Avancerad sökning i mallen Modulär?
2013-03-26Följande JavaScript och stilmallsregler (som måste finjusteras) skapar tillsammans en utfällbar sektion med avancerade sökalternativ med texten Utökade sökinställningar:
<script type="text/javascript"> function searchFormInit() { o = document.getElementById("essi-options"); if (o && (p = o.parentNode)) { hd = document.createElement("a"); hd.setAttribute("href", "#"); hdText = document.createTextNode("Utökade sökinställningar »"); hd.appendChild(hdText); hd.id = "essi-options-toggle"; hd.onclick = toggleOptions; p.insertBefore(hd, o); o.style.display = "none"; } } function toggleOptions() { o = document.getElementById("essi-options"); if (o) { if (o.style.display == "none") o.style.display = "block"; else o.style.display = "none"; } return false; } function addEvent(obj, evType, fn) { if (obj.addEventListener){ obj.addEventListener(evType, fn, true); return true; } else if (obj.attachEvent){ var r = obj.attachEvent("on" + evType, fn); return r; } else { return false; } } addEvent(window, "load", searchFormInit); </script>
#essi-options-toggle { display: block; padding: 4px 8px; background-color: #666; cursor: pointer; }
Om du använder en annan mall än Modulär, om du har utformat en egen söksida eller om du använder SiteSeeker-modulen för EPiServer måste du infoga ett element runt sökalternativen som ska ha id:t essi-options, t.ex:
<div id="essi-options"> ... sökalternativ ... </div>