Joomla! Discussion Forums

var speed=50        // speed of scroller
var step=3          // smoothness of movement
var top="#top"      // name of anchor used as page top when clicking start / stop / show
var Start= "Start"  // Text for start link
var Stop = "Stop"   // Text for stop link
var Show = "Show"   // Text for show link

var x, scroll, divW, sText=""

function onclickIE(idAttr,handler,call){
  if ((document.all)&&(document.getElementById)){idAttr[handler]=new Function(call)}
}

function addLink(id,call,txt){
  var e=document.createElement('A')
  e.setAttribute('href',top)
  e.setAttribute('onclick',call)
  var linktext=document.createTextNode(txt)
  e.appendChild(linktext)
  document.getElementById(id).appendChild(e)
}

function addControls(){
  addLink('controls','clickAction(0)',Stop)
  onclickIE(document.getElementById('controls').childNodes[0],"onclick",'clickAction(0)')
  document.getElementById('controls').appendChild(document.createTextNode(' | '))
  addLink('controls','clickAction(2)',Show)
  onclickIE(document.getElementById('controls').childNodes[2],"onclick",'clickAction(2)')
}

function stopScroller(){clearTimeout(scroll)}

function setAction(node,callvalue,txt){
  var c=document.getElementById('controls')
  c.childNodes[node].setAttribute('onclick','clickAction('+callvalue+')')
  onclickIE(document.getElementById('controls').childNodes[node],"onclick",'clickAction('+callvalue+')')
  c.childNodes[node].firstChild.nodeValue=txt
}

function clickAction(no){
  switch(no) {
    case 0:
      stopScroller()
      setAction(0,1,Start)
      setAction(2,2,Show)
      break
    case 1:
      startScroller()
      setAction(0,0,Stop)
      setAction(2,2,Show)
      break
    case 2:
      stopScroller()
      setAction(0,1,Start)
      setAction(2,3,Start)
      x=0
      document.getElementById('tag').style.whiteSpace='normal'
      document.getElementById('tag').style.left='0px'
      break
    case 3:
      startScroller()
      setAction(0,0,Stop)
      setAction(2,2,Show)
      x=divW
      document.getElementById('tag').style.left=x+'px'
  }
}

function startScroller(){
  document.getElementById('tag').style.whiteSpace='nowrap'
  var p=document.createElement('P')
  p.id='testP'
  p.style.fontSize='25%' //fix for mozilla. multiply by 4 before using
  x-=step
  if (document.getElementById('tag').className) p.className=document.getElementById('tag').className
  p.appendChild(document.createTextNode(sText))
  document.body.appendChild(p)
  pw=p.offsetWidth
  document.body.removeChild(p)
  if (x<(pw*4)*-1){x=divW}
  document.getElementById('tag').style.left=x+'px'
  scroll=setTimeout('startScroller()',speed)
}

function initScroller(){
  if (document.getElementById && document.createElement && document.body.appendChild) {
    addControls()
    document.getElementById('controls').style.display='block'
    divW=document.getElementById('scroller').offsetWidth
    x=divW
    document.getElementById('tag').style.position='relative'
    document.getElementById('tag').style.left=divW+'px'
    var ss=document.getElementById('tag').childNodes
    for (i=0;i<ss.length;i++) {sText+=ss[i].nodeValue+" "}
    scroll=setTimeout('startScroller()',speed)
  }
}

function addLoadEvent(func) {
  if (!document.getElementById | !document.getElementsByTagName) return
  var oldonload = window.onload
  if (typeof window.onload != 'function') {
    window.onload = func;
  } else {
    window.onload = function() {
      oldonload()
      func()
    }
  }
}

addLoadEvent(initScroller)

<td width="122" align="right" background="<?php echo $thisTemplatePath ?>images/warmish_head_16.jpg">
            
<a href="index.php" title="Increase size" onclick="changeFontSize(1);return false;">

<script type="text/javascript" language="javascript" src="<?php echo $mosConfig_live_site;?>/templates/<?php echo $mainframe->getTemplate(); ?>/js/md_stylechanger.js">

