Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 2 of 2

Thread: Show button

  1. #1
    New to the CF scene
    Join Date
    Apr 2011
    Posts
    4
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Show button

    I need a show button when is clicked it disappears and on that place shows text , image or an video.Even button doesn't have to look as a button , it can be image or a text.I have found that on http://nba.lemons.se/ and on that site it shows result when button is clicked , I need something similar but can't find html code for that.If someone knows that , please post html code of that button.

  • #2
    Regular Coder Mooseman's Avatar
    Join Date
    Sep 2010
    Posts
    123
    Thanks
    7
    Thanked 3 Times in 3 Posts
    For something simple you can use this jQuery code:

    Code:
    <!--The jQuery Library-->
    <script src="http://code.jquery.com/jquery-1.4.4.min.js" type="text/javascript">
    </script>
    
    <script type="text/javascript">
    $(function(){
    $("#Toggle1text").css("display","none");
    $("#Toggle1button").click(function(){$('#toggle1text').toggle(1000);});
    });
    </script>
    
    <style type="text/css">
    #toggle1text{width: 200px;height: 100px;border: solid 1px black;background-color:transparent;text-align:center}
    </style>
    
    <button id="Toggle1button">Show/Hide</button><br />
    <div id="toggle1text">
    This is a simple show/hide with jQuery!</div>
    If the user has JavaScript disabled, it will just show.


    Hope this helps!
    -Mooseman


  •  

    Posting Permissions

    • You may not post new threads
    • You may not post replies
    • You may not post attachments
    • You may not edit your posts
    •