Roastbeef: Farben von Formularfeldern ändern

Hi,

ich möchte bei einem Forumlar die farben und den Stil der Felder veränder wie z.b. auf dieser Website:

http://www.welnet4u.de/anzeigen.php?hilfe&onlinesupport&gast=1&w=1024

Könnt ihr mir sagen wie das geht??

Thx,
Roast

  1. hi,
    hättst doch einfach mal im quelltext schauen können.. so haben die es gemacht:

    function FocusCol(obj){
     if (document.getElementById || document.all){
      obj.style.backgroundColor="#E7EFF7";
     }
    }

    in die textarea:

    onFocus="FocusCol(this);"

    gruss
    moejoe

    1. hmnm... ja..wusste nur nicht genau ob es das wirklich war...

      nun hock ich halt davor und hab net so recht ne ahnung wo genau ich das alles einsetzen muss.. kannste mir das nöch sagen? wäre echt klasse..

      hier ist mein quelltext:

      <html>
      <head>
      <title>Untitled Document</title>
      <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
      <link href="../timstyle.css" rel="stylesheet" type="text/css">
      </head>

      <body leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">
      <table width="770" height="300" border="0" align="center" cellpadding="0" cellspacing="0">
        <tr>
          <td height="100" align="center" valign="top"><table height="357" width="770" border="0" cellspacing="0" cellpadding="0">
              <tr>
                <td width="1" bgcolor="#000000"><img src="../images/trans_g.gif"></td>
                <td width="540" align="center" valign="top" bgcolor="fcf9ee">
                  <form name="form1" method="post" action="">
                    <table width="668" border="0" align="center" cellpadding="0" cellspacing="15">
                      <tr>
                        <td width="32%" align="center" valign="top"><span class="tw">Name:</span>
                          <input type="text" name="textfield"> <br> <br> </td>
                        <td width="32%" align="left" valign="top" class="tw"> E-Mail:
                          <input type="text" name="textfield2"> </td>
                        <td width="36%" align="left" valign="top"><span class="tw">Handy:
                          </span> <input type="text" name="textfield3"></td>
                      </tr>
                      <tr align="left">
                        <td height="140" colspan="4" valign="top"><textarea name="textarea" cols="80" rows="10"></textarea></td>
                      </tr>
                    </table>
                  </form></td>
                <td width="1" bgcolor="#000000"><img src="../images/trans_g.gif"></td>
              </tr>
            </table></td>
        </tr>
      </table>
      </body>
      </html>

      1. hallo,

        die funktion kommt in eine <script></script> anweisung im <head> und den aufruf hab ich jetzt einfach mal bei allen textfeldern und textareas eingesetzt.

        gruss
        moejoe

        <html>
        <head>
        <title>Untitled Document</title>
        <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
        <link href="../timstyle.css" rel="stylesheet" type="text/css">

        <script language="javaScript">
        function FocusCol(obj){
         if (document.getElementById || document.all){
          obj.style.backgroundColor="#E7EFF7";
         }
        }
        </script>

        </head>

        <body leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">
        <table width="770" height="300" border="0" align="center" cellpadding="0" cellspacing="0">
          <tr>
            <td height="100" align="center" valign="top"><table height="357" width="770" border="0" cellspacing="0" cellpadding="0">
                <tr>
                  <td width="1" bgcolor="#000000"><img src="../images/trans_g.gif"></td>
                  <td width="540" align="center" valign="top" bgcolor="fcf9ee">
                    <form name="form1" method="post" action="">
                      <table width="668" border="0" align="center" cellpadding="0" cellspacing="15">
                        <tr>
                          <td width="32%" align="center" valign="top"><span class="tw">Name:</span>
                            <input type="text" name="textfield" onFocus="FocusCol(this);"> <br> <br> </td>
                          <td width="32%" align="left" valign="top" class="tw"> E-Mail:
                            <input type="text" name="textfield2" onFocus="FocusCol(this);"> </td>
                          <td width="36%" align="left" valign="top"><span class="tw">Handy:
                            </span> <input type="text" name="textfield3" onFocus="FocusCol(this);"></td>
                        </tr>
                        <tr align="left">
                          <td height="140" colspan="4" valign="top"><textarea name="textarea" cols="80" rows="10" onFocus="FocusCol(this);"></textarea></td>
                        </tr>
                      </table>
                    </form></td>
                  <td width="1" bgcolor="#000000"><img src="../images/trans_g.gif"></td>
                </tr>
              </table></td>
          </tr>
        </table>
        </body>
        </html>

        1. Hi,

          und wie kann man den eingegeben Text formatieren? (Größe und Stil)
          und wie kann ich darin eine function (javascript) aufrufen, die dann
          ein errechnenten Wert angiebt?

          danke für Eure Hilfe!!!!!!!!!!!!!!!!!

          mfg chris

          1. Hi cyberchris,

            und wie kann ich darin eine function (javascript) aufrufen, die dann
            ein errechnenten Wert angiebt?

            definiere "dann" (in Form eines JavaScript-Event).

            Viele Grüße
                  Michael

            --
            T'Pol: I apologize if I acted inappropriately.
            V'Lar: Not at all. In fact, your bluntness made me reconsider some of my positions. Much as it has now.