Here's a fairly basic css/javascript snippet that might help.

Chris

<script>
function show(id) {
  document.getElementById(id).style.display = "block";
}

function hide(id) {
  document.getElementById(id).style.display = "none";
}
</script>

<a href="#item1" onClick="show('item1');" id="item">text</a>
<div id="item1" style="display:none;"
onMouseOut="hide('item1')">hidden text that will become visible</div>


On Tue, 1 Mar 2005 15:51:27 -0600, Ron Mast <[EMAIL PROTECTED]> wrote:
>  
>  
> 
> No I'm notâL 
> 
>   
>  
> 
> 
> Ron Mast 
> 
> Webmaster 
> 
> Truth Hardware 
> 
> Ph: 507-444-4748 
> 
> Fx: 507-444-5361 
> 
> www.truth.com 
>  
>  ________________________________
>  
> 
> From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] On Behalf
> Of Daniel Elmore
>  Sent: Tuesday, March 01, 2005 3:51 PM
>  To: [email protected]
>  Subject: RE: Javascript gurus help! 
>  
> 
>   
>  
> 
> Are you familar with CSS? You can use display:none and display:block 
>  
> 
>   
>  
> 
> It's much easier, the code you've got kinda looks like it would be hard to
> maintain. :) 
>  
> 
>   
>  
> 
> -----Original Message-----
>  From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] Behalf
> Of Ron Mast
>  Sent: Tuesday, March 01, 2005 2:51 PM
>  To: [email protected]
>  Subject: Javascript gurus help! 
> 
> Hi All, 
> 
> I want to be able to change views without refreshing the page using
> innerHTML.  
> 
> Here's my codeâI'm getting the error expect ';'.  No clue why.  
> 
>   
> 
> <cfset whatForm = "<table cellspacing='0' cellpadding='0' border='1'
> width='100%'>"> 
> 
> <cfset whatForm = trim(whatForm) & "<tr>"> 
> 
> <cfset whatForm = trim(whatForm) & "    <td width='20%'>Form1 <br><a
> href='JavaScript:graph.innerHTML='graph 1';'>Graph 1</a></td>"> 
> 
> <cfset whatForm = trim(whatForm) & "    <td rowspan='3'>"> 
> 
> <cfset whatForm = trim(whatForm) & "                 <DIV id=graph>"> 
> 
> <cfset whatForm = trim(whatForm) & "                             Graph 1"> 
> 
> <cfset whatForm = trim(whatForm) & "                 </DIV>"> 
> 
> <cfset whatForm = trim(whatForm) & "     </td>"> 
> 
> <cfset whatForm = trim(whatForm) & "</tr>"> 
> 
> <cfset whatForm = trim(whatForm) & "<tr>"> 
> 
> <cfset whatForm = trim(whatForm) & "    <td width='20%'>Form2 <br><a
> href='JavaScript:graph.innerHTML='graph 2';'>Graph 2</a></td>"> 
> 
> <cfset whatForm = trim(whatForm) & "</tr>"> 
> 
> <cfset whatForm = trim(whatForm) & "<tr>"> 
> 
> <cfset whatForm = trim(whatForm) & "    <td width='20%'>Form3 <br><a
> href='JavaScript:graph.innerHTML='graph 3';'>Graph 3</a></td>"> 
> 
> <cfset whatForm = trim(whatForm) & "</tr>"> 
> 
> <cfset whatForm = trim(whatForm) & "</table>"> 
> 
>   
> 
> <cfoutput> 
> 
> <table cellspacing="0" cellpadding="0" border="1" width="100%"> 
> 
> <tr> 
> 
>     <td width="20%">Form1 <br><a
> href="JavaScript:graph.innerHTML='#whatForm#';">Graph 1</a></td> 
> 
>     <td rowspan="3"> 
> 
>                         <DIV id=graph> 
> 
>                                     Graph Here! 
> 
>                         </DIV> 
> 
>             </td> 
> 
> </tr> 
> 
> <tr> 
> 
>     <td width="20%">Form2 <br><a href="JavaScript:graph.innerHTML='graph
> 2';">Graph 2</a></td> 
> 
> </tr> 
> 
> <tr> 
> 
>     <td width="20%">Form3 <br><a href="JavaScript:graph.innerHTML='graph
> 3';">Graph 3</a></td> 
> 
> </tr> 
> 
> </table> 
> 
> </cfoutput> 
> 
>   
> 
> Anyone know how I can fix this so it works? 
> 
>   
> 
> 
> Ron Mast 
> 
> Webmaster 
> 
> Truth Hardware 
> 
> Ph: 507-444-4748 
> 
> Fx: 507-444-5361 
> 
> www.truth.com 
> 
>
----------------------------------------------------------
To post, send email to [email protected]
To unsubscribe:
   http://www.dfwcfug.org/form_MemberUnsubscribe.cfm
To subscribe:
   http://www.dfwcfug.org/form_MemberRegistration.cfm


Reply via email to