</script>
<img src="<?php echo $mosConfig_live_site;?>/templates/<?php echo $mainframe->getTemplate(); ?>/images/css_larger.png" alt="" border="0" />
</a>
<a href="index.php" title="Decrease size" onclick="changeFontSize(-1);return false;">
<img src="<?php echo $mosConfig_live_site;?>/templates/<?php echo $mainframe->getTemplate(); ?>/images/css_smaller.png" alt="" border="0" />
</a>
<a href="index.php" title="Revert styles to default" onclick="revertStyles(); return false;">
<img src="<?php echo $mosConfig_live_site;?>/templates/<?php echo $mainframe->getTemplate(); ?>/images/css_reset.png" alt="" border="0" /></a>
</td>

/*---Body */


.site_name {
   font-size: 18px;
   font-weight: bold;
   color: #C0C0C0;
}
body {
   background-color: #C0C0C0;
   background-image: url(../images/warmish_background_02.jpg);
}
td, tr, p, div {
  font-family : Verdana, Arial, Helvetica, sans-serif;
  font-size : 11px;
  color : #927D58;

}

a:link, a:visited {
   color: #996666; text-decoration: none;
   font-weight: bold;
}

a:hover {
   color: #CEAD68;   text-decoration: none;
   font-weight: bold;
}

hr, hr.separator {
   height : 1px;
   width : 100%;
   border-top-width: 1px;
   border-bottom-width: 1px;
   border-top-style: solid;
   border-bottom-style: solid;
   border-top-color: #D9D0BD;
   border-bottom-color: #EFEBE2;
}
ul, li {
  margin: 0;
  padding: 0;
  list-style: none;
}

/* Mambo Menu Styling
* ------------*/

/* menu -nav */
#mainlevel-nav {
margin: 0; padding: 0;
}
#mainlevel-nav a {
   display: block;
   float: right;
   text-decoration: none;
   color: #666666;
   background: url(../images/warmish_topmenu_19.jpg) no-repeat 0px -0px;
   font-size: 10px;
   line-height: 24px;
   font-weight: bold;
   white-space: nowrap;
   width: 131px;
   height: 28px;
   text-align: center;
}
#mainlevel-nav li {
   list-style:none;
   float: right;
   margin: 0;
   width: 130px;
   font-size: 10px;
   white-space: nowrap;
   text-indent: 15px;
   bottom: 5px;
   display: block;
   
}
#mainlevel-nav a {
float: none;

}
#mainlevel-nav a:hover {
   color: #dc8c32;
   background-position: -136px 0px;
   
}

/* menu */
a.mainlevel:link, a.mainlevel:visited {
   color: #595C73;
   width: 138px;
   line-height: 20px;
   font-weight: bold;
   padding-top: 2px;
   text-decoration: none;
   text-align: right;
   padding-right: 5px;
   padding-left: 15px;
   display: block;
   float: right;
   border-bottom-width: 1px;
   border-bottom-style: solid;
   border-bottom-color: #B3A79B;
}
a.mainlevel:hover {
   background-position: 0px -26px;
   color: #dc8c32;
   border-bottom-color: #FFFFFF;
   background-color: #CCCCCC;
}

a.sublevel:link, a.sublevel:visited {
   color: #294470;
   text-decoration: none;
   padding-right: 25px;
   padding-left: 4px;
   width: 138px;
   line-height: 14px;
   text-align: right;
}

a.sublevel:hover {
color: #990000;
text-decoration: none;
}




/* mambo core stuff */
table.moduletable {
   width: 100%;
   margin-bottom: 5px;
   padding: 0px;
   border-spacing: 0px;
   border-collapse: collapse;
   float: right;
}
table.moduletable th {
   color: #BEB0A5;
   line-height: 19px;
   float: right;
}
table.moduletable td {   text-align: center;}

.pathway {
   color: #BACE8C;
}
a.pathway, a.pathway:visited {
   color: #CBB18F;
}
a.pathway:hover {
color: #AE7944;
}


/*** General Mambo Styles*/
.back_button{}
.pagenavbar {
   color: #CC6633;
}
.pagenav, a.pagenav, a.pagenav:visited{
   color: #77824A;
   height: 20px;
   padding-right: 2px;
   padding-left: 2px;
   text-align: center;
   padding-top: 2px;
   border: 1px solid #BECC91;
   
}
a.pagenav:hover{
   color: #CC6633;
}

   
   
