login  Naam:   Wachtwoord: 
Registreer je!
 Forum

Disabled en enabled button anders

Offline Dark_Paul - 19/06/2006 20:10
Avatar van Dark_PaulPHP ver gevorderde ik heb een button zelf gemaakt zegma, css code hieronder. hoe kan ik maken dat de button een andere class heeft als ie disabled is? want nu zie je het verschil niet omdat ie al de class 'submit' meekrijgt. class zou dus moeten veranderen in 'disabled'. ik heb ook al geprobeerd om de style="color:.." te laten aanpassen, maar kwam ik niet uit. er was een soortgelijk topic hierover, maar daar kon ik 't antwoord niet in vinden (tenminste, dat werkte niet bij mij).
De functie zoals ie nu is:
  1. function Buttonblock()
  2. {
  3. var name = document.Guestbook.Name;
  4. var name_val = name.value;
  5. var message = document.Guestbook.Message;
  6. var message_val = message.value;
  7. var submit = document.Guestbook.submit;
  8.  
  9. if (trim(name_val) != "" && trim(message_val) != "")
  10. {
  11. submit.disabled = false;
  12. submit.style.style.color = '#C7C7C7';
  13. submit.focus();
  14. }
  15. else
  16. {
  17. submit.disabled = true;
  18. }
  19. }

de knop:
  1. <INPUT TYPE="submit" NAME="submit" VALUE=" Send " CLASS="submit" STYLE="color:'#000000';" DISABLED="disabled">

ik wil gewoon heel simpel, tekstkleur zwart als ie disabled is, tekstkleur C7C7C7 als ie enabled is.

3 antwoorden

Gesponsorde links
Offline Rens - 19/06/2006 20:14
Avatar van Rens Gouden medaille

Crew algemeen
Regel 12, staat 2 keer style?
Offline Dark_Paul - 19/06/2006 20:33
Avatar van Dark_Paul PHP ver gevorderde jah, weet ik, maar was hier ook:http://www.sitemasters.be/?pagina=forum/index&ond=reply&cat=3&id=15191
in de reply van BramBo.
je hebt trouwens gelijk, met 1 keer doet ie 't wel. maar hij doet nog vaag. met FF veranderd de grootte van de knop, en met IE doet ie helemaal raar :S ik moet dus gewoon de class veranderen, maar dat lukt me niet.
  1. function Buttonblock()
  2. {
  3. var name = document.Guestbook.Name;
  4. var name_val = name.value;
  5. var message = document.Guestbook.Message;
  6. var message_val = message.value;
  7. var submit = document.Guestbook.submit;
  8.  
  9. if (trim(name_val) != "" && trim(message_val) != "")
  10. {
  11. submit.disabled = false;
  12. submit.class = "submit";
  13. submit.focus();
  14. }
  15. else
  16. {
  17. submit.disabled = true;
  18. submit.class = "disabled";
  19. }
  20. }

de knop heeft al als class 'disabled' meegekregen.
Offline BramBo - 20/06/2006 09:28
Avatar van BramBo JS gevorderde hehe oeps, zie het nu ook. Één keer .style is voldoen.
Echter is de juiste syntax .classname = ''; en niet .class 

Gesponsorde links
Dit onderwerp is gesloten.
Actieve forumberichten
© 2002-2024 Sitemasters.be - Regels - Laadtijd: 0.203s