Certa vez estudando o IE descobri que ele tem uma opção chamada “Nova sessão“.

Se você é programador web já deve fazer idéia o que é isso e como é útil. Para quem não conhece vou explicar o que é e como pode ser útil.

Uma sessão seria um bilhete, passaporte, flyer e sendo mais específico um identificador entre o seu navegador e o servidor. Esse identificador é gerado de acordo com o nome do site que você está acessando e o tipo de navegador que você está utilizando.

Geralmente sessão é utilizada em sites como o do painel da HostNet, Gmail, Orkut e etc… para permanecer logado mesmo quando você fecha a janela ou aba e reabre novamente.

A opção “Nova Sessão” do IE 8 permite que você logue no Gmail, Orkut, painel da HostNet com várias contas diferentes. Por exemplo, eu posso logar com meu usuário no Orkut em uma sessão e depois abrir uma nova sessão e logar com meu usuário Fake. Nesse caso em cada sessão só terá dados pertecentes ao perfil que eu loguei.

Exista um site que gerenciava informações de várias empresas e para você ver a informação de uma empresa você teria que logar com o usuário referente a ela. Caso você quisesse ver informações de outra empresa você teria que deslogar de uma empresa e logar na outra. Com o tempo surgiu a necessidade de comparar dados de duas ou mais empresas lado a lado porém seria trabalhoso ficar logando e deslogando toda hora que fosse necessário ver informações de uma empresa.

Uma solução rápida na época a nível de servidores foi criar um alias no Virtual Host que recebesse qualquer coisa como subdomínio. Exemplo:
*.site_comparador_de_empresas.com

Assim quando fosse necessário abrir informações de 2 empresas bastava abrir uma nova aba e digitar algo antes do domínio principal e logar com os dados da segunda empresa. Exemplo:
segunda_empresa.site_comparador_de_empresas.com

Desse jeito era criada uma nova sessão para o domínio  segunda_empresa.site_comprador_de_empresas.com.

Talvez o Firefox também adote essa solução e a que citei fique obsoleta.

O enunciado do exercício era o seguinte:
Construir uma página que contenha uma tabela chamada “produto-preco”. A cada selecao de um produto, o preco total de compra deve ser visualizado ao final da tabela. O preço poderá conter casas decimais.

Criando função calc_value_of_selected_products() em JavaScript que calculará o preço total dos produtos:

<script language="javascript">
function calc_price_of_selected_products() {
	// Obtendo formulário que contém os checkboxes com o valor dos produtos
	var products    = document.getElementById("product")
	// Preço será do tipo float por causa dos produtos que podem ter
	// centavos em seu valor
	var total_price = 0.0
 
	// Verificando quais checkboxes foram selecionados e somando seu valor;
  	for(i = 0; i < products.length; i++) {
		if (products[i].checked == true) {
			total_price = total_price + parseFloat(products[i].value)
		}
	}
 
	// Atualizando div que contém o preço total dos produtos
	document.getElementById("total").innerHTML = "Total: R$ " + total_price.toFixed(2)
}
</script>

Para que o valor em centavos fique com 2 casas decimais é necessário usar a função toFixed(). Exemplo de seu uso:

parseFloat("10.2").toFixed(2) // 10.20
parseFloat("100").toFixed(2) // 100.00

O preço de cada produto ficará dentro do value em cada checkbox. O checkbox deverá chamar a função calc_price_of_selected_product() que criamos toda vez que for clicado nele.

<input type="checkbox" value="135.00" onclick="calc_price_of_selected_products()">

A Construindo a estrutura da tabela em HTML com alguns produtos e seus respectivos preços:

<form id="product">
	<table border="1">
	<tr>
		<td></td>
		<td>Produtos</td>
		<td>R$</td>
	</tr>
	<tr>
		<td><input type="checkbox" value="135.99" onclick="calc_price_of_selected_products()"></td>
		<td>Oculos</td>
		<td>135.99</td>
	</tr>
	<tr>
		<td><input type="checkbox" value="53.20" onclick="calc_price_of_selected_products()"></td>
		<td>Sunga</td>
		<td>53.20</td>
	</tr>
	<tr>
		<td><input type="checkbox" value="97.30" onclick="calc_price_of_selected_products()"></td>
		<td>Biquini</td>
		<td>97.30</td>
	</tr>
	</table>
</form>

A soma de todos os valores selecionados deverá ser exibido pela div total. Essa div deverá ser inserida após o formulário.

<div id="total">Total: R$ 0.00</div>

O funcionamento desse script pode ser visto no endereço abaixo:
http://www.noelrocha.com/blog/examples/tabela_produtos_preco.html