Java Script HELP!!!!!

  • Thread starter Thread starter Guest
  • Start date Start date
G

Guest

Hi all,

Got a big problem with thie javascript a friend wrote for me, but he is
unavailiable to help me fix it. Hope somone can help me with it.

I have this front page that my client wants to have lots of information on,
but dosnt want the user to scroll down the page. I did sudjest having the
information on diffrent pages, but he dosnt like that idea. Instead he wants
6 heads on the page, and when a header is selected the required information
for that header drops down below it.

Now i have kinda got this working using a Javascript as i said, and using
<DIV> tags with required ID's for the tags. But it only semi works and has
some errors and clashes with the style sheet with the page.

You will be able to see what i mean by viewing the page here ......

http://dev.hbdi.co.uk/Test/Operation & Maintenance Management Center.htm

Now when you view the page, you will see alot of gaps in between the heads,
which i want to be able to close up. But cant as yet. Also when i select a
header the text appears which is great, BUT a line appears under it, which is
very wierd, cause nothing in my code/CSS tells it to show a line.

PLEASE any help would be so much appreciated.

Thanks Dan
 
Nothing to do w/ JavaScript

Set the same margins for your H3 tags (and the div containers for them) as you have for your H4 tags
style="MARGIN-TOP: 0px; MARGIN-BOTTOM: 0px
- and remove the <br> tag after the end of your H3 tag

--

