ClientScript - séparer le code HTML du script

**kendras** · 21/07/2010, 15h35

Bonjour

J'ai le code suivant

Code :

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

1
2
3
4
5
6
 
StringBuilder cstext2 = new StringBuilder();
cstext2.Append("<script type=\"text/javascript\"> function DoClick() {");
cstext2.Append("alert('Hello World');} </");
cstext2.Append("script>");
ClientScript.RegisterClientScriptBlock(this.GetType(), "monscript", cstext2.ToString());

Ceci me donne le résultat suivant dans mon code HTML rendu

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
 
<html xmlns="http://www.w3.org/1999/xhtml" >
  <head>
    <title>ClientScriptManager Example</title>
  </head>
  <body>
     <form name="Form2" method="post" action="JsClientScript.aspx" id="Form2">
<div>
 
<input type="hidden" name="__VIEWSTATE" id="__VIEWSTATE" value="/wEPDwUKLTUxMTcwNzgxMGRk02elzZ6SCPnWb8OchB981uuRy/w=" />
</div>
 
        <input type="text" id="Message" /> <input type="button" value="ClickMe" onclick="DoClick()" />
 
<script type="text/javascript"> function DoClick() {alert('Hello World');} </script></form>
  </body>
</html>

Je voudrais que le code javascript soit séparé du code HTML (donc mis dans un fichier à part, créer à la volé (comme le fait si bien la méthode ajax RegisterTypeForAjax)

C'est posible ?

Merci d'avance

**Chal92** · 28/07/2010, 16h41

Lors de la génération d'une page ASPX, il n'est pas possible de générer deux flux distincts (un flux correspondant au HTML et un flux correspondant au fichier JS).

Par contre, il est très simple de générer dynamiquement du JS via un handler ASHX...

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
 
public class GenerateJS : IHttpHandler  /*,IReadOnlySessionState*/
{
  public void ProcessRequest(HttpContext context)
  {
    context.Response.ContentType = @"text/javascript";
    context.Response.Cache.SetCacheability(HttpCacheability.NoCache);
 
    string script = "function Doclick()  { alert('hello world') };";
 
    context.Response.Write(script);           
  }
 
  public bool IsReusable
  { 
    get
    {
      return true;
    }
}

Bien entendu, il est possible de passer des paramètres [QueryString] et d'utiliser la session [en précisant ajoutant IReadOnlySessionState] pour générer un javascript différent en fonction du context.

Après pour l'utiliser dans la page web, c'est du classique...

Code :

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

1
2
 
    <script type="text/javascript" src="GenerateJS.ashx" ></script>

ClientScript - séparer le code HTML du script

Framework .NET

Vue hybride

Discussions similaires

Partager

Partager