• Nike free run 2 pink
  • Nike free 5.0 kids
  • Oakley sunglasses discount
  • CodeAve.com CodeAve.com - JavaScript - Navigation
    ASP
    JavaScript
    ·Document Info
    ·Forms
    ·Images
    ·Miscellaneous
    ·Navigation
    ·Script Writers
    ·Contents
    ·What's New?
    CSS
    HTML
    Maps
    Links
    Mail List
    Search
    Sitemap


     

  • Retro 3 jordans
  • Jordan 13 retro
  • Nike free 5.0

  • Display/No Display Content
  • Air jordan 11 low
  • New Balance 996
  • Ray ban vintage sunglasses
  • Adding content to an existing page that can be viewed when clicked can add a dynamic look to an ordinarily plain looking page and can provide valuable navigation from within one page. The following examples demonstrate two simple ways to add content to your page without the person having to navigate to another page for that content. The first example is of a hyperlink with the reference set to the JavaScript function named Show_Stuff and content contained within the span named display1. All text within the span tags will be displayed when the link is clicked. The second example is much the same except it utilizes the JavaScript onClick command to call the Show_Stuff function.
    View the Output
    Text View
    Print View
    Mail this Link
    Download the Code

    <html>
    <title>CodeAve.com(JavaScript: Display/No Display Content)</title>
    <body bgcolor="#FFFFFF">
    <script language="JavaScript">
    <!--
    function Show_Stuff(Click_Menu)
    // Function that will swap the display/no display for
    // all content within span tags
    {
    if (Click_Menu.style.display == "none")
    {
    Click_Menu.style.display = "";
    }
    else
    {
    Click_Menu.style.display = "none";
    }
    }
    -->
    </script>
    <DIV><a href="javascript:Show_Stuff(display1)">Link #1 (Hyperlink)</a></DIV>
    <!-- The code within the span tags will not be displayed until
    the user click the link above and will "disappear" when clicked a second time
    The link above is set to display anything with a span tag with an id = display1-->
    <span ID="display1" style="display: none">
    <table bgcolor="#FFFFCC">
    <tr><td width=200 wrap>
    This is the table that will appear when link #1 is clicked.
    You can add in a <a target="_blank" href="http://www.yahoo.com">hyperlink</a>
    or any other html
    </td>
    </tr>
    </table>
    </span>
     
     
    <div onClick="Show_Stuff(display2)">Link #2 (OnClick Text Example)</div>
    <!-- The code within the span tags will not be displayed until
    the user click the link above and will "disappear" when clicked a second time -->
     
    <span id="display2" STYLE="display: none">
    Text that will appear when link #2 is clicked
    <br>
    this too can be any html
    </span>
    </body>
    </html>

     

     

     



    ASP: What's New? | Articles | Script Writers | Database Display | Read/Write
    Server Variables | Response Objects | Random Events | Miscellaneous
    HTML: Forms | Hyperlinks | Headers | Tables | Hyperlinks | Headers | Text Display
    JavaScript: Document Info | Forms | Images | Navigation | Script Writers
    CSS: Basics | Page Display | Text Display | Script Writers | Miscellaneous
  • 2014 michael kors
  • air max women 2013
  • 2014 michael kors
  • air max 2014
  • oakley glasses
  • oakley glasses

  • Maps: Map Script Writers | Bing Maps | Google Maps
  • bottes fr
  • ugg boot
  • Privacy Statement

    CodeAve.com is hosted by MyHosting.com
    Donate Food Online with a Mouse Click at TheHungerSite.com
    Donate Land Online with a Mouse Click at TheRainForestSite.com
    © 1999 - 2017 CodeAve.com
    All Rights Reserved

    jordan 11 gamma Nike KD VI lebron 11 low