.small {
   font-size: 10px;
   font-weight: bold;
   color: #B68A78;
   
}


/**
* Mambo Form Styles
* -----------------
* Here are 2 styles that Mambo uses to let users control
* how their forms and buttons may look.
*/

.button {
   background-color: #FFFFFF;
   border-top-width: 1px;
   border-right-width: 1px;
   border-bottom-width: 1px;
   border-left-width: 1px;
   border-top-style: solid;
   border-right-style: solid;
   border-bottom-style: solid;
   border-left-style: solid;
   border-top-color: #C9A250;
   border-right-color: #663300;
   border-bottom-color: #663300;
   border-left-color: #C9A250;
   font-size: 10px;
   font-weight: bold;
   color: #990000;
   margin-top: 2px;
   margin-bottom: 2px;
   
}
.inputbox {
   background-color: #FFFFFF;
   border-top-width: 1px;
   border-right-width: 1px;
   border-bottom-width: 1px;
   border-left-width: 1px;
   border-top-style: solid;
   border-right-style: solid;
   border-bottom-style: solid;
   border-left-style: solid;
   border-top-color: #C9A250;
   border-right-color: #663300;
   border-bottom-color: #663300;
   border-left-color: #C9A250;
   font-size: 10px;
   color: #990000;
   
   }

/**
* Mambo Tabbed Frontend Admin Interface
* -------------------------------------
* The CSS styles here defines how the frontend admin interface
* will look like when editing and adding news through frontend.
*/

.ontab {}
.offtab {}
.tabpadding {}
.tabheading {}
.pagetext {}


/**
* Mambo General styling for Sections/Categories/Contents
* ------------------------------------------------------
* These stylings are either sometimes or often used across
* Sections, categories and contents. They, therefore, deserves
* to be mentioned and separated from others.
*/

.createdate {
   font-size: 10px;
   color: #BEB370;
      text-align: left;
}
.modifydate {}
.readon, a.readon:link, a.readon:visited{
   color: #996633;
   float: right;
   background-repeat: no-repeat;
   border: #7A713D;
   background-position: 0px -4px;
   padding-right: 6px;
      text-align: left;
}
a.readon:hover{
   color: #999933;
   float: right;
   padding-left: 20px;
   background-repeat: no-repeat;
   border: #7A713D;
   background-position: 2px -24px;
   padding-right: 12px;
   
}


/**
* Mambo Styling for Contents
* --------------------------
* All the styling for contents are listed
* below.
*/

.contentpane {   text-align: right;}
.contentpaneopen {   text-align: right;}


.contentdescription {   text-align: right;}
table.contenttoc {   text-align: right;}
table.contenttoc td {}
.content_rating {   text-align: left;}
.content_vote {   text-align: left;}






/**
* Mambo Styles for Categories
* ---------------------------
* The following are the styling for "Category" items
* generated from the Sections area
*/
/* For content item titles that are hyperlink instead of Read On */
.contentheading, .componentheading{}
.contentpagetitle, .category {
background-image: url(../images/topeye_24.png);
   background-position: 2px -2px;
   background-repeat: no-repeat;
   color: #CC6600;   font-weight: bold;
padding-left: 18px;

}
a.contentpagetitle:link, a.contentpagetitle:visited, a.category:link, a.category:visited {
   font-size: 12px;
   font-weight: bold;
   color: #996600;
   text-align:right;
   }

a.contentpagetitle:hover, a.category:hover {
   color: #FF6600;
   font-weight: bold;
   background-image: url(../images/topeye_29.png);
   background-position: 2px -1px;
      text-align: right;
   
   }




/**
* Mambo Blog styling
* ------------------
* Not too sure where this is used yet. I tried the blog section
* but it doesn't seem to use it. If you have info on this,
* email me. I'll update this part.
*/

.blogsection{}



/**
* Mambo's Built-in Component's Syling
* -----------------------------------
* These stylings are used for Mambo's built-in components
* such as newsfeeds, weblinks, contact, search and polls.
* A commented subtitle will guide you which is for which
*/


