Réalisation d'un chat sans C#

**goku19** · 07/02/2012, 13h34

Bonjour,

Voila, je voudrais savoir si vous connaissez un tuto qui me permettrai de créer un tchat avec silverlight, Xaml, Javascript et PHP mais sans visual studio et donc sans C#.... Parce que j'ai trouvé des tuto mais ils sont tous avec visual studio...

**BenoitM** · 07/02/2012, 13h52

Faudrait savoir ce que tu veux reellement

parce que du silverlight, Xaml c'est pas possible

Et pourquoi sans visual studio?

**goku19** · 07/02/2012, 14h11

Plutot en XAML avec Javascript et PHP

Parce que mon tuteur ne veux pas que j'utilise du C# ...

**BenoitM** · 07/02/2012, 14h14

Faut demander a ton tuteur comment tu peux faire du XAML sans utilisé du C# , peut-être veut-il du VB.Net?

Si il ne veut que du php et javascript alors il faut poser la question sur la catégorie php

**goku19** · 07/02/2012, 15h17

Envoyé par BenoitM

Faut demander a ton tuteur comment tu peux faire du XAML sans utilisé du C# , peut-être veut-il du VB.Net?

Si il ne veut que du php et javascript alors il faut poser la question sur la catégorie php

EN gros il veut que j'utilise le XAML pour l'interface graphique et le JV et le PHP pour le reste

**Er3van** · 07/02/2012, 15h48

Ahhhh, en fait il veut du XAML avec code behind PHP/JavaScript, et évidemment sans passer par Visual Studio ?

Il y a certainement une erreur d'intitulé quelque part...
T'es sûr que c'est du XAML qu'il veut ? Parce que c'est propriétaire Microsoft, donc déjà sans Visual Studio bon courage pour le faire, mais en plus si tu veux que ça interagisse avec du code côté serveur, il faut du code C# ou VB.Net.

Et interdire le C# et autoriser le VB.Net, à part pour des raisons pédagogiques qui m'échappent, c'est un non-sens.

**goku19** · 07/02/2012, 15h57

Envoyé par Er3van

Ahhhh, en fait il veut du XAML avec code behind PHP/JavaScript, et évidemment sans passer par Visual Studio ?

Il y a certainement une erreur d'intitulé quelque part...
T'es sûr que c'est du XAML qu'il veut ? Parce que c'est propriétaire Microsoft, donc déjà sans Visual Studio bon courage pour le faire, mais en plus si tu veux que ça interagisse avec du code côté serveur, il faut du code C# ou VB.Net.

Et interdire le C# et autoriser le VB.Net, à part pour des raisons pédagogiques qui m'échappent, c'est un non-sens.

Mdrr j'y comprend pas grand chose à ce qu'il veux mais en gros voila mon code XAML :

Code xaml :

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
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
<Canvas  
  xmlns="http://schemas.microsoft.com/client/2007" 
  xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
>      
 
<TextBlock
	Width="250" 
	Height="80"
 
 FontFamily="Verdana"
 FontSize="30" >
  Salut le Monde!
</TextBlock>
 
<TextBox 
	Name="bodyText" 
	TextWrapping="Wrap" 
	Width="550" 
	Height="80" 
	MaxLength="100" 
	Canvas.Top="417"
 
/>
 
 
<Canvas
	MouseLeftButtonDown="buttonDown"
	MouseLeftButtonUp="buttonUp"
	MouseEnter="buttonEnter"
	MouseLeave="buttonLeave"
	>	
 
	<Canvas.RenderTransform>
		<TransformGroup>
			<TranslateTransform x:Name="addoffset" X="550" Y="413"/>
		</TransformGroup>
	</Canvas.RenderTransform>
 
	<Rectangle
		Name="rect"
		Canvas.Top="4"
		Canvas.Left="4"
		Height="80"
		Width="80"
		Stroke="White"
		StrokeThickness="1" 
		RadiusX="4"
		RadiusY="4"
		>
 
		<Rectangle.Fill>
			<LinearGradientBrush >
				<GradientStop Color="White" Offset="0.0" />
				<GradientStop Color="LightGray" Offset="0.20" />
				<GradientStop Color="Gray" Offset="0.9" />
				<GradientStop Color="LightGray" Offset="0.20" />				
			</LinearGradientBrush>
		</Rectangle.Fill>
 
	</Rectangle>
 
	<TextBlock Canvas.Left="16" Canvas.Top="33">
		Envoyer
	</TextBlock>
 
 
