Discussion :

[Lsong]

Bonjour,

Je découvre un peu GWT et j’essaye d'afficher une image en fond d'une Div

J'ai écrit ça dans mon objet représentant la Div en question :

Code :

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

1
2
3
4
    public void setBGImage (String bgImage){
        this.bgImage = bgImage;
        getElement().getStyle().setBackgroundImage(bgImage);
    }

Dans le constructeur je l'ai initialisé avec ça

Code :

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

 this.setBGImage("url(\"images/corner.png\")");

Évidement, j'ai mis l'image dans le war/nomDeMonAppli/images/
Autant les autres variables du type setBackgroundColor fonctionnent, autant celle-là non. Je pense que c'est quelque chose de basique mais je ne vois pas pourquoi ça ne marche pas.

Quelqu'un saurait-il m'expliquer d'où vient le problème ?

Merci d'avance pour votre aide.

[Doc.Fusion]

Pourquoi déclarer le style dans le code Java ?

Il ne serait pas plus simple de faire un

Code :

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

addStyleName("nomStyle");

avec

Code :

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

1
2
3
.nomStyle {
/* liste des propriétés de ta div */
}

Sinon, à vue de nez, ton souci est que ton image est dans war/nomDeMonAppli/images/ et non pas war/images ...

[Lsong]

Pour le moment je ne fais que tester.

J'ai fini par trouver une solution en regardant dans le code Javascript généré et en fait c'est le répertoire dans lequel j'ai mis l'image qui n’était pas de bon.

Et la syntaxe sans guillemet supplémentaire

Code :

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

this.setBGImage("url("+GWT.getModuleBaseURL() + "images/DSCN0832.JPG)");

Et l'image doit être dans le répertoire monAppli/images/ et non pas dans le répertoire monAppli/WAR/monAppli/images

[valkeke]

Il ne serait pas plus simple de faire un
Code :

Code :

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

1
2
 
addStyleName("nomStyle");

je pense que c'est bien mieux d'utiliser la CSS(utilisation également du bundle car préconisé depuis la 2.0) pour l'affichage, pour réaliser ce que tu veux faire, c'est son job à la CSS avec également

Code :

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

setStyleName("nomStyle")