Version imprimable
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.
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.
On doit pouvoir dessiner en javascript, non?
oui tu peux aussi soit faire une applet java soit faire un activeX.
Seul inconvénient de l'activeX, seul InternetExplorer le supportera :(
Non, en tout cas pas au sens dessiner une ellipse ou autre forme...Citation:
Envoyé par lutecefalco
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.
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 ?Citation:
Il n'y a pas moyen de "dessiner" dans une page HTML autrement que d'y insérer une image.
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+
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.
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+
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.
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 ;)Citation:
Envoyé par siempre
Quand tu dis valeur, tu parles de texte ? Si oui, tu peux changer la couleur de ton bouton comme son texte sans pb.Citation:
Envoyé par 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 ?
Du pseudo-code...comme ca ? :Citation:
Pouvez vous proposez votre idée par un pseudo code pour comprendre mieux ?
Citation:
Envoyé par Immobilis
C'est çà mon problème. Je ne voulais pas un bouton. Je voulais faire 4 indicateurs de performance concernant le coût de projet.Citation:
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 ?
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.
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
Tu peux dessiner un cercle en magouillant un peu le css border-radius (sur un navigateur de notre époque)
ça dessine un cercle mais pas dans IECode:
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; }
++
Laurent
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
Pouvez vous détailler encore votre idée ou mettant un pseudo code pour comprendre mieux?Citation:
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).
Il suffit de remplacer les % par les valeurs en % des indicateurs.Code:
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>
++
Laurent
Pardon, Je n'ai pas compris.Citation:
Il suffit de remplacer les % par les valeurs en % des indicateurs.
Pouvez m'expliquez encore?
Merci.