/*  Polls  */



.poll {
   font-size: 9px;
   color: #546237;
}
table.pollstableborder {
   border: 1px solid #8189C0;
}

/**
* Mambo Sections Styles
* ---------------------
* Styling of sections tables
*/

.sectiontableheader {
   background-color : #D1C2AF;
   color            : #000099;
   font-weight      : bold;
   border: #615A29;
   
}

.sectiontableentry1 {
  background-color : #FFFFFF;
 
}

.sectiontableentry2 {
  background-color : #E6EAEE;
 
}



/*  Weblinks */
.weblinks{}


/*  Newsfeeds */
.newsfeedheading {}
.newsfeeddate {}
.fase4rdf {}


/* Search page */
table.searchintro {}


/*  Contact's table settings  */
table.contact {   text-align: center;}
table.contact td.icons {   text-align: right;}
table.contact td.details {   text-align: center;}

<?php
//FW Resize Font//
/**
* FW Resize Font Module
* @package Joomla
* @copyright Copyright (C) 2006 Futureworkz Pte. Ltd. All rights reserved.
* @license http://www.gnu.org/copyleft/gpl.html GNU/GPL
* This program is free software; you can redistribute it and/or
* modify it under the terms of the GNU General Public License
* as published by the Free Software Foundation; either version 2
* of the License, or (at your option) any later version.
*
* This program is distributed in the hope that it will be useful,
* but WITHOUT ANY WARRANTY; without even the implied warranty of
* MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
* GNU General Public License for more details.
*/

defined( '_VALID_MOS' ) or die( 'Direct Access to this location is not allowed.' );

$class_sfx = $params->get( 'class_sfx', '' );
$tagsArray = explode(',', $params->get( 'tags', 'div,td,tr,p,b,table,strong,em,a,h1,h2,h3,pre,sub,sup,i,th,cp,ul,ol,li,dt,dd,input' ));
$defaultSize = $params->get( 'defaultSize', '12' );
$increment = $params->get( 'increment', '2' );
$spacer = $params->get( 'spacer', '' );
$increaseTitle = $params->get( 'increaseTitle', 'Increase Size' );
$decreaseTitle = $params->get( 'decreaseTitle', 'Decrease Size' );
$resetTitle = $params->get( 'resetTitle', 'Reset Size' );

$tags = "'" . $tagsArray[0] . "'";
for ($i = 1; $i < count($tagsArray); $i++) {
   $tags .= ", '" . $tagsArray[$i] . "'";
}

echo "
<script language='javascript' type='text/javascript'>
<!--
tags = new Array( $tags );
defaultSize = $defaultSize;
resizeCounter = 0;
increment = $increment;
//-->
</script>
<script language='javascript' src='$mosConfig_live_site/modules/FWResizeFont.js' type='text/javascript'></script>
";

echo "
<div id='fwrfId$class_sfx'>                      
    <a href='index.php' title='$increaseTitle' onclick='FWresizeFont(1);return false;' id='fwrf_increaseFontId'><span>A+</span></a>
   <span class='fwrf_separator'>$spacer</span>
    <a href='index.php' title='$decreaseTitle' onclick='FWresizeFont(-1);return false;' id='fwrf_decreaseFontId'><span>A-</span></a>
   <span class='fwrf_separator'>$spacer</span>
    <a href='index.php' title='$resetTitle' onclick='resetFontSize(); return false;' id='fwrf_resetFontId'><span>Reset</span></a>
</div>
";

?>

//FW Resize Font Javascript//
/**
* FW Resize Font Javascript
* @package Joomla
* @copyright Copyright (C) 2006 Futureworkz Pte. Ltd. All rights reserved.
* @license http://www.gnu.org/copyleft/gpl.html GNU/GPL
* This program is free software; you can redistribute it and/or
* modify it under the terms of the GNU General Public License
* as published by the Free Software Foundation; either version 2
* of the License, or (at your option) any later version.
*
* This program is distributed in the hope that it will be useful,
* but WITHOUT ANY WARRANTY; without even the implied warranty of
* MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
* GNU General Public License for more details.
*/

