[Tutorial] Colocar javascript em página ASP.NET

Publicado: 04/02/2013 em ASP.NET, Microsoft, Programação, Truques & Dicas, Tutoriais / Info
Tags:, ,

JavaScript-logo

Nos últimos dias precisei embutir um código em javascript dentro de uma página asp.net de um sistema que eu estava criando… Apanhei no dia para conseguir fazer da maneira correta mas consegui !
No meu caso, eu precisei que uma janelinha(tipo uma popup) fosse aberta no OnClick do button.

Para coloca javascript dentro de uma pagina asp.net tem duas formas.

A correta e a como é dito pela galera da empresa “me solta” que é tipo uma gambiarra(POG) ..

A forma não muito correta é:

No codebehind da pagina(ou então na própria pagina entre as tags do asp <% %>) escreva:

Response.Write(” “);

Ex.:
Response
.Write(” <script language=’javascript’> alert(‘ Menino feio, não faça isso ! Bobo, bobo, bobo. kkkk’); </script> “);

Forma correta:

Também no codebehing (em um método, ou o que vc quiser ..) ou bloco de código escreva, eu fiz no codebehinde:

Page.ClientScript.RegisterClientScriptBlock(this.Page.GetType(), “myScript”,“alert(‘Bom garoto .. toma um ossinho aqui toma ..hehehe’);”, true);


Explicando:

O primeiro parâmetro, this.Page.GetType() diz ao .NET que o script está nesta pagina e deve ser aplicado à mesma.

O segundo parâmetro, “myScript” é uma string que serve como identificador, tipo uma ID de um controle qualquer.

O terceiro parâmetro é o próprio script, que também é uma string.

O quarto parâmetro diz se o .NET deve colocar automaticamente as tags<script> </script> no codigo e admite somente valores booleanos, true ou false. É bom deixar marcada para que agente nao tenha q ficar escrevendo essas tags.

Recomendação:
Para o código ficar mais limpo, legível, organizado, bonito … crie uma
variável string somente para o script. Ex.:

string myScript = “alert(‘Bom garoto .. toma um ossinho aqui toma.. hehehe’);”;

Page.ClientScript.RegisterClientScriptBlock(this.Page.GetType(), “myScript”, myScript , true);

Bem, agora que você já sabe das duas maneiras(correta e feia) faça a que achar melhor.

Deixe uma resposta

Preencha os seus dados abaixo ou clique em um ícone para log in:

Logotipo do WordPress.com

Você está comentando utilizando sua conta WordPress.com. Sair / Alterar )

Imagem do Twitter

Você está comentando utilizando sua conta Twitter. Sair / Alterar )

Foto do Facebook

Você está comentando utilizando sua conta Facebook. Sair / Alterar )

Foto do Google+

Você está comentando utilizando sua conta Google+. Sair / Alterar )

Conectando a %s