</Canvas>
 
</Canvas>

Et donc à partir de la je dois récupérer le texte l'afficher avec le pseudo de la personne l'heure est la date ... Ça fais deux jours que je suis dessus est je n'ai pas l'impression d'avoir avancé d'un pouce ...

**calagan99** · 07/02/2012, 16h59

Désolé d'insister mais encore une fois ce qui t'es demandé, si tu l'as bien compris, est un non-sens.
Alors où tu portes ton IHM sur autre chose que tu XAML ou tu utilises du C# (ou VB.Net), mais là tu n'arriveras à rien.

**Er3van** · 07/02/2012, 17h37

Si ça se trouve c'est là le but de l'exercice : voir qui ira s'entêter sur un non-sens et qui ira chercher une solution alternative viable !

**micka132** · 07/02/2012, 17h47

Et l'énnoncé tu pourrais pas nous le faire voir

?

**goku19** · 08/02/2012, 10h17

Envoyé par micka132

Et l'énnoncé tu pourrais pas nous le faire voir

?

Ba en faîte il me l'a dit à l'orale ...
En gros, j'ai un fichier XAML :

Code xaml :

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
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
<Canvas  
  xmlns="http://schemas.microsoft.com/client/2007" 
  xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
>      
 
<TextBlock
 FontFamily="Verdana"
 FontSize="30" >
  Salut le Monde!
</TextBlock>
 
<TextBox 
	Name="bodyText" 
	TextWrapping="Wrap" 
	Width="550" 
	Height="80" 
	MaxLength="100" 
	Canvas.Top="417"
	Background="#FF4ED2D5"
	KeyDown="chat"
/>
 
 
<Canvas
	MouseLeftButtonDown="buttonDown"
	MouseLeftButtonUp="buttonUp"
	MouseEnter="buttonEnter"
	MouseLeave="buttonLeave"
	>	
 
	<Canvas.RenderTransform>
		<TransformGroup>
			<TranslateTransform x:Name="addoffset" X="550" Y="413"/>
		</TransformGroup>
	</Canvas.RenderTransform>
 
	<Rectangle
		Name="rect"
		Canvas.Top="4"
		Canvas.Left="4"
		Height="80"
		Width="80"
		Stroke="White"
		StrokeThickness="1" 
		RadiusX="4"
		RadiusY="4"
		>
 
		<Rectangle.Fill>
			<LinearGradientBrush >
				<GradientStop Color="White" Offset="0.0" />
				<GradientStop Color="LightGray" Offset="0.20" />
				<GradientStop Color="Gray" Offset="0.9" />
				<GradientStop Color="LightGray" Offset="0.20" />				
			</LinearGradientBrush>
		</Rectangle.Fill>
 
	</Rectangle>
 
	<TextBlock Canvas.Left="16" Canvas.Top="33" MouseLeftButtonDown="chat">
		Envoyer
	</TextBlock>
 
 
</Canvas>
 
</Canvas>

