Show and hide a textfield based on a selectbox

asgsoft · 01-03-2007, 04:26 AM

I am using this JS to show and hide a textbox when the value for the select box changes.

It shows the textbox alright, but when I want to hide it it won't.

Here is what I have:

Code:

function showField(email_div)
{
 var txt = "";
 if(document.form1.type.value = "Banner Impressions")
 {
   txt += "<p>Banner Location:<input type='text' name='bannerloc' value='<?php echo $firstname; ?>' onfocus=\"this.value='';\" /></p>";
 document.getElementById(email_div).innerHTML = txt;
 }
 else
 {
 txt = null;
  document.getElementById(email_div).innerHTML = nill;
 }

}

Where have I gone wrong?

Matthew. · 01-03-2007, 04:37 AM

Hi asgsoft. Can i assume email_div is the layer you wish to hide?

Technically you are not hiding anything here, in affect you are you are removing it. Remember that is is null not nill btw

PHP Code:

 
function showField(email_div)

{

    if(document.form1.type.value = "Banner Impressions")

    {

          var txt = '<p>Banner Location:<input type="text" name="bannerloc" value="<?php echo $firstname; ?>" onfocus="this.value=\'\';" /></p>';

        document.getElementById(email_div).innerHTML = txt;

     }

     else

     {

          document.getElementById(email_div).innerHTML = null;

          /*     This line would actually *hide* the div instead of erasing the contents 

          @    document.getElementById(email_div).style.display = 'none';

          */

     }

}

Try that. If not can your provide an example of how you are using this please.

asgsoft · 01-03-2007, 04:40 AM

It still doesn't hide the div.

Matthew. · 01-03-2007, 04:51 AM

Quote:

Originally Posted by Matthew.

Try that. If not can your provide an example of how you are using this please.

beaver6813 · 01-03-2007, 05:07 AM

Code:

function showField(email_div) 
{ 
    if(document.form1.type.value = "Banner Impressions") 
    { 
          var txt = '<p>Banner Location:<input type="text" name="bannerloc" value="<?php echo $firstname; ?>" onfocus="this.value=\'\';" /></p>'; 
        document.getElementById(email_div).innerHTML = txt; 
        document.getElementById(email_div).style.display = 'block';
     } 
     else 
     { 
          document.getElementById(email_div).style.display = 'none';
     } 
}

If the value is Banner impressions it will fill email_div with the txt and make the div display and show. If it isn't then the div will not display and will be hidden.

asgsoft · 01-03-2007, 05:28 AM

Still doesn't work.

Here is a link http://asgsoft.net/form/form.php

Matthew. · 01-03-2007, 05:41 AM

Right that helped

Look at your option again:

Code:

<option value="banner">Banner Impressions</option>

See the value is actually banner not Banner Impressions, so we change this line:

Code:

if(document.form1.type.value = "Banner Impressions")

To:

Code:

if(document.form1.type.value == "banner")

(also note the == which we both missed)

PHP Code:

  function showField(email_div) 

{ 

    if(document.form1.type.value == "banner") 

    { 

          var txt = '<p>Banner Location:<input type="text" name="bannerloc" value="" onfocus="this.value=\'\';" /></p>'; 

        document.getElementById(email_div).innerHTML = txt; 

        document.getElementById(email_div).style.display = 'block';

     } 

     else 

     { 

          document.getElementById(email_div).style.display = 'none';

     } 

}

asgsoft · 01-03-2007, 07:41 AM

thanks a lot. That's fixed now.

Can you have a look at the price section?

http://asgsoft.net/form/form.php

It should make the price change, it only works when i have one price set, when I have all of them then it doesn't work.

Where have i gone wrong?

