[Tutorial]Abrindo Janelas Pelo Argumento de uma Função.

**~ Heatlex.** · 7 de Setembro 2011

Primeiro vamos estudar um pouco esse script:

<script> function abreJanela(id) { if (id == 1){window.open("

É necessário se cadastrar para acessar o conteúdo.

,"","width=500,height=500")} if(id == 2){window.open("

É necessário se cadastrar para acessar o conteúdo.

,"","width=500,height=500")} if (id == 3){window.open("

É necessário se cadastrar para acessar o conteúdo.

,"","width=500,height=500")} if (id == 4){window.open("

É necessário se cadastrar para acessar o conteúdo.

,"","width=500,height=500")} if (id == 5){window.open("

É necessário se cadastrar para acessar o conteúdo.

,"","width=500,height=500")} } </script>

na função "abreJanela" foi definido um parâmetro, que é uma variável inclusa diretamente na função, chamada de "id".

Logo após foram colocadas as condições para abrir as janelas(Pop-Up).

Se a variável "id" for atribuída como "1" abrirá uma janela do "Google".

Se "id" for igual a "2", abrirá uma janeça do Yahoo e assim por diante.

No body, é simples. É só inserir um link pra função, com um parâmetro definido:

<body> <a href="java script:abreJanela(1)">Google</a></p> <a href="java script:abreJanela(2)">Yahoo</a></p> <ahref="java script:abreJanela(3)">Wikipédia</a></p> <a href="java script:abreJanela(4)">Image shack</a></p> <ahref="java script:abreJanela(5)">Rapid Share</a></p> </body>

Simples!

Por que usar isso?

Usando esse tipo de código, você simplifica o seu código tornado-o mais acessível e com os links, de certa forma, protegidos, deixando-os mais escondidos.

O documento pronto, deverá ficar desta maneira:

<html> <script> function abreJanela(id) { if (id == 1){window.open("

É necessário se cadastrar para acessar o conteúdo.

,"","width=500,height=500")} if (id == 2){window.open("

É necessário se cadastrar para acessar o conteúdo.

,"","width=500,height=500")} if (id == 3){window.open("

É necessário se cadastrar para acessar o conteúdo.

,"","width=500,height=500")} if (id == 4){window.open("

É necessário se cadastrar para acessar o conteúdo.

,"","width=500,height=500")} if (id == 5){window.open("

É necessário se cadastrar para acessar o conteúdo.

,"","width=500,height=500")} } </script> <body> <a href="java script:abreJanela(1)">Google</a></p> <a href="java script:abreJanela(2)">Yahoo</a></p> <a href="java script:abreJanela(3)">Wikipédia</a></p> <a href="java script:abreJanela(4)">Image shack</a></p> <a href="java script:abreJanela(5)">Rapid Share</a></p> </body> </html>

Padrão Abrindo Janelas Pelo Argumento de uma Função

Primeiro vamos estudar um pouco esse script:

Código HTML:

<script> function abreJanela(id) { if (id == 1){window.open("

É necessário se cadastrar para acessar o conteúdo.

,"","width=500,height=500")} if (id == 2){window.open("

É necessário se cadastrar para acessar o conteúdo.

,"","width=500,height=500")} if (id == 3){window.open("

É necessário se cadastrar para acessar o conteúdo.

,"","width=500,height=500")} if (id == 4){window.open("

É necessário se cadastrar para acessar o conteúdo.

,"","width=500,height=500")} if (id == 5){window.open("

É necessário se cadastrar para acessar o conteúdo.

,"","width=500,height=500")} } </script>

na função "abreJanela" foi definido um parâmetro, que é uma variável inclusa diretamente na função, chamada de "id".

Logo após foram colocadas as condições para abrir as janelas(Pop-Up).

Se a variável "id" for atribuída como "1" abrirá uma janela do "Google".

Se "id" for igual a "2", abrirá uma janeça do Yahoo e assim por diante.

No body, é simples. É só inserir um link pra função, com um parâmetro definido:

Código HTML:

<body><a href="java script:abreJanela(1)">Google</a></p> <a href="java script:abreJanela(2)">Yahoo</a></p> <a href="java script:abreJanela(3)">Wikipédia</a></p> <a href="java script:abreJanela(4)">Image shack</a></p> <a href="java script:abreJanela(5)">Rapid Share</a></p> </body>

Simples!

Por que usar isso?

Usando esse tipo de código, você simplifica o seu código tornado-o mais acessível e com os links, de certa forma, protegidos, deixando-os mais escondidos.

O documento pronto, deverá ficar desta maneira:

Código HTML:

<html> <script> function abreJanela(id) { if (id == 1){window.open("

É necessário se cadastrar para acessar o conteúdo.

,"","width=500,height=500")} if (id == 2){window.open("

É necessário se cadastrar para acessar o conteúdo.

,"","width=500,height=500")} if (id == 3){window.open("

É necessário se cadastrar para acessar o conteúdo.

,"","width=500,height=500")} if (id == 4){window.open("

É necessário se cadastrar para acessar o conteúdo.

,"","width=500,height=500")} if (id == 5){window.open("

É necessário se cadastrar para acessar o conteúdo.

,"","width=500,height=500")} } </script> <body> <ahref="java script:abreJanela(1)">Google</a></p> <a href="java script:abreJanela(2)">Yahoo</a></p><a href="java script:abreJanela(3)">Wikipédia</a></p> <a href="java script:abreJanela(4)">Image shack</a></p> <a href="java script:abreJanela(5)">Rapid Share</a></p> </body> </html>