function FWresizeFont(resize) {
   if (!document.getElementById) {
      return;
   }
      
   docBody = document.getElementsByTagName('body')[0];
   for (i = 0 ; i < tags.length ; i++ ) {      
      allTags = docBody.getElementsByTagName(tags[i]);
      
      if (resize > 0) {
         for (k = 0 ; k < allTags.length ; k++) {
            var size = parseInt(allTags[k].style.fontSize.substring(0,allTags[k].style.fontSize.length-2));
            if (size) {
               allTags[k].style.fontSize = (size + increment) + 'px';
            } else {
               allTags[k].style.fontSize = defaultSize + 'px';
            }
         }         
      } else {
         for (k = 0 ; k < allTags.length ; k++) {
            var size = parseInt(allTags[k].style.fontSize.substring(0,allTags[k].style.fontSize.length-2));
            if (size && size > 2) {
               allTags[k].style.fontSize = (size - increment) + 'px';
            } else {
               allTags[k].style.fontSize = defaultSize + 'px';
            }
         }         
      }
   }
   
   resize > 0 ? resizeCounter++ : resizeCounter--;
}

function setFontSize(resizeCounter) {
   docBody = document.getElementsByTagName('body')[0];
   for (i = 0 ; i < tags.length ; i++ ) {      
      allTags = docBody.getElementsByTagName(tags[i]);      
      for (k = 0 ; k < allTags.length ; k++) {
         var size = parseInt(allTags[k].style.fontSize.substring(0,allTags[k].style.fontSize.length-2));
         var resize = size + resizeCounter;         
         if (!size) {
            allTags[k].style.fontSize = (parseInt(defaultSize) + parseInt(resizeCounter)) + 'px';
         } else if (size && resize > 0) {
            allTags[k].style.fontSize = resize + 'px';
         }
      }
   }
}

function resetFontSize() {
   docBody = document.getElementsByTagName('body')[0];
   for (i = 0 ; i < tags.length ; i++ ) {      
      allTags = docBody.getElementsByTagName(tags[i]);      
      for (k = 0 ; k < allTags.length ; k++) {
         allTags[k].style.fontSize = defaultSize + 'px';
      }
   }
   
   resizeCounter = 0;
}
//cookie functions for remember the font sizes across pages
function createCookie(name,value,days) {
   if (days) {
      var date = new Date();
      date.setTime(date.getTime()+(days*24*60*60*1000));
      var expires = "; expires="+date.toGMTString();
   }
      else expires = "";
   document.cookie = name+"="+value+expires+"; path=/";
}

function readCookie(name) {
   var nameEQ = name + "=";
   var ca = document.cookie.split(';');
   for(var i=0;i < ca.length;i++) {
      var c = ca[i];
      while (c.charAt(0)==' ') c = c.substring(1,c.length);
      if (c.indexOf(nameEQ) == 0) return c.substring(nameEQ.length,c.length);
   }
   return null;
}

function setUserOptions(){
   cookie = readCookie("FWresizeFont");
   if (cookie) {
      resizeCounter = cookie;
   } else {
      return null;
   }
   
   setFontSize(resizeCounter);
}

function saveSettings()
{
  createCookie("FWresizeFont", resizeCounter, 365);
}

window.onload = setUserOptions;
window.onunload = saveSettings;

<script type="text/javascript" language="javascript" src="<?php echo $mosConfig_live_site;?>/templates/<?php echo $mainframe->getTemplate(); ?>/js/styleswitcher.js"></script>

http://templatedemo.distributiontips.com/season/templates/dt_Summer/js/styleswitcher.js

<!DOCTYPE HTML PUBLIC "-//IETF//DTD HTML 2.0//EN">
<HTML><HEAD>
<TITLE>403 Forbidden</TITLE>
</HEAD><BODY>
<H1>Forbidden</H1>
You don't have permission to access /season/templates/dt_Summer/js/styleswitcher.js
on this server.<P>
<P>Additionally, a 404 Not Found
error was encountered while trying to use an ErrorDocument to handle the request.
<HR>
<ADDRESS>Apache/1.3.37 Server at templatedemo.distributiontips.com Port 80</ADDRESS>
</BODY></HTML>