Shefarol Soluções Web

Seleciona tabela - Voltar

Selecione seu Fusca

Exemplo com Modal em página única

Azul R$ 50.000
Branco R$ 40.000
Laranja R$ 65.000
Verde R$ 58.000
Vermelho R$ 100.000

Exemplo com Alert

Azul R$ 50.000
Branco R$ 40.000
Laranja R$ 65.000
Verde R$ 58.000
Vermelho R$ 100.000

Exemplo abrindo páginas diversas

Azul R$ 50.000
Branco R$ 40.000
Laranja R$ 65.000
Verde R$ 58.000
Vermelho R$ 100.000

 

Para o exemplo com Modal
$("#tableModal tr").click(function(){
	$(this).addClass('selected').siblings().removeClass('selected'); 
	// Obtém o texto na primeira td da tr
	var value = $(this).find('td:first').html();
	valueLink = value.toLowerCase();
	    	
	// Para mostrar o conteúdo selecionado em um modal  
	$("#mostra").modal();
	$("#modal_body").html('Fusca '+value);
	$("#imagem").attr('src','img/'+value+'-peq.png');
	$("#link").html('
Conheça seu fusca 
');
});

 

Para o exemplo com Alert
$("#tableAlert tr").click(function(){
	$(this).addClass('selected').siblings().removeClass('selected'); 
   	// Obtém o texto na primeira td da tr
   	var value = $(this).find('td:first').html();
   	valueLink = value.toLowerCase();

   	//Para mostrar o conteúdo selecionado em um alert
   	alert('Fusca '+value);
});

 

Para o exemplo abrindo páginas diversas
$("#tablePagina tr").click(function(){
	$(this).addClass('selected').siblings().removeClass('selected'); 
   	// Obtém o texto na primeira td da tr
   	var value = $(this).find('td:first').html();
   	valueLink = value.toLowerCase();

    // Para abrir uma página
    window.open(valueLink+'.php');
});