Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

 
 Reply to this topicStart new topic
> Formularz.
Miko6
post
Post #1





Grupa: Zarejestrowani
Postów: 52
Pomógł: 0
Dołączył: 21.08.2003

Ostrzeżenie: (0%)
-----

Jak ustawić w stylach, żeby dla wszystkich pól text w formularzu były jakieś określone kolory, ale tak żeby nie wpisywać wszędzie CLASS="nazwa"?
Go to the top of the page
+Quote Post
mike
post
Post #2





Grupa: Przyjaciele php.pl
Postów: 7 494
Pomógł: 302
Dołączył: 31.03.2004

Ostrzeżenie: (0%)
----- 

[HTML] pobierz, plaintext 
  1. <style>
  2. input {
  3.     height: 16px;
  4.     padding: 2px;
  5.     border: #cdcdcd solid 1px;
  6.     background-color: #ffffff;
  7.     font: 11px Verdana, Tahoma, Sans-Serif;
  8. }
  9. </style>
  10.  
  11. <form action="" method="post">
  12. <input type="text" name="login" value="" />
  13. <input type="password" name="pass" value="" />
  14. <input type="submit" name="submit" value="Zaloguj" />
  15. </form>
[HTML] pobierz, plaintext


tylko że wszystkie elementy input będe miały ten styl. Żeby niektóym nadać inny musisz nadpisać klasy dla nich.
Go to the top of the page
+Quote Post
Miko6
post
Post #3





Grupa: Zarejestrowani
Postów: 52
Pomógł: 0
Dołączył: 21.08.2003

Ostrzeżenie: (0%)
-----

To wiem jak zrobić, ale mi zależało na tym aby tylko pole text mialo zmieniony styl i żeby nie ustawiać dla submit osobnego stylu.
Go to the top of the page
+Quote Post
mike
post
Post #4





Grupa: Przyjaciele php.pl
Postów: 7 494
Pomógł: 302
Dołączył: 31.03.2004

Ostrzeżenie: (0%)
-----

Zaznaczam że jest to mój pierwszy skrtpt JS, jaki napisałem (IMG:http://forum.php.pl/style_emoticons/default/tongue.gif) może nie działać, tym bardzej że go nie testowałem (IMG:http://forum.php.pl/style_emoticons/default/tongue.gif)

plik plik.js
Kod
function externalTexts()
{
    if( ! document.getElementsByTagName )
        return;

    var inputs = document.getElementsByTagName( "<input>" );

    for( var i=0; i < inputs.length; i++ )
    {
        var input = inputs[i];

        if( input.getAttribute( "type" ) == "text" )
            anchor.className = "klasa";
    }
}

window.onload = externalTexts;


[HTML] pobierz, plaintext 
  1. <html>
  2. <script type="text/javascript" src="plik.js"></script>
  3. <body>
  4. <form action="#" method="post">
  5. <input type="text" value="" />
  6. </form>
  7.  
  8. </body>
  9. </html>
[HTML] pobierz, plaintext
Go to the top of the page
+Quote Post
sf
post
Post #5





Grupa: Zarejestrowani
Postów: 1 597
Pomógł: 30
Dołączył: 19.02.2003
Skąd: Tychy

Ostrzeżenie: (0%)
-----

Cytat(Miko6 @ 2005-08-31 18:20:10)
To wiem jak zrobić, ale mi zależało na tym aby tylko pole text mialo zmieniony styl i żeby nie ustawiać dla submit osobnego stylu.

Takie cos mozna zrobic poprzez ustawiennie :
[HTML] pobierz, plaintext 
  1. input[type="text"] { color: #ddd; }
[HTML] pobierz, plaintext

Zgodne z CSS2.1. Nie obsługuje tego jednak IE.
Go to the top of the page
+Quote Post
FiDO
post
Post #6





Grupa: Przyjaciele php.pl
Postów: 1 717
Pomógł: 0
Dołączył: 12.06.2002
Skąd: Wolsztyn..... Studia: Zielona Góra

Ostrzeżenie: (0%)
-----

Gdyby wszystkie przegladarki wspieraly dobrze CSS2 to moznaby zrobic to za pomoca:
Kod
input[type="text"] {
    background-color: white;
    color: black;
}


Niestety tak dobrze nie ma, bo IE ma to gdzies :/ wiec albo pobawisz sie klasami albo JS. Ja osobiscie robie tak, ze wszystkim inputom nadaje styl, ktory chce miec w polach textowych, a innym typom nadaje klasy (np. przyciskom), pol tekstowych jest z teguly najwiecej, wiec w ten sposob oszczedzam na pisaniu wiekszej ilosci klas.
Go to the top of the page
+Quote Post
Miko6
post
Post #7





Grupa: Zarejestrowani
Postów: 52
Pomógł: 0
Dołączył: 21.08.2003

Ostrzeżenie: (0%)
-----

mike_mech niestety ten js u mnie nie działa. FiDO też bym tak zrobił gdyby nie to, że ja edytuje osCommerce'a i nie chce mi sie w każdym formularzu tego zmieniać, a niestety troche ich jest. Zresztą bym musiał ich szukać po plikach.
Go to the top of the page
+Quote Post
« Następny starszy · Po stronie przeglądarki · Następny nowszy »
 

Reply to this topicStart new topic
2 Użytkowników czyta ten temat (2 Gości i 0 Anonimowych użytkowników)
0 Zarejestrowanych:

 

Tryb wyświetlania: Standardowy · Przełącz na: Linearny+ · Przełącz na: Drzewo

Śledź ten temat · Wyślij temat na e-mail · Wydrukuj ten temat · Subskrybuj to forum

RSS Aktualny czas: 25.08.2025 - 01:29
Powered By IP.Board © 2025  IPS, Inc.
All changes by PHP.pl Administrators
Hosting zapewnia NQ.pl hosting, trac, svn