_____________________________________________
SBR @ ENJOY (-: [ Microsoft MVP - FrontPage ]
"Warning - Using the F1 Key will not break anything!" (-;
To find the best Newsgroup for FrontPage support see:
http://www.frontpagemvps.com/FrontPageNewsGroups/tabid/53/Default.aspx
_____________________________________________


| Hi all,
|
| Got a big problem with thie javascript a friend wrote for me, but he is
| unavailiable to help me fix it. Hope somone can help me with it.
|
| I have this front page that my client wants to have lots of information on,
| but dosnt want the user to scroll down the page. I did sudjest having the
| information on diffrent pages, but he dosnt like that idea. Instead he wants
| 6 heads on the page, and when a header is selected the required information
| for that header drops down below it.
|
| Now i have kinda got this working using a Javascript as i said, and using
| <DIV> tags with required ID's for the tags. But it only semi works and has
| some errors and clashes with the style sheet with the page.
|
| You will be able to see what i mean by viewing the page here ......
|
| http://dev.hbdi.co.uk/Test/Operation & Maintenance Management Center.htm
|
| Now when you view the page, you will see alot of gaps in between the heads,
| which i want to be able to close up. But cant as yet. Also when i select a
| header the text appears which is great, BUT a line appears under it, which is
| very wierd, cause nothing in my code/CSS tells it to show a line.
|
| PLEASE any help would be so much appreciated.
|
| Thanks Dan
 
Thanks Stefan for your help.

In away it did help, it helped me bring up the gap witch was brilliant. BUT
im still getting that LINE when the select the tags.

Also do you know away of allowing it so that the heads can be collapsed when
the page loads, cause at the minute there is still gaps between the headers
when it loads and the gaps only rectify themselfs when you slect and deselect
them.

Take another look....

http://dev.hbdi.co.uk/Test/Operation & Maintenance Management Center.htm


Thanks again stefan. Appreciate it.

Dan
 
Just for relivance, i sorted the page load bit, with this....

<body ms_positioning="GridLayout" onload="PositionSetup();">

So thats one problem down....... its just that blasted line thats getting in
the way....

ANYONE PLEASEE HELP!!!! lol im pulling out every hair...

Thanks

Dan

Daniel Wheeler said:
Thanks Stefan for your help.

In away it did help, it helped me bring up the gap witch was brilliant. BUT
im still getting that LINE when the select the tags.

Also do you know away of allowing it so that the heads can be collapsed when
the page loads, cause at the minute there is still gaps between the headers
when it loads and the gaps only rectify themselfs when you slect and deselect
them.

Take another look....

http://dev.hbdi.co.uk/Test/Operation & Maintenance Management Center.htm


Thanks again stefan. Appreciate it.

Dan

Stefan B Rusynko said:
Nothing to do w/ JavaScript

Set the same margins for your H3 tags (and the div containers for them) as you have for your H4 tags
style="MARGIN-TOP: 0px; MARGIN-BOTTOM: 0px
- and remove the <br> tag after the end of your H3 tag

--

_____________________________________________
SBR @ ENJOY (-: [ Microsoft MVP - FrontPage ]
"Warning - Using the F1 Key will not break anything!" (-;
To find the best Newsgroup for FrontPage support see:
http://www.frontpagemvps.com/FrontPageNewsGroups/tabid/53/Default.aspx
_____________________________________________


| Hi all,
|
| Got a big problem with thie javascript a friend wrote for me, but he is
| unavailiable to help me fix it. Hope somone can help me with it.
|
| I have this front page that my client wants to have lots of information on,
| but dosnt want the user to scroll down the page. I did sudjest having the
| information on diffrent pages, but he dosnt like that idea. Instead he wants
| 6 heads on the page, and when a header is selected the required information
| for that header drops down below it.
|
| Now i have kinda got this working using a Javascript as i said, and using
| <DIV> tags with required ID's for the tags. But it only semi works and has
| some errors and clashes with the style sheet with the page.
|
| You will be able to see what i mean by viewing the page here ......
|
| http://dev.hbdi.co.uk/Test/Operation & Maintenance Management Center.htm
|
| Now when you view the page, you will see alot of gaps in between the heads,
| which i want to be able to close up. But cant as yet. Also when i select a
| header the text appears which is great, BUT a line appears under it, which is
| very wierd, cause nothing in my code/CSS tells it to show a line.
|
| PLEASE any help would be so much appreciated.
|
| Thanks Dan
Click to expand...
Click to expand...
 
I don't see any line
If you mean the shaded background on the 1st item Managing the information
- it's caused by the MSO paragraph formatting above

<p class="MsoNormal"><font face="Verdana" size="2">
<span style="FONT-SIZE: 10pt">The following is some background on how we
manage the process<font color="navy"><span style="COLOR: navy"> of co-ordinating
and building the O&amp;M manuals for Overbury plc</span></font>.&nbsp; If you
have any questions please contact me on 01424 423827.<O:P></O:P></span></font></p>
<p class="MsoNormal"><font face="Verdana" size="2">
<span style="FONT-SIZE: 10pt"><O:P></O:P></span></font></p>

change it to

<p><font face="Verdana" size="2">
<span style="FONT-SIZE: 10pt">The following is some background on how we
manage the process<font color="navy"><span style="COLOR: navy"> of co-ordinating
and building the O&amp;M manuals for Overbury plc</span></font>.&nbsp; If you
have any questions please contact me on 01424 423827.</span></font></p>

PS
You have illegally nested lists
If you are going to nest lists do it inside of the <li></li> tags
<li>Recommended Spares
<ul type="circle"><li>Spares policy</li></ul>
<ul type="circle"><li>List of recommended spares</li></ul>
</li>



--

_____________________________________________
SBR @ ENJOY (-: [ Microsoft MVP - FrontPage ]
"Warning - Using the F1 Key will not break anything!" (-;
To find the best Newsgroup for FrontPage support see:
http://www.frontpagemvps.com/FrontPageNewsGroups/tabid/53/Default.aspx
_____________________________________________


|
| Just for relivance, i sorted the page load bit, with this....
|
| <body ms_positioning="GridLayout" onload="PositionSetup();">
|
| So thats one problem down....... its just that blasted line thats getting in
| the way....
|
| ANYONE PLEASEE HELP!!!! lol im pulling out every hair...
|
| Thanks
|
| Dan
|
| "Daniel Wheeler" wrote:
|
| > Thanks Stefan for your help.
| >
| > In away it did help, it helped me bring up the gap witch was brilliant. BUT
| > im still getting that LINE when the select the tags.
| >
| > Also do you know away of allowing it so that the heads can be collapsed when
| > the page loads, cause at the minute there is still gaps between the headers
| > when it loads and the gaps only rectify themselfs when you slect and deselect
| > them.
| >
| > Take another look....
| >
| > http://dev.hbdi.co.uk/Test/Operation & Maintenance Management Center.htm
| >
| >
| > Thanks again stefan. Appreciate it.
| >
| > Dan
| >
| > "Stefan B Rusynko" wrote:
| >
| > > Nothing to do w/ JavaScript
| > >
| > > Set the same margins for your H3 tags (and the div containers for them) as you have for your H4 tags
| > > style="MARGIN-TOP: 0px; MARGIN-BOTTOM: 0px
| > > - and remove the <br> tag after the end of your H3 tag
| > >
| > > --
| > >
| > > _____________________________________________
| > > SBR @ ENJOY (-: [ Microsoft MVP - FrontPage ]
| > > "Warning - Using the F1 Key will not break anything!" (-;
| > > To find the best Newsgroup for FrontPage support see:
| > > http://www.frontpagemvps.com/FrontPageNewsGroups/tabid/53/Default.aspx
| > > _____________________________________________
| > >
| > >
| > > | > > | Hi all,
| > > |
| > > | Got a big problem with thie javascript a friend wrote for me, but he is
| > > | unavailiable to help me fix it. Hope somone can help me with it.
| > > |
| > > | I have this front page that my client wants to have lots of information on,
| > > | but dosnt want the user to scroll down the page. I did sudjest having the
| > > | information on diffrent pages, but he dosnt like that idea. Instead he wants
| > > | 6 heads on the page, and when a header is selected the required information
| > > | for that header drops down below it.
| > > |
| > > | Now i have kinda got this working using a Javascript as i said, and using
| > > | <DIV> tags with required ID's for the tags. But it only semi works and has
| > > | some errors and clashes with the style sheet with the page.
| > > |
| > > | You will be able to see what i mean by viewing the page here ......
| > > |
| > > | http://dev.hbdi.co.uk/Test/Operation & Maintenance Management Center.htm
| > > |
| > > | Now when you view the page, you will see alot of gaps in between the heads,
| > > | which i want to be able to close up. But cant as yet. Also when i select a
| > > | header the text appears which is great, BUT a line appears under it, which is
| > > | very wierd, cause nothing in my code/CSS tells it to show a line.
| > > |
| > > | PLEASE any help would be so much appreciated.
| > > |
| > > | Thanks Dan
| > >
| > >
| > >
 
Back
Top