Leve suas JSPs para onde quiser

Seguindo no tema de websever portable, encontrei uma solução bastante enteressate para você levar suas JSPs para onde quiser. O Toncat portable é uma solução util e muito simples.

Para facilitar ainda mais, criei um pacote onde a unca coisa a fazer para rodar suas JSPs no pen-drive é descompacta os arquivos dentro do mesmo e clicar duas vezes em tomcat.exe e pronto.

Para efetuar o download do pacote:

http://rapidshare.com/files/93927807/Webserver_Portable.zip.html

Se prefirir configurar siga os passos encontrados no blog do Rafael Lossurdo, o link para baixar o tomcat2go está quebrado, use o link abaixo.

tomcat2go

http://www.4shared.com/file/37431868/28cd9ab7/tomcat2go-binaries.html

Auto start
Esta opção só funcionará caso não possua outras pasta ou arquivos no seu drive.
Abra o bloco de notas e coloque estes linhas abaixo.

[autorun]
open=tomcat.exe
icon=tomcat.exe
label=Tomcat portable

salve o arquivo com o nome AUTORUN.INF, observe que as extenção que deverá usar é .INF e não txt

Torne seu pen-drive um serv Php com WOS Portable

Bem pessoal, essa eh uma ótima solução para que tem a necessidade de carregar sua aplicações de modo prático e portatil. O WOS é uma solução completa onde você pode escolher as versôes do Apache, Php e Mysql.

Para escolher as versões e efetuar o download do Wos Portable acesse:
download

Instalação
A instalação é bem simples, basta descompacta os aquivos de wosportable.zip em seu pen-drive, depois abra o diretório onde foi descompactado os arquivos e click no arquivo wos.exe, depois click no botão instalar, agora basta esperar alguns minutos e pronto, ao término da intalação o mysql e apche são iniciados.

Auto start
Esta opção só funcionará caso não possua outras pasta ou arquivos no seu drive.
Abra o bloco de notas e coloque estes linhas abaixo.

[autorun]
open=wos.exe
icon=wos.exe
label=Servidor Php

salve o arquivo com o nome AUTORUN.INF, observe que as extenção que deverá usar é .INF e não txt.

Requisitando uma página em ajax

A finalidade deste exemplo é mostra para os iniciantes em ajax como é simples efetuar uma requisição usando o ajax.

A primeira coisa a fazer é verificar se o browser do cliente suporta o ajax e instânciar o objeto.

var ajax;
try {
  // Verifica se o Firefox, Opera 8.0+, Safari suporta o ajax
  ajax = new XMLHttpRequest();
} catch (e) {
  // Verifica se o Internet Explorer suporta o ajax
  try {
    ajax = new ActiveXObject("Msxml2.XMLHTTP");
  } catch (e) {
    try {
      ajax = new ActiveXObject("Microsoft.XMLHTTP");
    } catch (e) {
      alert("Seu browser não dar suporte ao AJAX!");
      return false;
    }
  }
}

Agora vamos processar nosso ajax, observe que neste exemplo estamos tratando o readyState 4, que seguinifica que a requisição foi bem sucedida.

// Processa requisição ajax
ajax.onreadystatechange = function() {
  if(ajax.readyState == 4) {
    document.getElementById('campoResposta').innerHTML = ajax.responseText;
  }
}
ajax.open('POST', 'time.php', true);
ajax.send(null);

Neste exemplo o ajax requisita uma página que contém uma função date(‘H:i:s’)
time.php

date('H:i:s')

Agora juntamos as partes do objeto ajax em uma função para efetuarmos a requisição.

function ajaxSend() {
  var ajax;
  try {
    // Firefox, Opera 8.0+, Safari
    ajax = new XMLHttpRequest();
  } catch (e) {
      // Internet Explorer
      try {
        ajax = new ActiveXObject("Msxml2.XMLHTTP");
      } catch (e) {
        try {
          ajax = new ActiveXObject("Microsoft.XMLHTTP");
        } catch (e) {
          alert("Seu browser não dar suporte ao AJAX!");
          return false;
        }
      }
  }
  
  // Processa requisição ajax
  ajax.onreadystatechange=function() {
    if(ajax.readyState == 4) {
      document.getElementById('time').innerHTML = 'Time: ' + ajax.responseText;
    }
  }
  ajax.open('POST', 'time.php', true);
  ajax.send(null);
}

Função criar elemento input usando DOM

Este exemplo foi criado a partir da necessidade num projeto que fiz, onde tinha arquivos que seria livres e outros privados.

Neste exemplo mostro como criar um campo input ao click em um link ou botão.

Função que cria o elemento DOM

/**
 * Função criar componente usando DOM
 * Evento onclick
 * @author Deusimar Ferreira 
 */
function criaElemento() {
  // Verifica se já foi criado o elemento
  if(!document.getElementById('labelInput')){        
    // Label area senha
    var labelInput = document.createElement('label'); // Cria um elemento label
    labelInput.innerHTML = 'Senha: '; // Define o texto
    labelInput.id = 'labelInput'; // Define ID
    
    // Input type password
    var input = document.createElement('input'); // Cria um elemento input
    input.type = 'password'; // Define o tipo como password
    input.name = 'senha'; // Define o nome como senha
    input.id = 'senha'; // Define o Id com senha
    input.size = '10'; // Define o tamanho para 10

    labelInput.appendChild(input); // Adiciona o input ao label
    document.body.appendChild(labelInput); // Adiciona o label ao corpo do documento
  }
}

Função que remover o elemento DOM

/**
 * Função remove componente 
 * Evento onclick
 * @author Deusimar Ferreira 
 */
function removeElemento() {
  document.body.removeChild(document.getElementById('labelInput')); // Remove os elementos do corpo do documento
}