01-03-2007, 04:26 AM	#1 (permalink)
asgsoft NamePros Regular Join Date: Sep 2005 Location: At Home Posts: 846 45.10 NP$ (Donate)	Show and hide a textfield based on a selectbox I am using this JS to show and hide a textbox when the value for the select box changes. It shows the textbox alright, but when I want to hide it it won't. Here is what I have: Code: function showField(email_div) { var txt = ""; if(document.form1.type.value = "Banner Impressions") { txt += "<p>Banner Location:<input type='text' name='bannerloc' value='<?php echo $firstname; ?>' onfocus=\"this.value='';\" /></p>"; document.getElementById(email_div).innerHTML = txt; } else { txt = null; document.getElementById(email_div).innerHTML = nill; } } Where have I gone wrong? __________________ Free SEO and Domain tools \|Best Rugby Tactics Moves and Drills\| Your Source to expired domains & tips :rolleyes:

01-03-2007, 04:37 AM	#2 (permalink)
Matthew. Stud Sausage Join Date: Dec 2006 Location: England Posts: 1,546 34.41 NP$ (Donate)	Hi asgsoft. Can i assume email_div is the layer you wish to hide? Technically you are not hiding anything here, in affect you are you are removing it. Remember that is is null not nill btw PHP Code: function showField(email_div) { if(document.form1.type.value = "Banner Impressions") { var txt = '<p>Banner Location:<input type="text" name="bannerloc" value="<?php echo $firstname; ?>" onfocus="this.value=\'\';" /></p>'; document.getElementById(email_div).innerHTML = txt; } else { document.getElementById(email_div).innerHTML = null; /* This line would actually hide the div instead of erasing the contents @ document.getElementById(email_div).style.display = 'none'; */ } } Try that. If not can your provide an example of how you are using this please. __________________ My NamePros Tools (firefox plugin, google gadget etc)

01-03-2007, 04:40 AM	#3 (permalink)
asgsoft NamePros Regular Join Date: Sep 2005 Location: At Home Posts: 846 45.10 NP$ (Donate)	It still doesn't hide the div. __________________ Free SEO and Domain tools \|Best Rugby Tactics Moves and Drills\| Your Source to expired domains & tips :rolleyes:

01-03-2007, 05:28 AM	#6 (permalink)
asgsoft NamePros Regular Join Date: Sep 2005 Location: At Home Posts: 846 45.10 NP$ (Donate)	Still doesn't work. Here is a link http://asgsoft.net/form/form.php __________________ Free SEO and Domain tools \|Best Rugby Tactics Moves and Drills\| Your Source to expired domains & tips :rolleyes:

01-03-2007, 05:41 AM	#7 (permalink)
Matthew. Stud Sausage Join Date: Dec 2006 Location: England Posts: 1,546 34.41 NP$ (Donate)	Right that helped Look at your option again: Code: <option value="banner">Banner Impressions</option> See the value is actually banner not Banner Impressions, so we change this line: Code: if(document.form1.type.value = "Banner Impressions") To: Code: if(document.form1.type.value == "banner") (also note the == which we both missed) PHP Code: `function showField(email_div) { if(document.form1.type.value == "banner") { var txt = '<p>Banner Location:<input type="text" name="bannerloc" value="" onfocus="this.value=\'\';" /></p>'; document.getElementById(email_div).innerHTML = txt; document.getElementById(email_div).style.display = 'block'; } else { document.getElementById(email_div).style.display = 'none'; } }` __________________ My NamePros Tools (firefox plugin, google gadget etc)

01-03-2007, 07:41 AM	#8 (permalink)
asgsoft NamePros Regular Join Date: Sep 2005 Location: At Home Posts: 846 45.10 NP$ (Donate)	thanks a lot. That's fixed now. Can you have a look at the price section? http://asgsoft.net/form/form.php It should make the price change, it only works when i have one price set, when I have all of them then it doesn't work. Where have i gone wrong? __________________ Free SEO and Domain tools \|Best Rugby Tactics Moves and Drills\| Your Source to expired domains & tips :rolleyes: Last edited by asgsoft; 01-03-2007 at 08:00 AM.

Currently Active Users Viewing This Thread: 1 (0 members and 1 guests)