Web Development

greendragons3-Nov-09 10:59

3-Nov-09 10:59

Yes it is done with opacity in css....
For mozilla and others it is
#id{
opacity: 0.4;
}

for IE it is
#id{
filter:alpha(opacity=40 );
}
so mix 'em up
#id{
opacity: 0.4;
filter:alpha(opacity=40 );
}

SRJ923-Nov-09 11:01

SRJ92

3-Nov-09 11:01

but that also turns my content to be translucent ... so how do i stop that ?

greendragons3-Nov-09 11:03

3-Nov-09 11:03

to simply stop
opacity:1 for mozilla

and for IE
filter:alpha( opacity:100 )

SRJ923-Nov-09 11:05

SRJ92

3-Nov-09 11:05

thanks for all your help :P

Oakman3-Nov-09 11:51

Soap Box 1.0: the first, the original, reborn troll-less

3-Nov-09 11:51

Put all of your content inside a div with a higher z-index.

Jon

Rob Graham wrote:
100% subsidies are very popular among the 50% of the population that pays no income tax...

Default TextBox Text.....

greendragons3-Nov-09 7:03

3-Nov-09 7:03

Hello,
I am trying to make a textbox with default text..as user clicks it should disappear.I succeeded in doing that but got struck while differing the classes of default text and user input...
here is my code
............................................................................................................
<html>
<head>
      <style>

          .hint{color:blue;}
          .real{color:black;}

      </style>
     <script type="text/javascript">
          window.onload = onchange;
          function foc(){
               if(this.value.length==0 || this.className=="hint"){
                    this.value="";
                    this.className=="real";
               }

          }
          function blur(){
               if(this.value.length==0){

                    this.className = "hint";
                    this.value="Enter";
               }

          }
          function onchange(){
               var text = document.getElementById("textbox1");

                    text.onfocus = foc;
                    text.onblur = blur;

            }
     </script>
</head>
<body>
        <input type="text" id="textbox1" class="hint" value="Enter"/>
</body>
</html>
..........................................................................................................

The problem is in function foc(), i want that if onfocus event rises then class of the textbox should change to real...but that's not happening and creating all trouble.
I want that the hint text should appear in blue and input in black. Also if user purposely enters the hint text as input then script should judge on classes not on text values. Like here hint text or default text is Enter....even if user input is Enter then that text should not disappear onblur...
THNX.

Not Active3-Nov-09 8:53

3-Nov-09 8:53

greendragons wrote:
want that the hint text should appear in blue and input in black.

Not possible in the same textbox at the same time

Basically you seem very confused as to how CSS and JavaScript actually work

I know the language. I've read a book. - _Madmatt

greendragons3-Nov-09 10:18

3-Nov-09 10:18

Then how this feature i have seen on many sites....there must be some way to create it...any ideas...

Not Active3-Nov-09 10:47

3-Nov-09 10:47

Just because you've seen something done doesn't mean it was done the way you think it was.

What you are asking for, applying two styles to the same textbox for two seperate pieces of text is not possible with HTML. With Flash or Silverlight it is.

I know the language. I've read a book. - _Madmatt

greendragons3-Nov-09 10:54

3-Nov-09 10:54

thnx for help...

Oakman3-Nov-09 12:03

Soap Box 1.0: the first, the original, reborn troll-less

3-Nov-09 12:03

Mark Nischalke wrote:
What you are asking for, applying two styles to the same textbox for two seperate pieces of text is not possible with HTML.

Set the background of the text box to transparent. Line it up directly over a label (maybe in a user control) Format the text of the textbox one way and the text on the label another. A kluge, but it'd meet the design parameters as written.

Jon

Rob Graham wrote:
100% subsidies are very popular among the 50% of the population that pays no income tax...

greendragons3-Nov-09 12:08

3-Nov-09 12:08

If u don't mind please write the code...
Thnx.

Not Active3-Nov-09 12:27

3-Nov-09 12:27

Hell, no!!! Mad | :mad:

Don't ask anyone else to do your work Mad | :mad:

I know the language. I've read a book. - _Madmatt

Oakman3-Nov-09 13:26

Soap Box 1.0: the first, the original, reborn troll-less

3-Nov-09 13:26

greendragons wrote:
If u don't mind please write the code...

I don't mind at all. As long as you don't mind depositing $100.00 in my bank account. I am a professional. I write code for money.

Jon

Rob Graham wrote:
100% subsidies are very popular among the 50% of the population that pays no income tax...

greendragons3-Nov-09 12:11

3-Nov-09 12:11

Ohhhhh i got it...sry i was little confused...Thnx..thtz quite tricky and defenitely will work...

Oakman3-Nov-09 14:58

Soap Box 1.0: the first, the original, reborn troll-less

3-Nov-09 14:58

the answer to the question you delighted is "z-index"

Jon

Rob Graham wrote:
100% subsidies are very popular among the 50% of the population that pays no income tax...

Not Active3-Nov-09 12:29

3-Nov-09 12:29

Oakman wrote:
A kluge,

To say the least Big Grin | :-D

I know the language. I've read a book. - _Madmatt

Oakman3-Nov-09 13:26

Soap Box 1.0: the first, the original, reborn troll-less

3-Nov-09 13:26

Kluge-R-Us

Jon

Rob Graham wrote:
100% subsidies are very popular among the 50% of the population that pays no income tax...

Aman Bhullar3-Nov-09 21:32

Aman Bhullar

3-Nov-09 21:32

Use

<html>
<head>
      <style>
       
          .hint{color:blue;}
          .real{color:black;}
         
      </style>
     <script type="text/javascript">
          window.onload = onchange;
          function foc(){
               if(this.value.length==0 || this.className=="hint"){
                    this.value="";
                    document.getElementById('textbox1').className = 'real';
                    //this.className=="real";
               }
              
          }
          function blur(){
               if(this.value.length==0){
                   document.getElementById('textbox1').className = 'hint';
                    //this.className = "";
                    this.value="Enter";
               }
              
          }
          function onchange(){
               var text = document.getElementById("textbox1");
                        
                    text.onfocus = foc;
                    text.onblur = blur;
         
            }         
     </script>
</head>
<body>
        <input type="text" id="textbox1" class="hint" value="Enter"/>
</body>
</html>

Regards
Aman Bhullar
www.arlivesupport.com[^]

greendragons4-Nov-09 0:57