Qui donne donc ça :
(voir l'image en pj)

et je voudrais que quand j'appuis sur la touche "Entrer" ou sur le bouton "Envoyer" récupérer la valeur du textbox dans mon JS.

Voilà ma fonction js:

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
function chat(sender,arg)
{ 
alert(sender);
alert(arg);
	var xhr = getXMLHttpRequest();
   	var requete = "";
 
		xhr.open( 'POST', 'fonctions/ajax.php',  true); 
    	xhr.onreadystatechange  = function() 
    	{
       		if(xhr.readyState  == 4)
       		{
        		if(xhr.status  == 200)
				{
					//alert(xhr.responseText)
				}
        		else 
				{
           			alert(xhr.status);
				}
 
        	}
    	};
		xhr.setRequestHeader("Content-type", "application/x-www-form-urlencoded");
		xhr.send(requete);
 
}

Mes problèmes sont :
- Quand j'appuis sur n'importe qu'elle touche le javascript s'active et m'affiche mes alerts alors que je ne veux que la touche "Entrer" et le bouton "Envoyer".
- Mes alerts affichent "TextBox" et "KeyEventArgs" donc je n'ai pas la valeur...

Voilà, merci de m'aider

**micka132** · 08/02/2012, 10h25

Mais qu'est ce qui converti le xaml en "dessin" (interface) s'il n'y a pas de c# derriere ( ou du VB) ? Dans ton xaml il y a plusieurs évenement de déclarer. Il nous faudrait ce code là... C'est à ce niveau qu'il y a un appel vers le javascript.

**goku19** · 08/02/2012, 10h37

Envoyé par micka132

Mais qu'est ce qui converti le xaml en "dessin" (interface) s'il n'y a pas de c# derriere ( ou du VB) ? Dans ton xaml il y a plusieurs évenement de déclarer. Il nous faudrait ce code là... C'est à ce niveau qu'il y a un appel vers le javascript.

C'est le silverlight qui le converti (enfin je crois ^^)

Je l'ai mis en pièce jointe.
Et sinon comme code je n'ai que mon fichier JVS, XAML, Silverlight et mon code HTML:

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
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
script type="text/javascript" src="code/Silverlight.js"></script>
 <script type="text/javascript" src="code/monscript.js"></script>
               <div id="block"></div>
                <div align="center" id="monControle"></div>
 
<script type="text/javascript">
var parentElement = document.getElementById("monControle");
 
 
 
Silverlight.createObject(
 
	"code/monxaml.xaml", 
 
	parentElement, 
 
	"monControleID", 
 
	{ 
 
		width:'82%', 
 
		height:'500', 
 
		inplaceInstallPrompt:false,
 
		background:'#D6D6D6', 
 
		isWindowless:'false', 
 
		framerate:'24', 
 
		version:'1.0' 
 
	},
 
	{
 
		onError:null, 
 
		onLoad:null 
 
	},
 
	null ); 
</script>

**Mat.M** · 08/02/2012, 11h02

Envoyé par goku19

Bonjour,

Voila, je voudrais savoir si vous connaissez un tuto qui me permettrai de créer un tchat avec silverlight, Xaml, Javascript et PHP mais sans visual studio et donc sans C#.... Parce que j'ai trouvé des tuto mais ils sont tous avec visual studio...

sans un langage informatique comme C# et un framework comme .NET ça me paraît difficile.. En Javascript,Php c'est peut-être possible mais au prix de gros bricolages.

**goku19** · 08/02/2012, 11h11

Envoyé par Mat.M

sans un langage informatique comme C# et un framework comme .NET ça me paraît très difficile.. je ne vois pas comment on peut faire cela

En Javascript,Php c'est peut-être possible mais au prix de gros bricolages.
Le problème c'est que tu devras gérer des flux rentrants au niveau du serveur et des connections simultanées

Oui je sais que c'est difficile mais j'y suis contraint ...

**Mat.M** · 08/02/2012, 11h31

Salut Goku ,

regarde cet article sur codeproject
http://www.codeproject.com/Articles/...at-Application

avec Silverlight et WCF

**goku19** · 08/02/2012, 11h42

Merci pour ton lien Mat.M mais c'est toujours avec du C#

**Bluedeep** · 08/02/2012, 12h04

Envoyé par goku19

Merci pour ton lien Mat.M mais c'est toujours avec du C#

Et alors ? tu ne trouveras aucune resource avec du PHP et du XAML pour l'excellente raison que c'est une coexistence qui n'existe pas dans la réalité(ce qui ne veut pas dire que cela est totalement impossible, mais difficilement en quelques semaines de travail).

Le XAML a été introduit par Microsoft à l'origine comme langage de description des interfaces graphiques WPF et SilverLight et de description des workflow pour la WF. (avec le FX 3.0 en 2006).

**calagan99** · 08/02/2012, 12h12

goku19 : ou tu ne dis pas tout ou tu ne comprends rien mais là, ce que tu dis n'a pas de sens.

D'où vient le XAML que tu montres ?
D'où vient le JS que tu montres ?
D'où vient l'image que tu montres ?
Quel est l'intitulé exact de l'exercice ?