template - Contractible comment form

[marcusmagalhaes]

<script type="text/javascript">

/***********************************************
* Contractible Headers script- © Dynamic Drive (www.dynamicdrive.com)
* This notice must stay intact for legal use. Last updated Mar 23rd, 2004.
* Visit http://www.dynamicdrive.com/ for full source code
***********************************************/

var enablepersist="on" //Enable saving state of content structure using session cookies? (on/off)
var collapseprevious="no" //Collapse previously open content when opening present? (yes/no)

if (document.getElementById){
document.write('<style type="text/css">')
document.write('.switchcontent{display:none;}')
document.write('</style>')
}

function getElementbyClass(classname){
ccollect=new Array()
var inc=0
var alltags=document.all? document.all : document.getElementsByTagName("*")
for (i=0; i<alltags.length; i++){
if (alltags[i].className==classname)
ccollect[inc++]=alltags[i]
}
}

function contractcontent(omit){
var inc=0
while (ccollect[inc]){
if (ccollect[inc].id!=omit)
ccollect[inc].style.display="none"
inc++
}
}

function expandcontent(cid){
if (typeof ccollect!="undefined"){
if (collapseprevious=="yes")
contractcontent(cid)
document.getElementById(cid).style.display=(document.getElementById(cid).style.display!="block")? "block" : "none"
}
}

function revivecontent(){
contractcontent("omitnothing")
selectedItem=getselectedItem()
selectedComponents=selectedItem.split("|")
for (i=0; i<selectedComponents.length-1; i++)
document.getElementById(selectedComponents[i]).style.display="block"
}

function get_cookie(Name) {
var search = Name + "="
var returnvalue = "";
if (document.cookie.length > 0) {
offset = document.cookie.indexOf(search)
if (offset != -1) {
offset += search.length
end = document.cookie.indexOf(";", offset);
if (end == -1) end = document.cookie.length;
returnvalue=unescape(document.cookie.substring(offset, end))
}
}
return returnvalue;
}

function getselectedItem(){
if (get_cookie(window.location.pathname) != ""){
selectedItem=get_cookie(window.location.pathname)
return selectedItem
}
else
return ""
}

function saveswitchstate(){
var inc=0, selectedItem=""
while (ccollect[inc]){
if (ccollect[inc].style.display=="block")
selectedItem+=ccollect[inc].id+"|"
inc++
}

document.cookie=window.location.pathname+"="+selectedItem
}

function do_onload(){
uniqueidn=window.location.pathname+"firsttimeload"
getElementbyClass("switchcontent")
if (enablepersist=="on" && typeof ccollect!="undefined"){
document.cookie=(get_cookie(uniqueidn)=="")? uniqueidn+"=1" : uniqueidn+"=0"
firsttimeload=(get_cookie(uniqueidn)==1)? 1 : 0 //check if this is 1st page load
if (!firsttimeload)
revivecontent()
}
}


if (window.addEventListener)
window.addEventListener("load", do_onload, false)
else if (window.attachEvent)
window.attachEvent("onload", do_onload)
else if (document.getElementById)
window.onload=do_onload

if (enablepersist=="on" && document.getElementById)
window.onunload=saveswitchstate

</script>

<style type="text/css">
<!--
.comentario_aprova {
font-family: tahoma;
font-size: 11px;
color: #F00;
}
.nome_email_com {
font-family: Tahoma;
font-size: 12px;
}
.deixarcom {
font-family: Tahoma;
font-size: 12px;
font-weight: bold;
}
.tabela {
font-family: Tahoma;
font-size: 12px;
border-color: #333;
border-width: 1px;
}
.button {
padding:5px;
background-color: #dcdcdc;
border: 1px solid #666;
color:#000;
text-decoration:none;
font-size: 14px;
font-family: Tahoma;
}
-->
</style>
<h3 onClick="expandcontent('sc1')" style="cursor:hand; cursor:pointer"><img src="http://www.sinpojud.org.br/images/comment.png" width="16" height="13" align="absbottom"><span class="deixarcom">Deixe seu Coment?rio</span></h3>

<div id="sc1" class="switchcontent">
<table width="550" border="0" class="tabela">
<tr>
<td width="15%" height="30"><label for="name" class="nome_email_com"> Nome:</label></td>
<td height="30" colspan="2"><input id="name" type="text" size="50" name="name" tabindex="1" value="{savedname}" /></td>
</tr>
<tr>
<td height="30"><label for="mail" class="nome_email_com"> E-mail:</label></td>
<td height="30" colspan="2"><input id="mail" type="text" size="50" name="mail" tabindex="2" value="{savedmail}" /> <i>(opcional)</i></td>
</tr>
<tr>
<td valign="top"><label for="name" class="nome_email_com"> Coment?rio:<br>
(BBCode OK)</label></td>
<td colspan="2"><textarea cols="50" rows="8" name="comments" tabindex="3"></textarea>{captcha}<br></td>
</tr>
<tr>
<td height="30"></td>
<td width="35%" height="30"><input class="button" type="submit" tabindex="4" name="submit" value="Enviar Coment?rio" /></button></td>
<td width="50%"><label for="rememberme"><span class="nome_email_com">Lembrar seus dados? {remember}</span></label></td>
</tr>
<tr>
<td height="25" colspan="3"><span class="nome_email_com"> BBCode:</span> {bbcodes}</td>
</tr>
<tr>
<td colspan="3"> </td>
</tr>
<tr>
<td colspan="3"><span class="comentario_aprova"> <img src="images/attention.gif" width="32" height="32" align="absmiddle"> Seu coment?rio aparecer? em nosso s?tio ap?s aprova??o da Secretaria de Comunica??o do SINPOJUD.</span></td>
</tr>
</table>
</div>