Discussion :

[siempre]

Bonjour,

Je voulais dessiner un ellipse ou une cercle dans ma page web ASP.NET.
Mais, je n'ai pas trouvé un contrôle rassemble à mon besoin.
Après le choix de ce contrôle, je dois affecter une valeur à ce contrôle car je vais tester cette valeur après dans le traitement.

Que proposez vous ?

Merci.

[Pongten]

Il n'y a pas moyen de "dessiner" dans une page HTML autrement que d'y insérer une image.

Maintenant, tu peux créer ton image avec GDI+, y dessiner ton ellipse, puis intégrer cette image dans la page.

[lutecefalco]

On doit pouvoir dessiner en javascript, non?

[theMonz31]

oui tu peux aussi soit faire une applet java soit faire un activeX.

Seul inconvénient de l'activeX, seul InternetExplorer le supportera

[Pongten]

On doit pouvoir dessiner en javascript, non?

Non, en tout cas pas au sens dessiner une ellipse ou autre forme...

[joKED]

En javascript, on peut dessiner : Librairie Walter Zorn

Bon, j'admets, ce n'est pas du dessin au sens strict du terme, mais ça fonctionne plutôt très bien.

[siempre]

Il n'y a pas moyen de "dessiner" dans une page HTML autrement que d'y insérer une image.

Si j'insère une image alors comment affecter une valeur à chaque fois à cet image car il n' y pas ceci dans la liste des propriétés de l'image ?

[Immobilis]

Salut,

Le plus simple serait déjà de dire ce dont tu as besoin exactement.

Si tu veux des graphiques interactifs il faudra passer par un composant spécifique car ce n'est pas supporté nativement en ASP.Net.

A+

[siempre]

Bonjour,

Je voulais faire des indicateurs.
J'ai 4 indicateurs:A, B, C et D.
A chaque fois ces indicateurs changent de valeur alors leur couleur change.
par exemple:
- si la valeur de A est < 100 alors il devient vert
- si la valeur de A est entre 100 et 200 alors il devient jaune
- si la valeur de A est > 200 alors il devient rouge

Pouvez vous m'aidez à résoudre ce problème ?

Merci.

[Immobilis]

bah il suffit de choisir une image diffférente ou appliquer une classe de style.
- si A est < 100 alors <img src="/vert.gif" />
- si A est entre 100 et 200 alors <img src="/jaune.gif" />
- si A est > 200 alors <img src="/rouge.gif" />
ou bien
- si A est < 100 alors <div class="vert">...</div>
- si A est entre 100 et 200 alors <div class="jaune">...</div>
- si A est > 200 alors <div class="rouge">...</div>

A+

[siempre]

Bonjour,

On utilise seulement d'images mais où les valeurs vont s'afficher ?

C'est possible d'utiliser 3 boutons. Si le bouton change de valeur alors il change de couleur.
Est ce que le contrôle bouton admet comme propriétés: valeur et couleur?

Pouvez vous proposez votre idée par un pseudo code pour comprendre mieux ?


Merci.

[Philippe Vialatte]

On utilise seulement d'images mais où les valeurs vont s'afficher ?

Bah, a cote, par exemple, ce n'est pas parce que tu as des images que tu ne peux pas mettre de texte a cote

C'est possible d'utiliser 3 boutons. Si le bouton change de valeur alors il change de couleur.
Est ce que le contrôle bouton admet comme propriétés: valeur et couleur?

Quand tu dis valeur, tu parles de texte ? Si oui, tu peux changer la couleur de ton bouton comme son texte sans pb.

Par contre, en tant qu'utilisateur, si mon indicateur est un bouton, je comprends que je peux cliquer dessus, est-ce que c'est ce que tu veux faire ?

Pouvez vous proposez votre idée par un pseudo code pour comprendre mieux ?

Du pseudo-code...comme ca ? :

- si A est < 100 alors <img src="/vert.gif" />
- si A est entre 100 et 200 alors <img src="/jaune.gif" />
- si A est > 200 alors <img src="/rouge.gif" />

[siempre]

Par contre, en tant qu'utilisateur, si mon indicateur est un bouton, je comprends que je peux cliquer dessus, est-ce que c'est ce que tu veux faire ?

C'est çà mon problème. Je ne voulais pas un bouton. Je voulais faire 4 indicateurs de performance concernant le coût de projet.
J'ai 4 indicateurs A, B, C et D.
Prenons par exemple A (la même chose pour B, C et D):
Si A change de valeur(texte) alors selon cette valeur sa couleur change.

Je souhaite que vous m'aidez.

Merci.

[CUCARACHA]

Tu pourras faire un tableau à largeur fixe , par exemple 400px contenant 4 lignes d'une cellule chacune.

Dans chaque cellule, tu mets un div dont la largeur, exprimée en pourcentage et correspond à ton indicateur.

Tu ajustes la couleur (en fait tu crée une classe de style par tranche).

++

Laurent

[CUCARACHA]

Tu peux dessiner un cercle en magouillant un peu le css border-radius (sur un navigateur de notre époque)

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
14
.myDiv
        {
            width: 100px;
            height: 100px;
            -moz-border-radius-topleft: 50px;
            -webkit-border-top-left-radius: 50px;
            -moz-border-radius-topright: 50px;
            -webkit-border-top-right-radius: 50px;
            -moz-border-radius-bottomleft: 50px;
            -webkit-border-bottom-left-radius: 50px;
            -moz-border-radius-bottomright: 50px;
            -webkit-border-bottom-right-radius: 50px;
            background-color: #0000FF;
        }

ça dessine un cercle mais pas dans IE

++

Laurent

[topolino]

Pourquoi ne pas utiliser du flash ? c'est le plus simple, interactif, jolie et propre.

Sinon tu mets dans un tableaux des image de 1 pixel de haut que tu agrandis en javascript

[siempre]

Tu pourras faire un tableau à largeur fixe , par exemple 400px contenant 4 lignes d'une cellule chacune.

Dans chaque cellule, tu mets un div dont la largeur, exprimée en pourcentage et correspond à ton indicateur.

Tu ajustes la couleur (en fait tu crée une classe de style par tranche).

Pouvez vous détailler encore votre idée ou mettant un pseudo code pour comprendre mieux?

[CUCARACHA]

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
22
23
24
25
26
27
28
29
30
 
        <table>
            <tr>
                <td style="width: 100px; height: 18px;">
                    param 1
                </td>
                <td style="width: 400px; height: 18px;">
                    <div style="width: 40%; height: 18px; background-color: #00FF00">
                    </div>
                </td>
            </tr>
            <tr>
                <td style="width: 100px; height: 18px;">
                    param 2
                </td>
                <td style="width: 400px; height: 18px;">
                    <div style="width: 50%; height: 18px; background-color: #FF0000">
                    </div>
                </td>
            </tr>
            <tr>
                <td style="width: 100px; height: 18px;">
                    param 3
                </td>
                <td style="width: 400px; height: 18px;">
                    <div style="width: 90%; height: 18px; background-color: #0000FF">
                    </div>
                </td>
            </tr>
        </table>

Il suffit de remplacer les % par les valeurs en % des indicateurs.

++
Laurent

[siempre]

Il suffit de remplacer les % par les valeurs en % des indicateurs.

Pardon, Je n'ai pas compris.
Pouvez m'expliquez encore?

Merci.