login  Naam:   Wachtwoord: 
Registreer je!
 Forum

Stijl veranderen bij disabled

Offline Joel - 26/06/2005 17:49 (laatste wijziging 26/06/2005 17:50)
Avatar van JoelEigenaar Hey

Is het mogelijk om de stijl van een button te wijzigen als hij disabled is?

http://www.sitemasters.be/images/disabled.JPG

Hier zien jullie duidelijk de verschillen bij het cijfer 5 (de achtergrondkleur is gewoon anders). Ik zou eigelijk willen dat er geen verschil is tussen beiden, ook al is de andere disabled.

Bedankt

15 antwoorden

Gesponsorde links
Offline pj_muller00 - 26/06/2005 17:52
Avatar van pj_muller00 PHP interesse Met behulp van CSS ?
Offline Joel - 26/06/2005 17:52
Avatar van Joel Eigenaar Inderdaad
Offline Rens - 26/06/2005 18:00
Avatar van Rens Gouden medaille

Crew algemeen		 in firefox werkt het zo:

php code - Bekijk de code zonder highlighting - Klap code in 
  1. .button
  2. {
  3. 	border:				1px solid #000000;
  4. 	height:				50px;
  5. 	width:				50px;
  6. 	color:				black;
  7. 	background-color:	yellow;
  8. }
  9.  
  10. <input type='button' name='button' value='5' class='button'>
  11. <input type='button' name='button' value='5' class='button' disabled>


Maar in IE werkt ie niet mee.
Daar blijft de 5 die grijze kleur behouden...
Offline Maarten - 26/06/2005 18:18
Avatar van Maarten Erelid Waarom heb je het nodig? Anders is er vast wel een alternatief 
Offline Rens - 26/06/2005 18:22 (laatste wijziging 26/06/2005 18:24)
Avatar van Rens Gouden medaille

Crew algemeen		 Nog een manier (niet erg handig, maar het kan wel):
Maak enkele css classes, stel daar per class een aparte background-image in.
Die image bevat dan de waarde voor de button.

php code - Bekijk de code zonder highlighting - Klap code in 
  1. <style type="text/css">
  2. .button
  3. {
  4.     border:				1px solid #000000;
  5.     height:				40px;
  6.     width:				40px;
  7.     color:				black;
  8.     background-image:	url('5.JPG');
  9. }
  10. </style>
  11. <input type='button' name='button' value='' class='button'>
  12. <input type='button' name='button' value='' class='button' disabled>
Offline timmie_loots - 26/06/2005 18:29 (laatste wijziging 26/06/2005 18:32)
Avatar van timmie_loots PHP gevorderde ehh, readonly?

EDIT:

Hmm, bedoel je nou button of tekstveld?
Wat je laat zien is volgens mij een tekstveld, of is dat het idee van de style?

Bij een tekstveld kun je dit doen:

php code - Bekijk de code zonder highlighting - Klap code in 
  1. <input type="text" name="blaat" readonly="readonly" />
Offline Rens - 26/06/2005 18:32
Avatar van Rens Gouden medaille

Crew algemeen		 Joël bedoeld een button:

Citaat:
Is het mogelijk om de stijl van een button te wijzigen als hij disabled is?
Offline Disa - 26/06/2005 18:44
Avatar van Disa PHP interesse Gebruik gewoon javascript en css daarvoor ? Ik ken het niet echt vanbuiten maar het zou iets in deze trend kunnen zijn:
function ChangeStyle(id) {
a = GetElementById(id);
if (a.selected) {
a.border="...."
}
else {
...
}
}
zoiets in die trend?

- Disa
Offline timmie_loots - 26/06/2005 19:32 (laatste wijziging 26/06/2005 19:32)
Avatar van timmie_loots PHP gevorderde
Citaat:
Joël bedoeld een button:


Ja, dat zei hij wel, maar hij laat vervolgens een voorbeeld zien dat op een tekstveld lijkt. Als je het dan zo wilt, dan kun je ook gewoon een aanklikbaar tekstveld maken met JS.
Offline BonMarche - 26/06/2005 19:45
Avatar van BonMarche PHP beginner
Citaat:
maar hij laat vervolgens een voorbeeld zien dat op een tekstveld lijkt.
dat is toch echt overduidelijk een hele normale button. misschien tijd voor een bril?
Offline BigBug - 26/06/2005 20:01
Avatar van BigBug PHP expert maak anders er een plaatje ervan, dan heb je er geen last van met browserverschillen 
Offline Dennis - 26/06/2005 20:42
Avatar van Dennis Gouden medaille

Grafische expert
php code - Bekijk de code zonder highlighting - Klap code in 
  1. <SCRIPT language="JavaScript">
  2. document.NaamVanDeForm.Submit.disabled=true;
  3. </SCRIPT>


Verander gewoon:
NaamVanDeForm, en evt 'Submit'.
Offline Fenrir - 26/06/2005 21:57
Avatar van Fenrir PHP expert Dat kan in firefox:

php code - Bekijk de code zonder highlighting - Klap code in 
  1. button[disabled="disabled"]
  2. {
  3. font: ....;
  4. /*etc*/
  5. }


Maar in IE gaat dat niet werken. Misschien kun je een javascript maken dat alle buttons langsgaat, en als de button disabled is er een class="disabled" bij zetten?

Ik kan zoiets niet maken, maar als je je een beetje verdiept in DOM-Scripting is dat een eitje.
Offline Frederic - 26/06/2005 22:59
Avatar van Frederic PHP ver gevorderde Ik gebruik readonly, en dan krijg je perfect dezelfde buttons, alleen kan je met de andere niets doen 
Offline timmie_loots - 27/06/2005 11:21
Avatar van timmie_loots PHP gevorderde
Citaat:
dat is toch echt overduidelijk een hele normale button. misschien tijd voor een bril?


Dat plaatje wat hij laat zien is nou niet echt duidelijk een button. Ik weet niet wat jij draait, maar bij mij zie een button er heel anders uit. Zoals hij het nu heeft kan hij beter een tekstveld met javascript onclickje gebruiken.
Gesponsorde links
Dit onderwerp is gesloten.
Actieve forumberichten
© 2002-2024 Sitemasters.be - Regels - Laadtijd: 0.231s