SitePoint Sponsor

User Tag List

Results 1 to 13 of 13
  1. #1
    SitePoint Zealot
    Join Date
    Jun 2007
    Location
    Ryde, Isle of Wight, UK
    Posts
    116
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    Question Using style switcher with PHP site

    I need some help to get my style switcher to work on the following website Isle of Wight International Film Festival.
    Normally I would use the following code
    Code HTML4Strict:
    <div id="switcher">
    <ul>
    <li><a title="standard text" href="#" onclick="setActiveStyleSheet('style'); return false;"><img src="../imageuploads/Image/a1.png" alt="View this website in standard text size" width="20" height="20" /></a></li>
            <li><a title="large text" href="#" onclick="setActiveStyleSheet('Large'); return false;"><img src="../imageuploads/Image/a2.png" alt="View this website in  large text size" width="20" height="20" /></a></li>
         <li><a title="extra large text" href="#" onclick="setActiveStyleSheet('Extra Large'); return false;"><img src="../imageuploads/Image/a3.png" alt="View this website in extra large text size" width="20" height="20" /></a></li>
    	 <li><a title="high contrast" href="#" onclick="setActiveStyleSheet('High Contrast'); return false;"><img src="../imageuploads/Image/a7.png" alt="View this website in  high contrast" width="20" height="20" /></a></li>
         <li><a title="B/W contrast" href="#" onclick="setActiveStyleSheet('B/W Contrast'); return false;"><img src="../imageuploads/Image/a8.png" alt="View this website in B/W contrast" width="20" height="20" /></a></li>
      </ul>
      </div>
    with this in the head
    Code HTML4Strict:
    <link rel="shortcut icon" href="../favicon.ico" />
    <link rel="alternate stylesheet" type="text/css" href="<?php echo $baseurl; ?>/style1.css" title="Large" />
    <link rel="alternate stylesheet" type="text/css" href="<?php echo $baseurl; ?>style2.css" title="Extra Large" />
    <link rel="alternate stylesheet" type="text/css" href="<?php echo $baseurl; ?>style3.css" title="High Contrast" />
    <link rel="alternate stylesheet" type="text/css" href="<?php echo $baseurl; ?>../stylesheets/siteassistpro_css/style4.css" title="B/W Contrast" />
    and my java script
    Code JavaScript:
    <script type="text/javascript" src="<?php echo $baseurl; ?>/styleswitcher.js"></script>

    When I use this method for a normal html static site the switcher works perfectly. But for some reason I am unable to get it to work with this new site, does any one have any suggestions or a possible alternative to this problem.

  2. #2
    SitePoint Wizard gold trophysilver trophybronze trophy dc dalton's Avatar
    Join Date
    Nov 2004
    Location
    Right behind you, watching, always watching.
    Posts
    5,431
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    If you look at your source code on that page you will see several of your style links are missing a / between .com and the style sheet name:

    <link rel="alternate stylesheet" type="text/css" href="http://www.isleofwightinternationalf....comstyle2.css" title="Extra Large" />
    <link rel="alternate stylesheet" type="text/css" href="http://www.isleofwightinternationalf....comstyle3.css" title="High Contrast" />

  3. #3
    SitePoint Zealot
    Join Date
    Jun 2007
    Location
    Ryde, Isle of Wight, UK
    Posts
    116
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    I for got to say that I have only linked the B/W contrast style sheet currently as I wanted to try one out first to make sure it was working.
    I've set the others up so I can then add them once the first switcher style works correctly.

  4. #4
    Programming Since 1978 silver trophybronze trophy felgall's Avatar
    Join Date
    Sep 2005
    Location
    Sydney, NSW, Australia
    Posts
    16,820
    Mentioned
    25 Post(s)
    Tagged
    1 Thread(s)
    As long as you fix the PHP so it generates the HTML correctly it will work.
    Stephen J Chapman

    javascriptexample.net, Book Reviews, follow me on Twitter
    HTML Help, CSS Help, JavaScript Help, PHP/mySQL Help, blog
    <input name="html5" type="text" required pattern="^$">

  5. #5
    SitePoint Zealot
    Join Date
    Jun 2007
    Location
    Ryde, Isle of Wight, UK
    Posts
    116
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Quote Originally Posted by felgall View Post
    As long as you fix the PHP so it generates the HTML correctly it will work.
    I'm not at all hands on with PHP, so when you say fix the PHP what should I be doing and or looking for to ensure that the style switcher works, or do you have any other suggestions that will allow me to offer this on the website.

  6. #6
    Unobtrusively zen silver trophybronze trophy
    paul_wilkins's Avatar
    Join Date
    Jan 2007
    Location
    Christchurch, New Zealand
    Posts
    14,705
    Mentioned
    102 Post(s)
    Tagged
    4 Thread(s)
    Quote Originally Posted by bloodofeve View Post
    I'm not at all hands on with PHP, so when you say fix the PHP what should I be doing and or looking for to ensure that the style switcher works, or do you have any other suggestions that will allow me to offer this on the website.
    Show us the code that is being used to add the stylesheets, and we can provide suggestions that may help.
    Programming Group Advisor
    Reference: JavaScript, Quirksmode Validate: HTML Validation, JSLint
    Car is to Carpet as Java is to JavaScript

  7. #7
    SitePoint Zealot
    Join Date
    Jun 2007
    Location
    Ryde, Isle of Wight, UK
    Posts
    116
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    This is the code I am using
    Code HTML4Strict:
    <link rel="alternate stylesheet" type="text/css" href="<?php echo $baseurl; ?>../stylesheets/siteassistpro_css/style4.css" title="B/W Contrast" />
    This sits in the header area, which is linked to this
    Code HTML4Strict:
    <li><a title="B/W contrast" href="#" onclick="setActiveStyleSheet('B/W Contrast'); return false;"><img src="../imageuploads/Image/a8.png" alt="View this website in B/W contrast" width="20" height="20" /></a></li>

    The css for the style sheet is this
    Code CSS:
    html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6 {
      margin: 0;
      padding: 0;
      border: 0;
      outline: 0;
      font-size: 100&#37;;
    }
    body {
      background-color: #fff;
      border: double thick #000; 
      color: #000;
      font-family: Arial, Helvetica, sans-serif;
      font-size: 0.95em;
      line-height: 1.25em;
      margin: 1em 0 0 0;
      padding: 0 0 0 0; 
      text-align: center; }
     
    h1 {
      color: #000;
      font-family: Arial, Helvetica, sans-serif;
      font-size: 1.50em;
      font-weight: bold;
      line-height: 1.15em;
    }
     
    h2 {
    	color: #333333;
    	font-family: Arial, Helvetica, sans-serif;
    	font-size: 1.35em;
    	font-weight: bold;
    	line-height: 1.15em;
    }
     
    a,  a:link {
      color: #000000;
      font-family: Arial, Helvetica, sans-serif;
      font-size: 0.95em;
      font-weight: bold;
      line-height: 1.25em;
      text-decoration: none;
    }
     
    a:visited {
    	color: #666666;
    	font-family: Arial, Helvetica, sans-serif;
    	font-size: 0.95em;
    	font-weight: bold;
    	line-height: 1.25em;
    	text-decoration: none;
    }
     
    a:hover {
    	color: #999999;
    	font-size: 0.95em;
    	font-weight: bold;
    	line-height: 1.25em;
    	text-decoration: underline;
    }
     
    a:focus {
    	color: #CCCCCC;
    	font-family: Arial, Helvetica, sans-serif;
    	font-size: 0.95em;
    	font-weight: bold;
    	line-height: 1.25em;
    }
     
    a:active {
    	color: #CCCCCC;
    	font-family: Arial, Helvetica, sans-serif;
    	font-size: 0.95em;
    	font-weight: bold;
    	line-height: 1.25em;
    	text-decoration: underline;
    }
     
    #outerWrapper {
      background-color: #fff;
      margin: 0 auto 0 auto;
      text-align: left; 
      width: 100%;
    }
    #outerWrapper #access {
      background-color: #fff;
      padding: 10px 10px 10px 10px; 
      font-family: Arial, Helvetica, sans-serif;
      font-size: 0.85em;
      text-align: left;
    }
    #outerWrapper #access li {
    	list-style: none;
    	margin: 0;
    	padding: 0;
    	display: inline;
    	text-align: left;
    	font-size: 0.85em;
    }
    #outerWrapper #access li a {
    	padding: 3px;
    	margin: 0;
    	font-size: 0.85em;
    	border: 1px solid #000;
    	text-decoration: none;	
    }
    #outerWrapper #access li a:link {
    	color: #000;
    	font-size: 0.85em;
    	border-bottom: 1px solid #000;
    }
    #outerWrapper #access li a:visited {
    	color: #666666;
    	font-size: 0.85em;
    	border: 1px solid #4A5A76;
    }
    #outerWrapper #access li a:hover {
    	color: #333333;
    	font-size: 0.85em;
    	text-decoration: underline;
    	}
    #header {
    	position: relative;
    	margin: 0 auto 0 auto;
    	padding: 0;
    	width: 780px;
    	height: 184px; 
    	overflow: hidden;
    	background-color: #fff;
    	border-bottom: solid thick #000;
    }	
     #header span {
    	display: block;
    	position: absolute;
    	left:0;
    	top: 0;
    	z-index: 1;
    	width: 780px;
    	height: 184px;
    	margin: 0;
    	background-image: url(../../imageuploads/Image/weblogo3.jpg);
    	background-repeat: no-repeat;
    	font-size: 1.50em;
    	font-weight: bold;
    	line-height: 1.25em;
    	padding: 0px 0px 10px 0px;
    	margin:0 auto 0 auto;
    	background-color: #fff;
    	border-bottom: solid thick #000;
    }
    #outerWrapper #topNavigation {
      background-color: #fff;
      border-bottom: solid thick #000; 
      height: 25px;
      padding: 10px 2px 10px 2px; 
    }
    #outerWrapper #contentWrapper {
      overflow: hidden;
      background-color: #FFF;
    }
    #outerWrapper #contentWrapper #leftColumn1 {
      background-color: #FFF;
      border-right-style: none;
      float: left;
      padding: 10px 20px 10px 10px; 
      width: 15em;
    }
    #outerWrapper #contentWrapper #rightColumn1 {
      background-color: #FFF;
      border-left-style: none;
      float: right;
      padding: 10px 10px 10px 20px;
      width: 15em;
    }
     
    #outerWrapper #contentWrapper #content {
      margin: 0 16em 0 16em; 
      padding: 10px 10px 10px 10px;
    }
    #outerWrapper #footer {
      background-color: #fff;
      border-top: solid thick #000; 
      color: #000;
      font-family: Arial, Helvetica, sans-serif;
      font-size: 0.80em;
      line-height: 1.0em;
      padding: 10px 10px 10px 10px; 
    }
    #outerWrapper #footer a, #outerWrapper #footer a:link {
    	color: #666666;
    	font-family: Arial, Helvetica, sans-serif;
    	font-size: 0.8em;
    	font-weight: bold;
    	line-height: 1em;
    }
    #outerWrapper #footer a:visited {
    	color: #999999;
    	font-family: Arial, Helvetica, sans-serif;
    	font-size: 0.8em;
    	font-weight: bold;
    	line-height: 1em;
    }
    #outerWrapper #footer a:hover {
      color: #333;
      font-family: Arial, Helvetica, sans-serif;
      font-size: 0.8em;
      font-weight: bold;
      line-height: 1.0em;
      text-decoration: underline;
    }
    #outerWrapper #footer a:focus {
      color: #ccc;
      font-family: Arial, Helvetica, sans-serif;
      font-size: 0.80em;
      font-weight: bold;
      line-height: 1.0em;
    }
    #outerWrapper #footer a:active {
      color: #ccc;
      font-family: Arial, Helvetica, sans-serif;
      font-size: 0.8em;
      font-weight: bold;
      line-height: 1.0em;
      text-decoration: underline;
    }
    #searchbox {
    float:right;
    position:absolute;
    top:30px;
    width:300px;
    height:25px;
    z-index:1;
    margin: 5px 15px 10px 550px;
    color: #000;
    padding: 0 15px 25px 15px; 
    font-family: Arial, Helvetica, sans-serif;
    text-align: left;
    border:1px;
    border-color:#4A5A76;
    }
    #searchbox fieldset{
    padding: 0;
    margin: 0;
    border: 0;
    }
    #searchbox input {
    	font-size: 90%;
    	color: #ccc;
    	padding:3px;
    	background-color: #fff;
    	width:120px;
    	display: inline;
    	float: left;
    	margin-right: 0.5em;
    }
    #searchbox button {
    	background-color: #CCCCCC;
    	font-size: x-small;
    	padding:1px;
    	color: #fff;
    	margin: 0;
    	font-weight: bold;
    	display: inline;
    }
    #searchbox label
    {
    font-weight: bold;
    color: #fff;
    display: none;
    }
    ul.a 
    {
    list-style-image: url(../../imageuploads/Image/list.gif);
    }
    #categories {
      background-color: #fff;
      margin: 10px auto 0 auto; 
      text-align: center; 
      width: 100%;
    font-size: 0.90em;
    }
    #categories ul.b 
    {
    list-style-image: url(../../imageuploads/Image/list1.gif);
    }
    #categories1 {
      float: left;
      background-color: #fff;
      margin: 0 5px 0 5px; 
      padding: 0 5px 0 5px;
      text-align: left;
      width: 160px;
      font-size: 0.9em;
    }
    #categories2 {
      float: left;
      background-color: #fff;
      margin: 0 auto 0 5px;
      padding: 0 5px 0 5px;
      text-align: left; 
      width: 160px;
      font-size: 0.9em;
    }
    #categories3 {
      float: left;
      margin: 0 auto 0 5px; 
      background-color: #fff;
      padding: 0 5px 0 5px;
      text-align: left; 
      width: 240px;
      font-size: 0.9em;
    }
    .important {
    	color: #FF0000;
    	font-weight: bold;
    }
     
     
    #admincontainer
    {
    margin-top: 1em;
    }
    h3.editorheader
    {
    font-size: 0.75em;
    color: #CCC;
    padding-top: 1.5em;
    }
    #admincontainer ul
    {
    padding: 0 0 0 1.5em;
    margin: 0 0 1em 0;
    list-style-image: url(../imageuploads/bullet-2341.gif);
    float: left;
    width: 100%;
    font-family: Arial, Helvetica, sans-serif;
    list-style-type: none
    }
     
     
    #admincontainer ul li { 
    display: inline; 
    padding-left: .2em; 
    padding-right: .5em;     
    border-right: solid 1px #4A5A76;
    }
    #admincontainer ul li a
    {
    	padding: 0.2em .2em;
    	color: #666;
    	text-decoration: none;
    	font-size: x-small;
    	background-color: #FFFFFF;
    }
     
    #admincontainer ul li a:hover
    {
    background-color: #BFE4FF;
    color: #000;
     
    }
    .adminnavtitle
    {
    padding: 0; 
    margin: 0;
    }
     
    #admincontainer h4
    {
    font-size: x-small;
    margin-top: 1em;
    color: #99ccff;
    padding-bottom: .2em;
    }
     
    a.pageeditlinks
    {
    	padding: 4px;
    	text-decoration: none;
    	color: #FFFFFF;
    	background-color: #4A5A76;
    	border: 2px #4A5A76 solid;
    	font-weight: bold;
    }

    I use the following link to the js
    Code JavaScript:
    <script type="text/javascript" src="<?php echo $baseurl; ?>/styleswitcher.js"></script>

    The actual JavaScript is this
    Code JavaScript:
    // JavaScript Document swap size of font//
    function setActiveStyleSheet(title) {
      var i, a, main;
      for(i=0; (a = document.getElementsByTagName("link")[i]); i++) {
        if(a.getAttribute("rel").indexOf("style") != -1 && a.getAttribute("title")) {
          a.disabled = true;
          if(a.getAttribute("title") == title) a.disabled = false;
        }
      }
    }
     
    function getActiveStyleSheet() {
      var i, a;
      for(i=0; (a = document.getElementsByTagName("link")[i]); i++) {
        if(a.getAttribute("rel").indexOf("style") != -1 && a.getAttribute("title") && !a.disabled) return a.getAttribute("title");
      }
      return null;
    }
     
    function getPreferredStyleSheet() {
      var i, a;
      for(i=0; (a = document.getElementsByTagName("link")[i]); i++) {
        if(a.getAttribute("rel").indexOf("style") != -1
           && a.getAttribute("rel").indexOf("alt") == -1
           && a.getAttribute("title")
           ) return a.getAttribute("title");
      }
      return null;
    }
     
    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;
    }
     
    window.onload = function(e) {
      var cookie = readCookie("style");
      var title = cookie ? cookie : getPreferredStyleSheet();
      setActiveStyleSheet(title);
    }
     
    window.onunload = function(e) {
      var title = getActiveStyleSheet();
      createCookie("style", title, 365);
    }
     
    var cookie = readCookie("style");
    var title = cookie ? cookie : getPreferredStyleSheet();
    setActiveStyleSheet(title);

    I have successfully used this in other non php sites, but I can not get it to work with the CMS, that this site runs on.

    I have found these two php codes but am not sure how to get this to work with the css style sheet and link it to the image that can be clicked to make it work.
    The 1st code is called Switcher.php
    Code PHP:
    <?php
    $set=$_GET['set'];
    if ($set!="highcontrast" && $set!="standardcontrast")
    { echo "invalid resize value"; exit; }
    setcookie ('sitestyle', $set, time()+31536000);
    $pagecamefrom= $_SERVER['HTTP_REFERER'];
    header("Location: $pagecamefrom");
    ?>

    The 2nd is called colourswitcher.php
    Code PHP:
    <?php
    $set=$_GET['set'];
    if ($set!="yellowblack" && $set!="orangeblack" && $set!="whiteblack" && $set!="blackyellow" && $set!="default")
    { echo "invalid value"; exit; }
    setcookie ('sitestyle', $set, time()+31536000);
    $pagecamefrom= $_SERVER['HTTP_REFERER'];
    header("Location: $pagecamefrom");
    ?>
    Last edited by bloodofeve; Feb 11, 2010 at 16:15. Reason: added some code incorrectly

  8. #8
    Unobtrusively zen silver trophybronze trophy
    paul_wilkins's Avatar
    Join Date
    Jan 2007
    Location
    Christchurch, New Zealand
    Posts
    14,705
    Mentioned
    102 Post(s)
    Tagged
    4 Thread(s)
    Quote Originally Posted by bloodofeve View Post
    I have successfully used this in other non php sites, but I can not get it to work with the CMS, that this site runs on.
    I think that we may have come to the nub of the problem here. What is the CMS that the site is running on?
    Programming Group Advisor
    Reference: JavaScript, Quirksmode Validate: HTML Validation, JSLint
    Car is to Carpet as Java is to JavaScript

  9. #9
    SitePoint Zealot
    Join Date
    Jun 2007
    Location
    Ryde, Isle of Wight, UK
    Posts
    116
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    I'm using Q'n'ECMS, which is designed to be accessble, but I wanted to add the extra accessibility.

  10. #10
    SitePoint Zealot
    Join Date
    Jun 2007
    Location
    Ryde, Isle of Wight, UK
    Posts
    116
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    The QnECMS is made up of the following components the
    Headermain and Headerhome which have the same codeing
    Code HTML4Strict:
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
            "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
    <head>
    	<meta http-equiv="content-type" content="text/html; charset=iso-8859-1" />
    <title>
    <?php
    dontloadwithout(); // there for security - so people can't call this file direclty from their browser
    // Get the title tag for the browser bar
    echo $sitetitle." | ".$pagetitle; 
    ?>
    </title>
    <meta name="title" content="Isle of Wight International Film Festival - Films on the Beach 2010" />	
    <meta name="Description" content="Isle of Wight International Film Festival - encourage creativity in all aspects of film production, not dependant on financial restrains, gender, geographical location, age or ability." />
    <meta name="abstract" content="Isle of Wight International Film Festival - encourage creativity in all aspects of film production, not dependant on financial restrains, gender, geographical location, age or ability." />
    <meta name="Keywords" content="IOWIFF,International Film Festival,Animation,Film Noir,Avant gare,Horror,history,community,costume,iw,isle of wight,art house,sci fi,comedy,mobile phone clips,romantic," />
    <meta http-equiv="Content-Language" content="EN-GB" />
    <meta name="author" content="claire@iowiff.co.uk" />
    <meta name="distribution" content="Global" />
    <meta name="copyright" content=" Isle of Wight International Film Festival and Eve Designs Limited" />
    <meta name="robots" content="FOLLOW,INDEX" />
    <meta name="revisit-after" content="30 days" />
    <meta name="Reply-to" content="info@iowiff.co.uk" />
    <meta name="document-class" content="Living Document" />
    <meta name="document-classification" content="film" />
    <meta name="document-rights" content="Copyrighted Work" />
    <meta name="document-type" content="Public" />
    <meta name="document-rating" content="Safe for Kids" />
    <meta http-equiv="Content-Language" content="EN-GB" />
    <meta name="GOOGLEBOT" content="1. YES" />
    <meta http-equiv="Pragma" content="NO" />
    <meta http-equiv="imagetoolbar" content="no" />
    <link rel="shortcut icon" href="../favicon.ico" />
    <link rel="alternate stylesheet" type="text/css" href="<?php echo $baseurl; ?>/style1.css" title="Large" />
    <link rel="alternate stylesheet" type="text/css" href="<?php echo $baseurl; ?>style2.css" title="Extra Large" />
    <link rel="alternate stylesheet" type="text/css" href="<?php echo $baseurl; ?>style3.css" title="High Contrast" />
    <link rel="alternate stylesheet" type="text/css" href="../stylesheets/siteassistpro_css/style4.css" title="B/W Contrast" />
    <script type="text/javascript" src="<?php echo $baseurl; ?>/styleswitcher.js"></script>	
    <style type="text/css" media="all">
    <!--
    @import url("../stylesheets/siteassistpro_css/home.css");
    -->
    </style>
    <style type="text/css" media="print">
    <!--
    @import url("../stylesheets/siteassistpro_css/home_print.css");
    -->
    </style>
    <!--[if IE 5]>
    <style type="text/css"> 
    /* IE 5 does not use the standard box model, so the column widths are overidden to render the page correctly. */
    #outerWrapper #contentWrapper #leftColumn1 {
      width: 16em;
    }
    #outerWrapper #contentWrapper #rightColumn1 {
      width: 16em;
    }
    </style>
    <![endif]-->
    <!--[if IE]>
    <style type="text/css"> 
    /* The proprietary zoom property gives IE the hasLayout property which addresses several bugs. */
    #outerWrapper #contentWrapper, #outerWrapper #contentWrapper #content {
      zoom: 1;
    }
    </style>
    <![endif]-->
    <style type="text/css" media="all">
    <!--
    @import url("../stylesheets/CSSMenuWriter/cssmw/menu.css");
    -->
    </style>
    <!--[if lte IE 6]>
    <style type="text/css" media="all">
    @import url("CSSMenuWriter/cssmw_home/menu_ie.css");
    </style>
    <style type="text/css" media="all">
    img, div, ul, li, span, a {
      behavior: url("../stylesheets/CSSMenuWriter/cssmw_images/iepngfix.htc");
    }
    </style>
    <![endif]-->
    <script type="text/javascript" src="../stylesheets/CSSMenuWriter/cssmw/menu.js"></script>
    <style type="text/css" media="all">
    <!--
    @import url("CSSMenuWriter/cssmw/menu.css");
    -->
    </style>
    <!--[if lte IE 6]>
    <style type="text/css" media="all">
    @import url("../stylesheets/CSSMenuWriter/cssmw/menu_ie.css");
    </style>
     
    <style type="text/css" media="all">
    img, div, ul, li, span, a {
      behavior: url("../stylesheets/CSSMenuWriter/cssmw_images/iepngfix.htc");
    }
    </style>
     
    <![endif]-->
    <script src="../scripts/AC_RunActiveContent.js" type="text/javascript"></script>
    <script type="text/javascript">
    function MM_CheckFlashVersion(reqVerStr,msg){
      with(navigator){
        var isIE  = (appVersion.indexOf("MSIE") != -1 && userAgent.indexOf("Opera") == -1);
        var isWin = (appVersion.toLowerCase().indexOf("win") != -1);
        if (!isIE || !isWin){  
          var flashVer = -1;
          if (plugins && plugins.length > 0){
            var desc = plugins["Shockwave Flash"] ? plugins["Shockwave Flash"].description : "";
            desc = plugins["Shockwave Flash 2.0"] ? plugins["Shockwave Flash 2.0"].description : desc;
            if (desc == "") flashVer = -1;
            else{
              var descArr = desc.split(" ");
              var tempArrMajor = descArr[2].split(".");
              var verMajor = tempArrMajor[0];
              var tempArrMinor = (descArr[3] != "") ? descArr[3].split("r") : descArr[4].split("r");
              var verMinor = (tempArrMinor[1] > 0) ? tempArrMinor[1] : 0;
              flashVer =  parseFloat(verMajor + "." + verMinor);
            }
          }
          // WebTV has Flash Player 4 or lower -- too low for video
          else if (userAgent.toLowerCase().indexOf("webtv") != -1) flashVer = 4.0;
     
          var verArr = reqVerStr.split(",");
          var reqVer = parseFloat(verArr[0] + "." + verArr[2]);
     
          if (flashVer < reqVer){
            if (confirm(msg))
              window.location = "http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash";
          }
        }
      } 
    }
    </script>
    </head>
    <body>
    <div id="outerWrapper">
    <div id="access">
      <ul id="skip">
         <li> <a title="Site Map" href="http://www.isleofwightinternationalfilmfestival.com/plugins/sitemap">Site Map</a></li>
        <li><a href="#content" title="Skip to contents">Skip to Contents</a></li>
          <li><a href="#topNavigation" title="Skip to Navigation"> Skip to Navigation</a></li>
    	  <li><a href="http://www.isleofwightinternationalfilmfestival.com/show.php?contentid=48">Contact Us</a></li>
           <li><a href="http://www.isleofwightinternationalfilmfestival.com/show.php?contentid=45">Register</a></li>
      </ul>
        </ul>
      </div>
      <div id="searchbox">
    <form action="<?php echo $baseurl; ?>/plugins/search/index.php" method="get">
    <fieldset>
    <label for="searchbox" >Search this site</label>
    <input id="searchboxneedle" name="SearchNeedle" type="text" size="25" alt="Search text" title="Search this Site" value="Search" onfocus="if(this.value=='Search')this.value=''" /> 	
    <input style="width: auto;" type ="submit" value ="GO" name ="searchsubmit" id="searchsubmit" />
    </fieldset>
    </form>
    </div>
    <div id="switcher">
    <ul>
    <li><a title="standard text" href="#" onclick="setActiveStyleSheet('style'); return false;"><img src="../imageuploads/Image/a1.png" alt="View this website in standard text size" width="20" height="20" /></a></li>
            <li><a title="large text" href="#" onclick="setActiveStyleSheet('Large'); return false;"><img src="../imageuploads/Image/a2.png" alt="View this website in  large text size" width="20" height="20" /></a></li>
         <li><a title="extra large text" href="#" onclick="setActiveStyleSheet('Extra Large'); return false;"><img src="../imageuploads/Image/a3.png" alt="View this website in extra large text size" width="20" height="20" /></a></li>
    	 <li><a title="high contrast" href="#" onclick="setActiveStyleSheet('High Contrast'); return false;"><img src="../imageuploads/Image/a7.png" alt="View this website in  high contrast" width="20" height="20" /></a></li>
         <li><a title="B/W contrast" href="#" onclick="setActiveStyleSheet('B/W Contrast'); return false;"><img src="../imageuploads/Image/a8.png" alt="View this website in B/W contrast" width="20" height="20" /></a></li>
      </ul>
      </div>
      <div id="header">
    Header  <span></span></div>
      <div id="topNavigation">
        <ul class="level-0" id="cssmw">
          <li class="parent"><a title="Home Page" href="http://www.isleofwightinternationalfilmfestival.com/show.php?contentid=1">Home</a>
              <ul class="level-1">
              <li><a href="http://www.isleofwightinternationalfilmfestival.com/show.php?contentid=45">Register</a></li>
                <li><a title="Our Sponsors" href="http://www.isleofwightinternationalfilmfestival.com/show.php?contentid=4">sponsors</a></li>
                <li><a title="Links to Other Sites" href="http://www.isleofwightinternationalfilmfestival.com/show.php?contentid=14">links</a></li>
                <li><a title="Online Shop" href="http://www.isleofwightinternationalfilmfestival.com/plugins/tooeasyshop">Shop</a></li>
            </ul>
          </li>
          <li><a title="How to Enter" href="http://www.isleofwightinternationalfilmfestival.com/show.php?contentid=2">How to Enter</a>
          <ul class="level-1">
          <li><a title="How to Make your Film" href="http://www.isleofwightinternationalfilmfestival.com/show.php?contentid=22">Make Your Film</a></li>
                <li><a title="Submission Rules" href="http://www.isleofwightinternationalfilmfestival.com/show.php?contentid=19">Submission Rules</a></li>
                </ul>
                </li>
    <li class="parent"><a title="Film Categories" href="http://www.isleofwightinternationalfilmfestival.com/show.php?contentid=5">Film Categories</a></li>
          <li><a title="IOW Film Categories" href="http://www.isleofwightinternationalfilmfestival.com/show.php?contentid=3">IOW Categories</a></li>
          <li class="parent"><a title="Essential Information" href="http://www.isleofwightinternationalfilmfestival.com/show.php?contentid=13">Essential Info</a>
              <ul class="level-1">
                <li><a title="Rules &amp; Regulations" href="http://www.isleofwightinternationalfilmfestival.com/show.php?contentid=7">Rules &amp; Regs</a></li>
                <li><a title="Contact Us" href="http://www.isleofwightinternationalfilmfestival.com/show.php?contentid=48">Contact Us</a></li>
                <li><a title="Getting to Ryde" href="http://www.isleofwightinternationalfilmfestival.com/show.php?contentid=12">Getting Here</a></li>
                <li><a title="Visit I Love Ryde.Com" href="http://www.iloveryde.com">I Love Ryde</a></li>
                <li><a title="Places to Stay" href="http://www.isleofwightinternationalfilmfestival.com/show.php?contentid=21">Accommodation</a></li>
                <li><a title="Downloads" href="http://www.isleofwightinternationalfilmfestival.com/show.php?contentid=20">Downloads</a></li>
    			<li><a title="Subscribe to IOWIFF" href="http://www.isleofwightinternationalfilmfestival.com/show.php?contentid=45">Subscribe</a></li>
                <li><a title="Accessibility Statement" href="http://www.isleofwightinternationalfilmfestival.com/show.php?contentid=9">Accessibility</a></li>
    			<li><a title="Copright Statement" href="http://www.isleofwightinternationalfilmfestival.com/show.php?contentid=46">Copyright</a></li>
                <li><a title="Disclaimer" href="http://www.isleofwightinternationalfilmfestival.com/show.php?contentid=11">Disclaimer</a></li>
                <li><a title="Privacy Statement" href="http://www.isleofwightinternationalfilmfestival.com/show.php?contentid=10">Privacy</a></li>
              </ul>
          </li>
          <li><a title="IOWIFF Blog" href="http://www.isleofwightinternationalfilmfestival.com/show.php?contentid=15">Blog</a></li>
        </ul>
        <script type="text/javascript">if(window.attachEvent) { window.attachEvent("onload", function() { cssmw.intializeMenu('cssmw',{select_current: 0, orientation: 1}); }); } else if(window.addEventListener) { window.addEventListener("load", function() { cssmw.intializeMenu('cssmw',{select_current: 0, orientation: 1}); }, true); }</script>
    </div>
      <div id="contentWrapper">
        <div id="leftColumn1">
    	 <?php
     
    // Editable text area 1. Anything can be included here
    include(ADMIN_FOLDER_PATH."/include/templatenavbar.php");
     
    ?>
    	</div> <!-- end of left column -->
    	<div id="rightColumn1">  
        <?php
    // Code to add content include
    include(ADMIN_FOLDER_PATH."/include/contentinclude.php");
    ?>
    </div> <!-- end of right column -->
    <div id="content">
     
    <h1><?php echo $pagetitle; ?></h1>

    and the Footermain and Footerhome which again use the same code
    Code HTML4Strict:
    <?php
    dontloadwithout();
    // simple footer for modifying pages form - do not delete. //
    if (isset ($modifypage) && $_SERVER['REQUEST_METHOD'] != 'POST')
       {
       include(ADMIN_FOLDER_PATH."/include/footeradmin.php");
       exit;
       }
     
    ?>
     
    <?php
    dontloadwithout(); 
    ?>
    <?php
    // Add a weblog to this page
    include(ADMIN_FOLDER_PATH."weblog/include/webloglist.php");
    ?>
    <?php
    // Add weblog archive list to this page
    // include(ADMIN_FOLDER_PATH."weblog/include/weblogarchive.php");
    ?>
     
    <?php
    // Add RSS .91 link
    // include(ADMIN_FOLDER_PATH."weblog/rss.91include.php");
    ?>
     
    <?php
    // Add RSS 2 link
    // include(ADMIN_FOLDER_PATH."weblog/rss2include.php");
    ?>
    <?php
    // This include allows you to add any content at any point in your template
    // i.e., if you have the text from weblog entry that you want to appear in a sidebar - just type the
    // parameters as 'weblog' and the the weblogid of the entry you want to appear.
    // contenttype can be pagecontent, weblog entry, navigation bar or text include
    // Here is what you put in your template (replace the parameters to suite):
    // include(WEB_ROOT_PATH."/plugins/insertcontent/index.php");
    // insertcontent("navigationbar", 33);
    ?>
     
     
    </div> <!-- end of content -->
     
    </div> <!-- end of contentwrapper -->
    <div id="footer">
    <?php
    // Code to add footer text
    include(ADMIN_FOLDER_PATH."/include/footerinclude.php");
    ?>
    </div> <!-- end of footer -->
     
    </div> <!-- end of outerWrapper -->
    <?php
     
    if ($levelofaccess>0)
    {
     
    echo "<div id=\"admincontainer\" style=\"padding-top: 2em;\">";
    }
    // this is the administratin menu - do not modify anything here.
    getmaintemplateAdminNavigation  ($contentid, $levelofaccess, $administrator, $adminpage, $pageowneremail, $email, $baseurl, $nameofadminfolder)
    ?>
    </body>
    </html>

    basically I then login to the site and add the content as required.
    I hope this is of some use.

  11. #11
    Unobtrusively zen silver trophybronze trophy
    paul_wilkins's Avatar
    Join Date
    Jan 2007
    Location
    Christchurch, New Zealand
    Posts
    14,705
    Mentioned
    102 Post(s)
    Tagged
    4 Thread(s)
    I've just checked one of your actual styles, and it appears that they don't actually exist.
    http://www.isleofwightinternationalf...com/style1.css
    Programming Group Advisor
    Reference: JavaScript, Quirksmode Validate: HTML Validation, JSLint
    Car is to Carpet as Java is to JavaScript

  12. #12
    SitePoint Zealot
    Join Date
    Jun 2007
    Location
    Ryde, Isle of Wight, UK
    Posts
    116
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Quote Originally Posted by pmw57 View Post
    I've just checked one of your actual styles, and it appears that they don't actually exist.
    http://www.isleofwightinternationalf...com/style1.css
    As I said earlier the only one that does exist is the B/W Contrast style4.css.
    http://www.isleofwightinternationalf...css/style4.css and when I check it in a browser it finds the code.

  13. #13
    SitePoint Evangelist AlienDev's Avatar
    Join Date
    Feb 2007
    Location
    UK
    Posts
    591
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Off Topic:

    Longest. Domain. Ever.
    Me on StackOverflow | Blog & personal website.

    I mostly use: PHP, Java, JavaScript, Android.


Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •