Buongiorno a tutti!
Premetto che sconosco javascript... ho l'esigenza di usare uno script che consenta di utilizzare del testo a scomparsa/ricomparsa quando si clicca su un titolo...
Ieri ho provato ad applicare uno script trovato su html.it ma copiando il codice nella mia pagina (a seguito di altro codice javascript che controlla un rollover) non funziona... Mi aiutate a capire cosa devo cambiare per adattarlo alla mia pagina?
Ecco il codice:
codice:
<script type="text/javascript">
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>
</head>
<body >
<div align="center">
<h3 onClick="expandcontent('sc1')" style="cursor:hand; cursor:pointer">+ Testo di prova</h3>
<div id="sc1" class="switchcontent">
Tutti muoiono, non tutti però vivono veramente. (da "BraveHeart") </div>
<h3 onClick="expandcontent('sc2')" style="cursor:hand; cursor:pointer">+ Altro testo</h3>
<div id="sc2" class="switchcontent">
"Nostra figlia è un tipo!". "Un tipo? un tipo di scimmia, il tipo più brutto d' Europa!" (La signora Pina e Andrea Roncato in "Fantozzi") </div>
<h3 onClick="expandcontent('sc3')" style="cursor:hand; cursor:pointer">+ Ultima prova</h3>
<div id="sc3" class="switchcontent">
La filosofia di Superman e' unica. Superman non diventa Superman, e' nato Superman. Clark Kent e' il modo in cui Superman ci vede. Rappresenta la critica alla razza umana. (da "Kill Bill vol.2")
</div>
</div>
<div align="center">
[img]logo_htmlit.gif[/img]
</div>
Grazie mille!
PS:
Scrivere <script type="text/javascript"> o <script language="JavaScript"> è la stessa cosa? Ovvero, posso mettere due script diversi nello stesso tag anche se in origine le specifiche sembrano diverse?