Show/Hide Load Collapsed Help Please 1

[CampbellIT]

I've built this page and want it to load with the show/hide content hidden. Anyone know where I'm going wrong?

http://www.cityofcampbell.com/AgendasMinutes/_AgendasMinutesShowHide.htm

 

[BillyRayPreachersSon]

All of the content is hidden for me, as the URL goes nowhere.

Fail!



Coedit Limited - Delivering standards compliant, accessible web solutions

Dan's Page [blue]@[/blue] Code Couch:

http://www.codecouch.com/dan/

Code Couch Tech Snippets & Info:

http://www.codecouch.com/

 

[CampbellIT]

Really? Can anyone else hit it? It's out there on my web server.

 

[jman78]

CampbellIT -

I viewed the website. If you want to start out with it hidden, simply set the style (either inline or in the .css file should work) to hide.

...
    display: none;
...

Jason

 

[CampbellIT]

Jason, thanks for the input. I'm so css and javascript challened.... I don't even know where to put that statement. I've sampled with the inline css and no change. Does it just go under the font style statements?

 

[jman78]

In your heading you have a style tag - insert the line:

#Council, #Planning, #ParksRec, #HistoricPreservation, #CivicImprovement, #Bicycle { display: none; }

Like so:

<style type="text/css">
<!--
.style22 {font-size: 10}
.style23 {font-size: 12px}
.style25 {
	font-size: 12px;
	color: #000000;
	font-style: italic;
}

#Council, #Planning, #ParksRec, #HistoricPreservation, #CivicImprovement, #Bicycle { display: none; }


-->
</style>

 

[CampbellIT]

Right on, that does work. Thank you. The show/hide link is now inoperable. Any clues on this?

 

[Ascalonian]

Change:

if ( el.style.display = 'none' ) {

to

if ( el.style.display =[COLOR=#ff0000]=[/color] 'none' ) {

 

[jman78]

I see what is going on - took me a min to find the javascript function - it should be inside the 'head' element, and you don't need to repeat it for each part (since you are essentially re-using the same function and code).

Main thing is that you need to use '==' operator for comparison and '=' for setting the variable.

<script language="JavaScript" type="text/JavaScript">
function show_hide (obj) { 
  var el = document.getElementById(obj); 
  if ( el.style.display == 'block' ) { 
     el.style.display = 'none'; 
  } else { 
     el.style.display = 'block'; 
  } 

} 
</script>

Jason

 

[BillyRayPreachersSon]

Odd - I still can't hit the URL, even now.

I've no problem getting other pages on other sites, however!



Coedit Limited - Delivering standards compliant, accessible web solutions

Dan's Page [blue]@[/blue] Code Couch:

http://www.codecouch.com/dan/

Code Couch Tech Snippets & Info:

http://www.codecouch.com/

 

[feherke]

Hi

Odd - I still can't hit the URL, even now.

Neither I. And not just now, since this thread was started.


Feherke.

http://free.rootshell.be/~feherke/

 

[BillyRayPreachersSon]

It's not just the full URL - I can't hit

http://www.cityofcampbell.com/

either!



Coedit Limited - Delivering standards compliant, accessible web solutions

Dan's Page [blue]@[/blue] Code Couch:

http://www.codecouch.com/dan/

Code Couch Tech Snippets & Info:

http://www.codecouch.com/

 

[jman78]

the first time I went there, it took quite a while to load the page - there was a significant delay on the last item loaded (whatever that is, I didn't inspect it to find out) It did load via Safari on Mac OS/X10.4

Jason

 

[CampbellIT]

All, we have made some DNS changes. Perhaps that's the reason. Thank you for your efforts, and J-man for sorting out my issues. ~Todd

 

[CampbellIT]

Jman... again thanks for your help. Now that everything works properly, when I go to open the page in my editor (Dreamweaver) I cannot see the content in the DIV container. Do you know what I can to to make it show within an GUI editor?

 

[BillyRayPreachersSon]

I'd ask this in either forum248 or forum770.

Dan



Coedit Limited - Delivering standards compliant, accessible web solutions

Dan's Page [blue]@[/blue] Code Couch:

http://www.codecouch.com/dan/

Code Couch Tech Snippets & Info:

http://www.codecouch.com/