comment afficher une icone a la droite d'un textBox

Citation:

Envoyé par lylli

bonjour a tous,
j'utlise GWT 2.4 sous eclipse 3.7

j'ai creer un petit formulaire, j'aire afficher une icone a coté d'un champ lorsque les données saisies sont erronées.

dans mon fichier .css j'ai ceci:
.yellowBorder {
border: 2px solid yellow;}
.yellowBorder:after{
content: url(com.mycompany.project.ImageViewer/js/ext/resources/images/gray/window/icon-error.gif);
}

dans ma classe .java j'ai fait ceci:
public void empty(TextBox t){
t.setStylePrimaryName("yellowBorder"); t.addStyleDependentName("yellowBorder :after");

}

final TextBox textBox_5 = new TextBox();
textBox_5.addBlurHandler(new BlurHandler() {
public void onBlur(BlurEvent event) {
if(textBox_5.getText().isEmpty()){
empty(textBox_5);
}
}
});
absolutePanel.add(textBox_5, 166, 217);

mais l'image ne s'affiche pas que je teste le programme, le textBox devient jaune.
je ne sais pa ce qui ne va pas avec mon code.:cry:

merci pour votre aide

Si j'ai bien compris ce que tu essaies de faire ici, je crois que tu utilises mal la notion de style dépendant...
Ça aurait été plus simple de définir une autre classe CSS comme ceci :
Code:

1 2 3 4 5 .yellowBorder { border: 2px solid yellow;} .fire{ content: url(com.mycompany.project.ImageViewer/js/ext/resources/images/gray/window/icon-error.gif); }
Après tu utilises les méthodes .addStyleName("fire") et .removeStyleName("fire") pour gérer l'aspect de ta textBox...
Code:

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 public void empty(TextBox t){ t.addStyleName("fire"); } public void notEmpty(TextBox t){ t.removeStyleName("fire"); } //...plus loin dans le conbstructeur ou la méthode onLoad()... final TextBox textBox_5 = new TextBox(); //style par défaut textBox_5.setStylePrimaryName("yellowBorder"); textBox_5.addBlurHandler(new BlurHandler() { public void onBlur(BlurEvent event) { if(textBox_5.getText().isEmpty()){ empty(textBox_5); } else { notEmpty(textBox_5); } } }); absolutePanel.add(textBox_5, 166, 217); //...