Discussion :

[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.

merci pour votre aide

[karbos]

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.

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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);
//...