Conversion d'Interface Graphique

C# to HTML/CSS

L'auteur de ce sujet a trouvé une solution à son problème.
Auteur du sujet

Bonjour,

J'ai récemment développé une interface graphique en Windows Form qui fonctionne assez bien.

Interface Windows Form

Grâce à l'Assembly ServicedComponent, je voudrais pouvoir utiliser mon code depuis un software qui utilise du JS, et dont les interfaces graphiques doivent être développées en HTML/CSS.

Il faut donc que je convertisse mon interface graphique codée en C# en HTML (langage que je connais très peu). Est-ce que des outils sont capables de le faire automatiquement ? Si non, des tutoriels à me conseiller ? Je ne sais pas vraiment comment m'y prendre, rien que le fait de récupérer le chemin d'un fichier xml me paraît bien compliqué.

Merci d'avance !

Édité par RedTheTweet

+0 -0

Salut !

Le fichier de définition de ton interface graphique se présente comment ? Windows Form utilise un format XML, non ? Dans ce cas, j'imagine qu'il doit bien exister de quoi convertir, et je ne serais pas nécessairement surpris que Visual Studio le fasse.

Evitez qu'on vous dise de les lire : FAQ PHP et Symfony 2Tutoriel WAMP • Cliquez 👍 pour dire merci • Marquez vos sujets résolus

+0 -0
Auteur du sujet

Le contenu ne ressemble pas du tout à de l'xml malheureusement. C'est vraiment des fichiers C#, l'un des fichiers est le contenu mon code, l'autre est le Designer.cs contenant les définitions, et le .resx je sais pas trop.

Édité par RedTheTweet

+0 -0

Salut,

Tu pourrais éventuellement créer une application Web Forms (Visual Web Developer). Tu pourras développer un page Web comme une application Windows Forms (en glissant des contrôles, etc…). Sinon, il n'y a rien de compliqué en HTML pur:

  • un champ de text : <input type="texte" />
  • un bouton : <input type="button" />
  • etc.

Le reste est géré avec JavaScript.

+1 -1
Auteur du sujet

Je m'étais lancé sur l'HTML pur justement, mais j'ai assez du mal à récupérer les variables qui m’intéressent (le chemin complet du fichier).

Côté HTML, j'ai par exemple quelque chose comme :

1
2
3
<script language="JavaScript" SRC="scripts/CimScript.js"></script>
// plus bas
<input type="file" id="emtpID" name="EMTPfile" onclick="findFile()>

(type="file" parce que je souhaite récupérer le chemin d'un fichier, et non que l'utilisateur écrive à la main ce chemin)

CimScript.js:

1
2
3
4
5
6
7
function findFile(){
    // fonctionne
    console.log(document.getElementById("emtpID").value); // renvoie uniquement le nom du fichier
    // ne fonctionne pas. EDIT : Fonctionne uniquement avec IE
    console.log(EMTPfile); // ReferenceError: EMTPfile is not defined 
                           // (Erreur identique avec un type="text")
}

Édité par RedTheTweet

+0 -0

Cette réponse a aidé l'auteur du sujet

C'est normal, tu essai de récupérer la valeur du contrôle au moment du clique. Ce qu'il faudra faire à la place, c'est placer un bouton juste en dessous qui effectue cette tâche.

Par exemple :

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
<!DOCTYPE html>
<html>
    <head>
        <title>test</title>
        <meta charset="utf-8" />
        <script type="text/JavaScript" src="script1.js"></script>
    </head>
    <body>
        <form id="form1">
            <input type="file" id="emtpID" /><br /><br />
            <input type="button" onclick="findFile()" value="Voir la valeur de emtpID" />
        </form>
    </body>
</html>

et script1.js :

1
2
3
4
function findFile() {
    var fileVal = document.getElementById("emtpID");
    alert(fileVal.value);
}
+1 -0
Staff
  • un champ de text : <input type="texte" />
  • un bouton : <input type="button" />
  • etc.

Blue Shark

Je dirais plutôt :

1
2
<input type="text" />
<button>Un bouton</button>

… pour être précis.

Et au passage, le JS on essaie de le mettre en fin de fichier, même en local, pour ne pas bloquer le rendu.


Pour ce qui est de récupérer le chemin du fichier c'est impossible (pour des raisons de sécurité), penche-toi vers l'API File si tu veux travailler sur le fichier

Édité par viki53

Dans un formulaire, la syntaxe <input type="button" /> est à privilégier.

« There was a kingdom that was falling so fast that people wouldn't help it, they wouldn't make it last » - Animal Kingdom, Beau

+0 -0
Vous devez être connecté pour pouvoir poster un message.
Connexion

Pas encore inscrit ?

Créez un compte en une minute pour profiter pleinement de toutes les fonctionnalités de Zeste de Savoir. Ici, tout est gratuit et sans publicité.
Créer un compte