JavaScript – Como obter dados de uma janela do tipo POPUP

JavaScript – Como obter dados de uma janela do tipo POPUP

Abaixo um exemplo de como abrir e obter dados de uma janela popup , neste caso, utilizei o potencial da linguagem orientada a objeto JavaScript.

Criei um projeto simples de exemplo, que pode ser baixado através do link:

https://skydrive.live.com/redir?resid=55163E95BEEDE6FC!5363&authkey=!ANqp-ajUBz-8oVU

Basicamente criei duas páginas, sendo que na página default.aspx , coloquei os seguintes scripts:

    function getValueModal() {

        //seta a página popup
        var url = './popup.aspx';

        //crio um novo objeto
        var obj = new Object();

        //crio e seto a propriedade nome
        obj.nome = '';

        //chamo a função (abaixo) que irá abrir a nova janela
        //note que set o objeto obj para receber o retorno
        //importante também é popular o  window.returnValue na função localizada no página popup. 
       obj = WindowOpenModal(url, obj, 600, 400);
        
        if (obj != null) {
            document.getElementById('txtexemplo').value = obj.nome
          }
    }


    //função para formatar e abrir a nova janela tipo modal / popup
    function WindowOpenModal(page, name, w, h) {
        var vLargura
        var vAltura
        if (w == null && h == null) {
            vLargura = ScreenWidth() - 200;
            vAltura = ScreenHeight() - 100;
        }
        else {
            vLargura = w;
            vAltura = h;
        }
        return window.showModalDialog(page, name, 'dialogwidth: ' + vLargura + 'px; dialogheight: ' + vAltura + 'px;resizable:no;center:yes;scroll:yes;');
    }

Na página popup.aspx , os seguintes scripts foram colocados

function Seleciona(nome) {

    var mObj = new Object();
    mObj.nome = unescape(nome);
    //define a propriedade do valor de retorno da janela aberta 
    window.returnValue = mObj;
    window.close();
}

Baixe o projeto exemplo e experimente…

JQUERY – Sorteando um item dentro de um elemento HTML do tipo lista

No código abaixo exemplifico como sortear aleatoriamente um item localizado dentro de um elemento html do tipo lista , neste caso, foi utilizado o elemento <ul>, ou seja uma lista não ordenada.

Neste código, foi usado a biblioteca JQUERY e a linguagem JAVASCRIPT.

Os códigos fontes você poderá baixar através deste link: [código fonte

Ivaldo de Oliveira é desenvolvedor sênior de softwares

Utilização do AJAX (JQUERY) em uma página ASP (classic)

Utilização do AJAX (JQUERY) em uma página ASP (classic)

Neste artigo, iremos abordar um exemplo prático da utilização da biblioteca JQUERY  em um projeto ASP 3 (classic), contudo, acredito que o mesmo exemplo poderia facilmente ser aplicado a outras tecnologias atuais.

Nosso objetivo é criar uma página ASP para consulta “fictícia de dados ” , onde  faremos uma simulação de uma pesquisa no banco de dados.

Esperamos fazer com que a página ao receber a instrução de pesquisa, a mesma não seja carregada por completo novamente, desta forma, reduziremos   o tráfego de dados,  para isto, utilizaremos o AJAX (O AJAX é basicamente o uso do objeto XMLHttpRequest do Javascript.). 

“AJAX – Asynchronous Javascript And XML, ele consiste em um metodo de fazer requisições no servidor para obter determinadas informações sem que seja necessário o reload da página.”

Neste exemplo, utilizamos a biblioteca JQuery, note que a mesma possui vários métodos para o disparo de uma requisição AJAX, o principal deles é o $.ajax(),  para ilustrar um pouco mais, abaixo segue a referência usada no código.

Basicamente criaremos duas páginas ASP, a principal ficará responsável pela apresentação e interação com o usuário, e a secundária irá na verdade receber o parâmetro de pesquisa, consultar os dados e enviar o resultado da busca, segue os códigos de ambas as páginas abaixo:

página1:

página2:

Ivaldo de Oliveira é desenvolvedor sênior de software