Football Club Website - Help make it better!!

  waydekirrane 11:26 21 Jul 2004
Locked

hi there,
i have a website for my local football team

click here

as you can see it's only for a bit of a laugh and it's very basic. just out of interest i decided to make the index look better. i found some script on the net and played with it a little (see below). i have a working contents frame where a closed folder (folder.gif) becomes an open one (ofolder.gif) and the links appear below. also if there are no subheadings the folder simply opens and the target page appears in the main frame.

as you can see my knowledge of script is very limited. (anyone know any good online basic learning site?) what i need help on is how do i change the script so when you click on main heading (eg players) the rest of the links open (eg..defenders, midfielders, etc). at the moment the rest of the links only open when you click on the folder.

also i was wondering how hard it would be to have subfolders. for example if you had fixtures, which opened up to subfolders - months; which each opened up to links on their own - each date; which linked to a match report for that date

i've tried all them menu makers and i just don't like them. i like to keep it simple so i can change it easily and i can learn a bit of javascript.


html>
head>

title>Title /title>


script>
function test1(element){
if (element.className=="Outline"){
var targetId = element.id + "d";
var targetElement = document.getElementById(targetId);
if (targetElement.style.display == "none") {
targetElement.style.display="block";
element.src = "ofolder.gif";
} else if (targetElement.style.display == "block"){
targetElement.style.display="none";
element.src = "folder.gif";
}
}
}

/script>

STYLE type="text/css">
!--
A { text-decoration:none }
-->
/STYLE>



base target="mainFrame">

meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"> /head>

body text="#000000" link="#000000" vlink="#000000" alink="#000000">


DIV ID="Out0">

a href="players/players.htm">
IMG border="0" SRC="folder.gif" ID="Out1" CLASS="Outline" WIDTH="16" HEIGHT="16" onclick="javascript:test1(this);"> b>Team List /b> /a>
DIV Id="Out1d" STYLE="display:None">   

IMG SRC="button.gif" WIDTH="12" HEIGHT="12"> a href="players/goalkeepers.htm">Goalkeepers /a> BR>   
IMG SRC="button.gif" WIDTH="12" HEIGHT="12"> a href="players/defenders.htm">Defenders /a> BR>   

IMG SRC="button.gif" WIDTH="12" HEIGHT="12"> a href="players/midfielders.htm">Midfielders /a> BR>   
IMG SRC="button.gif" WIDTH="12" HEIGHT="12"> a href="players/strikers.htm">Strikers /a>


/div>
/div>

DIV ID="Out14">

a href="2=fixtures.htm">
IMG border="0" SRC="folder.gif" ID="Out2" CLASS="Outline" WIDTH="16" HEIGHT="16" onclick="javascript:test1(this);"> b>Fixtures /b>

DIV Id="Out2d" STYLE="display:None">

/div>
/div>

DIV ID="Out15">

a href="results.htm">
IMG border="0" SRC="folder.gif" ID="Out3" CLASS="Outline" WIDTH="16" HEIGHT="16" onclick="javascript:test1(this);"> b>results /b>
div id="Out3d" STYLE="display:None">

/div>

/div>

DIV ID="Out16">

a href="teamphoto.jpg">
IMG border="0" SRC="folder.gif" ID="Out4" CLASS="Outline" WIDTH="16" HEIGHT="16" onclick="javascript:test1(this);"> b>Team Photo /b>
DIV Id="Out4d" STYLE="display:None">
/div>
/div>





/body>
/html>

  waydekirrane 11:27 21 Jul 2004

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>

<title>Title</title>


<script>
function test1(element){
if (element.className=="Outline"){
var targetId = element.id + "d";
var targetElement = document.getElementById(targetId);
if (targetElement.style.display == "none") {
targetElement.style.display="block";
element.src = "ofolder.gif";
} else if (targetElement.style.display == "block"){
targetElement.style.display="none";
element.src = "folder.gif";
}
}
}

</script>

<STYLE type="text/css">
<!--
A { text-decoration:none }
-->
</STYLE>



<base target="mainFrame">

<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"></head>

<body text="#000000" link="#000000" vlink="#000000" alink="#000000">


<DIV ID="Out0">

<a href="players/players.htm">
<IMG border="0" SRC="folder.gif" ID="Out1" CLASS="Outline" WIDTH="16" HEIGHT="16" onclick="javascript:test1(this);"> <b>Team List</b></a>
<DIV Id="Out1d" STYLE="display:None">   

<IMG SRC="button.gif" WIDTH="12" HEIGHT="12"> <a href="players/goalkeepers.htm">Goalkeepers</a><BR>   
<IMG SRC="button.gif" WIDTH="12" HEIGHT="12"> <a href="players/defenders.htm">Defenders</a><BR>   

<IMG SRC="button.gif" WIDTH="12" HEIGHT="12"> <a href="players/midfielders.htm">Midfielders</a><BR>   
<IMG SRC="button.gif" WIDTH="12" HEIGHT="12"> <a href="players/strikers.htm">Strikers</a>


</div>
</div>

<DIV ID="Out14">

<a href="2=fixtures.htm">
<IMG border="0" SRC="folder.gif" ID="Out2" CLASS="Outline" WIDTH="16" HEIGHT="16" onclick="javascript:test1(this);"> <b>Fixtures</b>

<DIV Id="Out2d" STYLE="display:None">

</div>
</div>

<DIV ID="Out15">

<a href="results.htm">
<IMG border="0" SRC="folder.gif" ID="Out3" CLASS="Outline" WIDTH="16" HEIGHT="16" onclick="javascript:test1(this);"> <b>results</b>
<div id="Out3d" STYLE="display:None">

</div>

</div>

<DIV ID="Out16">

<a href="teamphoto.jpg">
<IMG border="0" SRC="folder.gif" ID="Out4" CLASS="Outline" WIDTH="16" HEIGHT="16" onclick="javascript:test1(this);"> <b>Team Photo</b>
<DIV Id="Out4d" STYLE="display:None">
</div>
</div>





</body>
</html>

  waydekirrane 15:37 21 Jul 2004

right i've worked out how to open new sub folders in the main folder, but i still can't work out how to open the main file by clicking on the link instead of just the folder. anyone?

  User-312386 08:46 23 Jul 2004

just a general comment

Pages are to long

have a look here at my football club website click here

you really need it simple and straight forward to be honest

This thread is now locked and can not be replied to.

Elsewhere on IDG sites

AMD Radeon Adrenalin release date, new features, compatible graphics cards

8 brilliant character artists speaking at Pictoplasma 2018

iMac Pro release date, UK price & specs

Football : comment regarder la Ligue 1 en direct ?