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 5 of 5

Thread: drop down

  1. #1
    New to the CF scene
    Join Date
    Dec 2013
    Posts
    7
    Thanks
    2
    Thanked 0 Times in 0 Posts

    drop down

    how can you have a question and answer when it is click it gives an answer below like the one on the bottom >> http://www.kickstarter.com/projects/968 ... microscope << under FAQs

  • #2
    $object->toCD-R(LP); vinyl-junkie's Avatar
    Join Date
    Jun 2003
    Posts
    3,083
    Thanks
    2
    Thanked 23 Times in 23 Posts
    Your link is broken.
    Music Around The World - Collecting tips, trade
    and want lists, album reviews, & more
    SNAP to it!

  • #3
    New to the CF scene
    Join Date
    Dec 2013
    Posts
    7
    Thanks
    2
    Thanked 0 Times in 0 Posts
    its > http://www.kickstarter.com/projects/...sed-microscope <


    the one on bottom where it says faq...when click it gives an answer

  • #4
    New to the CF scene
    Join Date
    Dec 2013
    Posts
    1
    Thanks
    0
    Thanked 0 Times in 0 Posts
    google not read the drop down values on the homepage

  • #5
    Senior Coder
    Join Date
    Jan 2011
    Location
    Missouri
    Posts
    4,038
    Thanks
    23
    Thanked 589 Times in 588 Posts
    @netlink1, Any time you change the web page it's done with javascript.
    A Q/A can be done by having the answer in a div that is hidden and then reveal it on a click.

    This is a sample, by no means the complete:
    Code:
    <!doctype html>
    <html>
    <head>
    <meta charset="utf-8">
    <title>Untitled Document</title>
    <style type="text/css">
    p{
    	color: blue;
    }
    </style>
    </head>
    <body>
    <h3>Q and A</h3>
        <span class="question" onclick="show('inter_ship');">International Shipping?</span><br />
    		<div id="inter_ship" style="display:none;">
    		<p>Hello Everyone. I&#39;ve received an incredible amount of interest in offering international shipping, so I&#39;ve added an additional reward option that allows international shipping. </p>
    		<p>If you have already donated, you should be able to change your reward option pretty easily. Don&#39;t hesitate to message me if you have any questions.</p>
    		</div>
    	<span class="question" onclick="show('adhes');">Will the adhesive damage my phone?</span><br />
    		<div id="adhes" style="display:none;"><p>There is actually no adhesive involved with the Micro Phone Lens. The stickiness is a property of the material : )</p></div>
    	<span class="question" onclick="show('dticky');">How long will the Lens stay sticky?</span>
    		<div id="dticky" style="display:none;"><p>To the best of my knowledge, the stickiness should last more or less &quot;forever&quot;. Over time the Lens will acquire dust, dirt, etc... that may impact the stickine</p></div>
    
    <script type="text/javascript">
    function show(item){
    	putaway();
    	document.getElementById(item).style.display = "block";
    }
    function putaway(){
    	document.getElementById("inter_ship").style.display = "none";
    	document.getElementById("adhes").style.display = "none";
    	document.getElementById("dticky").style.display = "none";
    }
    </script>
    </body>
    </html><!doctype html>
    <html>
    <head>
    <meta charset="utf-8">
    <title>Untitled Document</title>
    <style type="text/css">
    p{
    	color: blue;
    }
    </style>
    </head>
    <body>
    <h3>Q and A</h3>
        <span class="question" onclick="show('inter_ship');">International Shipping?</span><br />
    		<div id="inter_ship" style="display:none;">
    		<p>Hello Everyone. I&#39;ve received an incredible amount of interest in offering international shipping, so I&#39;ve added an additional reward option that allows international shipping. </p>
    		<p>If you have already donated, you should be able to change your reward option pretty easily. Don&#39;t hesitate to message me if you have any questions.</p>
    		</div>
    	<span class="question" onclick="show('adhes');">Will the adhesive damage my phone?</span><br />
    		<div id="adhes" style="display:none;"><p>There is actually no adhesive involved with the Micro Phone Lens. The stickiness is a property of the material : )</p></div>
    	<span class="question" onclick="show('dticky');">How long will the Lens stay sticky?</span>
    		<div id="dticky" style="display:none;"><p>To the best of my knowledge, the stickiness should last more or less &quot;forever&quot;. Over time the Lens will acquire dust, dirt, etc... that may impact the stickine</p></div>
    
    <script type="text/javascript">
    function show(item){
    	putaway();
    	document.getElementById(item).style.display = "block";
    }
    function putaway(){
    	document.getElementById("inter_ship").style.display = "none";
    	document.getElementById("adhes").style.display = "none";
    	document.getElementById("dticky").style.display = "none";
    }
    </script>
    </body>
    </html>
    Last edited by sunfighter; 12-24-2013 at 03:11 PM.
    Evolution - The non-random survival of random variants.


  •  

    Posting Permissions

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