phpBB Italia

Codice: Seleziona tutto

    <div class="panel bg2">
          <div class="inner"><span class="corners-top"><span></span></span>
          <fieldset class="submit-buttons">
             {S_HIDDEN_ADDRESS_FIELD}
             {S_HIDDEN_FIELDS}
             <!-- IF S_HAS_DRAFTS --><input type="submit" accesskey="d" tabindex="9" name="load" value="{L_LOAD}" class="button2" onclick="load_draft = true;" />&nbsp; <!-- ENDIF -->
             <!-- IF S_SAVE_ALLOWED --><input type="submit" accesskey="k" tabindex="8" name="save" value="{L_SAVE}" class="button2" />&nbsp; <!-- ENDIF -->
             <input type="submit" tabindex="5" name="preview" value="{L_PREVIEW}" class="button1"<!-- IF not S_PRIVMSGS --> onclick="document.getElementById('postform').action += '#preview';"<!-- ENDIF --> />&nbsp;
             <input type="submit" accesskey="s" tabindex="6" name="post" value="{L_SUBMIT}" class="button1" />&nbsp;

          </fieldset>

          <span class="corners-bottom"><span></span></span></div>
       </div>

Codice: Seleziona tutto

    <div class="panel bg2">
          <div class="inner"><span class="corners-top"><span></span></span>
          <script type="text/javascript">
             //Animated Collapsible DIV- Author: Dynamic Drive (http://www.dynamicdrive.com)
             //Last updated Aug 1st, 07'. Fixed bug with "block" parameter not working when persist is enabled
             //Updated June 27th, 07'. Added ability for a DIV to be initially expanded.

             var uniquepageid=window.location.href.replace("http://"+window.location.hostname, "").replace(/^\//, "") //get current page path and name, used to uniquely identify this page for persistence feature

             function animatedcollapse(divId, animatetime, persistexpand, initstate){
                this.divId=divId
                this.divObj=document.getElementById(divId)
                this.divObj.style.overflow="hidden"
                this.timelength=animatetime
                this.initstate=(typeof initstate!="undefined" && initstate=="block")? "block" : "contract"
                this.isExpanded=animatedcollapse.getCookie(uniquepageid+"-"+divId) //"yes" or "no", based on cookie value
                this.contentheight=parseInt(this.divObj.style.height)
                var thisobj=this
                if (isNaN(this.contentheight)){ //if no CSS "height" attribute explicitly defined, get DIV's height on window.load
                   animatedcollapse.dotask(window, function(){thisobj._getheight(persistexpand)}, "load")
                   if (!persistexpand && this.initstate=="contract" || persistexpand && this.isExpanded!="yes" && this.isExpanded!="") //Hide DIV (unless div should be expanded by default, OR persistence is enabled and this DIV should be expanded)
                      this.divObj.style.visibility="hidden" //hide content (versus collapse) until we can get its height
                }
                else if (!persistexpand && this.initstate=="contract" || persistexpand && this.isExpanded!="yes" && this.isExpanded!="") //Hide DIV (unless div should be expanded by default, OR persistence is enabled and this DIV should be expanded)
                   this.divObj.style.height=0 //just collapse content if CSS "height" attribute available
                if (persistexpand)
                   animatedcollapse.dotask(window, function(){animatedcollapse.setCookie(uniquepageid+"-"+thisobj.divId, thisobj.isExpanded)}, "unload")
             }

             animatedcollapse.prototype._getheight=function(persistexpand){
                this.contentheight=this.divObj.offsetHeight
                if (!persistexpand && this.initstate=="contract" || persistexpand && this.isExpanded!="yes"){ //Hide DIV (unless div should be expanded by default, OR persistence is enabled and this DIV should be expanded)
                   this.divObj.style.height=0 //collapse content
                   this.divObj.style.visibility="visible"
                }
                else //else if persistence is enabled AND this content should be expanded, define its CSS height value so slideup() has something to work with
                   this.divObj.style.height=this.contentheight+"px"
             }


             animatedcollapse.prototype._slideengine=function(direction){
                var elapsed=new Date().getTime()-this.startTime //get time animation has run
                var thisobj=this
                if (elapsed<this.timelength){ //if time run is less than specified length
                   var distancepercent=(direction=="down")? animatedcollapse.curveincrement(elapsed/this.timelength) : 1-animatedcollapse.curveincrement(elapsed/this.timelength)
                this.divObj.style.height=distancepercent * this.contentheight +"px"
                this.runtimer=setTimeout(function(){thisobj._slideengine(direction)}, 10)
                }
                else{ //if animation finished
                   this.divObj.style.height=(direction=="down")? this.contentheight+"px" : 0
                   this.isExpanded=(direction=="down")? "yes" : "no" //remember whether content is expanded or not
                   this.runtimer=null
                }
             }


             animatedcollapse.prototype.slidedown=function(){
                if (typeof this.runtimer=="undefined" || this.runtimer==null){ //if animation isn't already running or has stopped running
                   if (isNaN(this.contentheight)) //if content height not available yet (until window.onload)
                      alert("Please wait until document has fully loaded then click again")
                   else if (parseInt(this.divObj.style.height)==0){ //if content is collapsed
                      this.startTime=new Date().getTime() //Set animation start time
                      this._slideengine("down")
                   }
                }
             }

             animatedcollapse.prototype.slideup=function(){
                if (typeof this.runtimer=="undefined" || this.runtimer==null){ //if animation isn't already running or has stopped running
                   if (isNaN(this.contentheight)) //if content height not available yet (until window.onload)
                      alert("Please wait until document has fully loaded then click again")
                   else if (parseInt(this.divObj.style.height)==this.contentheight){ //if content is expanded
                      this.startTime=new Date().getTime()
                      this._slideengine("up")
                   }
                }
             }

             animatedcollapse.prototype.slideit=function(){
                if (isNaN(this.contentheight)) //if content height not available yet (until window.onload)
                   alert("Please wait until document has fully loaded then click again")
                else if (parseInt(this.divObj.style.height)==0)
                   this.slidedown()
                else if (parseInt(this.divObj.style.height)==this.contentheight)
                   this.slideup()
             }

             // -------------------------------------------------------------------
             // A few utility functions below:
             // -------------------------------------------------------------------

             animatedcollapse.curveincrement=function(percent){
                return (1-Math.cos(percent*Math.PI)) / 2 //return cos curve based value from a percentage input
             }


             animatedcollapse.dotask=function(target, functionref, tasktype){ //assign a function to execute to an event handler (ie: onunload)
                var tasktype=(window.addEventListener)? tasktype : "on"+tasktype
                if (target.addEventListener)
                   target.addEventListener(tasktype, functionref, false)
                else if (target.attachEvent)
                   target.attachEvent(tasktype, functionref)
             }

             animatedcollapse.getCookie=function(Name){
                var re=new RegExp(Name+"=[^;]+", "i"); //construct RE to search for target name/value pair
                if (document.cookie.match(re)) //if cookie found
                   return document.cookie.match(re)[0].split("=")[1] //return its value
                return ""
             }

             animatedcollapse.setCookie=function(name, value){
                   document.cookie = name+"="+value
             }</script>

             <label align="center" style="field2">Inserisci il tuo regolamento qua</h2>
             <h3 align="center">Accetto la Responsabilit&agrave;
             <input type="checkbox" onclick="if(checked == true){collapse1.slidedown()} else if (checked == false){collapse1.slideup()}" /></h3>
             <div id="dog" style="width:auto; height:auto">
             <fieldset class="submit-buttons">
                      {S_HIDDEN_ADDRESS_FIELD}
                      {S_HIDDEN_FIELDS}
                      <!-- IF S_HAS_DRAFTS --><input type="submit" accesskey="d" tabindex="9" name="load" value="{L_LOAD}" class="button2" onclick="load_draft = true;" />&nbsp; <!-- ENDIF -->
                      <!-- IF S_SAVE_ALLOWED --><input type="submit" accesskey="k" tabindex="8" name="save" value="{L_SAVE}" class="button2" />&nbsp; <!-- ENDIF -->
                      <input type="submit" tabindex="5" name="preview" value="{L_PREVIEW}" class="button1"<!-- IF not S_PRIVMSGS --> onclick="document.getElementById('postform').action += '#preview';"<!-- ENDIF --> />&nbsp;
                      <input type="submit" accesskey="s" tabindex="6" name="post" value="{L_SUBMIT}" class="button1" />&nbsp;

                   </fieldset>
             </div>

             <script type="text/javascript">
             //Syntax: var uniquevar=new animatedcollapse("DIV_id", animatetime_milisec, enablepersist(true/fase), [initialstate] )
             var collapse1=new animatedcollapse("dog", 500, false)
             </script>

          <span class="corners-bottom"><span></span></span></div>
       </div>