Help Writing An Html Code (onclick Open Something)

h1dd3n

Jul 31 2006, 03:06 PM

hi,

I am new in web development i want to make a page in which there are few buttons and on click of each button there is some hidden text field which becomes visible and user can enter the text he wish to in it. how can i ?

Comment/Reply (w/o sign-up)

TypoMage

Aug 1 2006, 03:07 AM

I have posted a few things that could help me about that stupid Cpanel

I am still looking what icon I click on to make the website!! In my one day of being here. I am kinda disapointed. I wish that the shoutbox was working

Wahaa

Comment/Reply (w/o sign-up)

h1dd3n

Aug 1 2006, 01:13 PM

same here for me ...

Comment/Reply (w/o sign-up)

rapidget

Aug 1 2006, 01:16 PM

You guys should search for css tutorial.. it would help you... It's very easy... Look for it on google...

Comment/Reply (w/o sign-up)

derickkoo

Nov 3 2006, 08:02 AM

QUOTE(h1dd3n @ Jul 31 2006, 11:06 PM)

ok, i have some time let me have a try

CODE

// test.html

<html>
<head>
    <title>just a demo</title>
    <style type="text/css">
    /*<![CDATA[*/
        #div1 {
            display:none;
        }

        #div2 {
            display:none;
        }
    /*]]>*/
    </style>
    <script type="text/javascript">
    //<![CDATA[
    function show(id) {
      if(id == 1) {
          document.getElementById('div1').style.display='block';
          document.getElementById('div2').style.display='none';
      } else {
          document.getElementById('div2').style.display='block';
          document.getElementById('div1').style.display='none';
      }
    }
    //]]>
    </script>
</head>
  <body>
       <div id="div1">
         <input type="text" name="txt1" value="here is text1 content" />
       </div>

        <div id="div2">
         <input type="text" name="txt2" value="here is text2 content" />
       </div>

     <input type="button" value="button1" onclic="show(1);" />  
     <input type="button" value="button2" onclic="show(2);" />  
   </body>
</html>

Comment/Reply (w/o sign-up)

electriic ink

Nov 3 2006, 08:23 AM

INTO HEAD:

CODE

INTO BODY:

CODE

Both will give different results. Mine will reserve space on the page for text fields whereas derickkoo's won't. When a user displays his the content on the page will move down slightly - or so I believe. Try them both out.

NB:

CODE

Should read:

CODE

Comment/Reply (w/o sign-up)

(G)Tom

Apr 17 2009, 10:00 PM

How to make it 3
Help Writing An Html Code (onclick Open Something)

Hi,

I am having some problems with this, the following code works:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.W3.Org/TR/xhtml1/DTD/xhtml1-transitional.Dtd">
<html xmlns="http://www.W3.Org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Untitled Document</title>
<style type="text/css">
<!--
        #div1 {
            display:none;
        }

        #div2 {
            display:none;
        }
-->
</style>


		
<script type="text/javascript">
    function show(id) {
      if(id == 1) {
          document.GetElementById('div1').Style.Display='block';
          document.GetElementById('div2').Style.Display='none';
       } if(id == 2) {
	  document.GetElementById('div2').Style.Display='block';
          document.GetElementById('div1').Style.Display='none';
	   }
    }
</script>

</head>

<body>

<input type="button" value="button1" onclick="show(1);" /> &nbsp;
<input type="button" value="button2" onclick="show(2);" /> &nbsp;

<div id="div1">
<input type="text" name="txt1" value="here is text1 content" />
</div>
  
<div id="div2">
<input type="text" name="txt2" value="here is text2 content" />
</div>



</body>
</html>

But when I try to make 3 div boxes and 3 buttons it fails miserably! Even the first 2 buttons stop working! The code I am using goes like this:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.W3.Org/TR/xhtml1/DTD/xhtml1-transitional.Dtd">
<html xmlns="http://www.W3.Org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Untitled Document</title>
<style type="text/css">
<!--
        #div1 {
            display:none;
        }

        #div2 {
            display:none;
        }
	#div3 {
            display:none;
        }
-->
</style>


		
<script type="text/javascript">
    function show(id) {
      if(id == 1) {
          document.GetElementById('div1').Style.Display='block';
          document.GetElementById('div2').Style.Display='none';
	  document.GetElementById('div3').Style.Display='none';
       } if(id == 2) {
	  document.GetElementById('div2').Style.Display='block';
          document.GetElementById('div1').Style.Display='none';
	  document.GetElementById('div3').Style.Display='none';
      } if{id == 3} {
	  document.GetElementById('div3').Style.Display='block';
          document.GetElementById('div2').Style.Display='none';
	  document.GetElementById('div1').Style.Display='none';
	  }
    }
</script>

</head>

<body>

<input type="button" value="button1" onclick="show(1);" /> &nbsp;
<input type="button" value="button2" onclick="show(2);" /> &nbsp;
<input type="button" value="button3" onclick="show(3);" /> &nbsp;

<div id="div1">
<input type="text" name="txt1" value="here is text1 content" />
</div>
  
<div id="div2">
<input type="text" name="txt2" value="here is text2 content" />
</div>

<div id="div3">
<input type="text" name="txt3" value="here is text3 content" />

</div>


</body>
</html>

Also is there a way to put a default div box on show when the page is first loaded but is then hidden when a button is pressed?

Cheers

Tom

Keywords: php onclick tutorial

Comment/Reply (w/o sign-up)

(G)antika

Sep 16 2009, 06:42 AM

dynamic add buttons in html
Help Writing An Html Code (onclick Open Something)

Hi, I want a dynamic add button in html code so that when I click on it, it will dispay a text box... Please help.. -reply by antika

Comment/Reply (w/o sign-up)

hype

Sep 20 2009, 10:44 AM

Just stick to this simple logic, when you wan a box to appear, set the style to "display:none", whether it's dynamic or manual set. If you want a box to be shown as default, set the style to "display:none", then when you click a button to show the box, use javascript onclick function to set it to "display:block". Same goes for you textbox.

Example for click to display a text box"

CODE

Comment/Reply (w/o sign-up)

(G)sudhi

Sep 21 2009, 02:51 AM

help with html
Help Writing An Html Code (onclick Open Something)

friends I am very new to html I am finding adding image to the page difficult I know the code is easy but I have tried many images but the pic does not come when I open the browser it shows a broken image. So Please help

-question by sudhi

Comment/Reply (w/o sign-up)

Latest Entries

jlhaslip

Oct 2 2009, 01:02 PM

view source the following link: http://www.jlhaslip.trap17.com/samples/mis...emperature.html

Comment/Reply (w/o sign-up)

hype

Oct 2 2009, 12:00 PM

You need to first determine the formula that converts between the 2. I guess there's alot of script or formula out there by using google. Then use mathematical formula in javascript to convert the 2 then output the result using innerHTML.

Comment/Reply (w/o sign-up)