manoelrmjr

Janeiro 18, 2010

Olá! Sou novo aqui no forum, e iniciante no Jquery.

O projeto é em "Jquery v1.3.2", uso junto: "jquery-lightbox-0.5" e "livequery-1.0.3".

Eu tenho uma página que irá mostrar 5 registros diferentes de cada vez. Cada registro tem sua galeria de fotos, onde inicialmente é apresentado 2 fotos e o botão "+ fotos". Ao clicar no botão "+ fotos" é carregado na div daquele registro a galeria com todas as fotos dele. Qualquer foto clicada, será aberta com o lightbox, se for as fotos da geleria deve mostrar somente todas as fotos daquela galeria.

Em fim, resumindo, tenho 5 registros onde serão abertos abaixo de cada um uma galeria de fotos. as fotos são exibidas usando o lightbox. E tenho 3 dúvidas.

O 1° problema: após fazer o loading para uma div, quando eu clico a 1ªvez em uma imagem nada acontece(na verdade abre em nova janela) e na 2ª vez comessa a abrir as fotos no ligthbox. Eu até coloquei um return false; porque 1° abria a foto em uma nova janela e 2° abre a foto no ligthbox. Como resolvo isto? Acho que não estou sabendo usar o livequery direito ou no lugar correto.

O 2° problema: as páginas abertas pelo loading, devem ser páginas completas com <html><head><body></body></head></html> ou pode ter só o conteúdo a ser mostrado?

O 3° problema: eu clico no link "+ fotos" de um registro qualuqer, e logo em seguida clico em "+ fotos" de outro registro, daí vai mostrar a galeria de fotos do 2° clique na div do 1° clique. Como resolvo isto?

Segue o código que eu alterei para consseguir trabalhar com mais de 1 div:

<script language="JavaScript" type="text/javascript">
//Para conseguir usar o mesmo código em divs diferentes mostrando coisas diferentes
//1° identifico o clique do registro pelo nome do botão
//2° leio os campos <imput hydem> que tem os valores do registro.
//3° mando abrir a página que vai exibir a galeria de fotos daquele registro.
//4° na div do registroX é exibida a galeria de fotos.
//5° após caregada a galeria, clicando em uma foto é aberta no ligthbox.

$(document).ready(function(){

//Aplica ligthbox para toda a página   
$(function() {$('a[@rel*=lightbox]').lightBox();});

//abre galeria dentro da div do registro escolhido                           
$(".galeriax").click(function() {

//Identifica de qual dos 5 registros veio o pedido e manda exibir a galeria na div dele
if ($(this).attr("id")=='botao1'){
 var_imovel_numero=1//$("#imovel_numero_2").val();
 var_clicou = 'botao1';    
 var_registrointerno = $("#registrointerno_"+var_imovel_numero).val();
 var_id_imovel = $("#id_imovel_"+var_imovel_numero).val();
 var_categoria_mesclada = $("#categoria_mesclada_"+var_imovel_numero).val();
 var_tipex = $("#tipex_"+var_imovel_numero).val();
 carregando= '#carregando_'+var_imovel_numero;}

else if ($(this).attr("id")=='botao2'){
//var input = $("#escondido1").val(); funcionou    
 var_imovel_numero=2//$("#imovel_numero_2").val();
 var_clicou = 'botao2';    
 var_registrointerno = $("#registrointerno_"+var_imovel_numero).val();
 var_id_imovel = $("#id_imovel_"+var_imovel_numero).val();
 var_categoria_mesclada = $("#categoria_mesclada_"+var_imovel_numero).val();
 var_tipex = $("#tipex_"+var_imovel_numero).val();
 carregando= '#carregando_'+var_imovel_numero;}

else if ($(this).attr("id")=='botao3'){
//var input = $("#escondido1").val(); funcionou    
 var_imovel_numero=3//$("#imovel_numero_2").val();
 var_clicou = 'botao3';    
 var_registrointerno = $("#registrointerno_"+var_imovel_numero).val();
 var_id_imovel = $("#id_imovel_"+var_imovel_numero).val();
 var_categoria_mesclada = $("#categoria_mesclada_"+var_imovel_numero).val();
 var_tipex = $("#tipex_"+var_imovel_numero).val();
 carregando= '#carregando_'+var_imovel_numero;}

else if ($(this).attr("id")=='botao4'){
//var input = $("#escondido1").val(); funcionou    
 var_imovel_numero=4//$("#imovel_numero_2").val();
 var_clicou = 'botao4';    
 var_registrointerno = $("#registrointerno_"+var_imovel_numero).val();
 var_id_imovel = $("#id_imovel_"+var_imovel_numero).val();
 var_categoria_mesclada = $("#categoria_mesclada_"+var_imovel_numero).val();
 var_tipex = $("#tipex_"+var_imovel_numero).val();
 carregando= '#carregando_'+var_imovel_numero;}

else if ($(this).attr("id")=='botao5'){
//var input = $("#escondido1").val(); funcionou    
 var_imovel_numero=5//$("#imovel_numero_2").val();
 var_clicou = 'botao5';    
 var_registrointerno = $("#registrointerno_"+var_imovel_numero).val();
 var_id_imovel = $("#id_imovel_"+var_imovel_numero).val();
 var_categoria_mesclada = $("#categoria_mesclada_"+var_imovel_numero).val();
 var_tipex = $("#tipex_"+var_imovel_numero).val();
 carregando= '#carregando_'+var_imovel_numero;}

//esconde a div com informação de "Carregando..."
$(carregando).hide();

//Define nome da div que receberá o retorno do loading
 retorno= "#"+var_imovel_numero;

//XXXXXXXXXXXXXXXXXX
//Aqui é o problema - Cria a função que vai chamar o lightbox para a div carregada
//Erro que acontece: Só vai abrir as fotos no livebox se eu clicar 2X na imagem.
//1° clique abre a foto em nova janela (como se não tivesse carregado o lightbox), 
//2° clique abre a foto no lightbox.
$('a[@rel*=lightbox]').livequery('click', function() {$('a[@rel*=lightbox]').lightBox(); return false; });
//Não sei se é aqui que uso o livequery ou em outro lugar do script, mas aqui em parte funcionou.
//XXXXXXXXXXXXXXXXXX

//Esconde os botões de "+imagem" - só que eles continuam lá... Eu queria evitar um segundo clique.
$(".galeriax").hide();
               
// Esconder todas as divs que recebem a galeria, e deixa só a escolhida aberta.
if (retorno != "#1") {$("#1").hide();};
if (retorno != "#2") {$("#2").hide();};
if (retorno != "#3") {$("#3").hide();};
if (retorno != "#4") {$("#4").hide();};
if (retorno != "#5") {$("#5").hide();};

//Inicia carregamento
$(carregando).ajaxStart(function(){
  //Mostra menssagem carregando
  $(carregando).show();
  //Esconde div de retorno
  $(retorno).hide();
});

//Aqui acabou de carregar o conteúdo, acredito eu.
$(carregando).ajaxStop(function(){
// Esconde a menssagem de carregando.
$(carregando).hide(); 
// Exibe a div escolhida com a galeria
$(retorno).show("slow");  
});

//Envia os dados para abrir a galeria
$.get("http://meudominio/galeria_new.php",{registrointerno: var_registrointerno, id_imovel: var_id_imovel, categoria_mesclada: var_categoria_mesclada, tipex: var_tipex, n_imovel: var_imovel_numero}, 
      function(data) {$(retorno).empty().html(data); });

//Volta a mostrar o botão de "+fotos"
  $(".galeriax").show(); 

//Cancela ação padrão "Abrir link da galeria em nova página".
  return false; 

//Cria a variável da "ancora" e joga para ela, 
//tipo clicar em um link que te manda para uma ancora dentro da página, 
//Tentei mudar o foco para a div aberta mas não deu boa
//Tentei mudar o foco para o botão (imagem) "+fotos" da div aberta e não deu boa
//Fiz uma ancora em cima da div aberta e dou um get nela como se tivesse clicado em um link dela.
  ancorex="#ancora_"+var_imovel_numero;
  $.get(ancorex);
  } ); 
  } ); 
//Fim
</script>

Obrigado pela ajuda

Manoel Jr.

Abril 3, 2005

Olá Orlando

O código é este aqui:

<tr>

<td><a href="empresa.php" target="_self">A empresa</a>

<a href="corpo_tecnico.php" target="_self">Corpo técnico></a>

<a href="eventos_comemorativos.php" target="_self">Eventos comemorativos</a>

<a href="filiais.php" target="_self">Filiais</a>

<a href="historico.php" target="_self">Histórico</a>

<a href="logomarca.php" target="_self">Logomarca da empresa</a>

<a href="porque_artemisia.php" target="_self">Por que Artemísia?</a>

<a href="premios.php" target="_self">Prêmios recebidos</a>

<a href="#" target="_self">Projetos</a>

<a href="#" target="_self">Sistema de garantia da qualidade</a>

</td>

</tr>

</table>

</div>

Obrigadão!

Manoel Jr.

Abril 3, 2005

Olá Galera!!!

É assim, minha intenção é ter 1 (um) flash, para usar em diverssas páginas do site, e que ele carregue imagens diferentes em cada página.PHP.

Para isso, "acho" que se colocar os caminhos das imagens dentro da página.php que ele vai estar inserido, ele iria mostrar as imagens direitinho... Quando passase para outra página do site, ele iria carregar as imagens daquela página.

????Mas como faço isto?????

Me ajudem!!! por favor!!!

(passo a passo, se possível)

Obrigadão

Manoel Jr.

Abril 3, 2005

Olá pessoal!

Eu possuo um script java no topo da página que apresenta imagens randômicas. É o Anfy 2.

Uso menus feitos em Layers. Só que esse scrypt está fazendo a imagem aparecer por cima de todos os layers.

Outra coisa também, campos de formulario (estes campos comuns) também aparecem por cima do layer.

Como corrijo isto?

Obrigado

Manoe Jr.

Abril 3, 2005

Oi M@luco Belez@

heerr... me desculpa a ignorância, mas onde está o tópico suspenso de escripts?

é a parte do forum para envio de scripts?

Outra coisa, você sabe qual é o nome correto disto que estou precisando?

Obrigadão

Manoel Jr.

Abril 3, 2005

Olá Pessoal!!!

Eu queria saber qual é a diferença, entre um Ifreme e o include.

O include até sei algo sobre ele, uso para fazer aparecer em meu site algumas partes que são vistas iguáis em todas as páginas como os menus.

Mas o iframe, não tenho idéia do que seja.

Obrigado!

Manoel Jr.

Abril 3, 2005

Oi Pessoal!!!

Sou novo no pedaço!

Como faço para que apareça em todas as páginas do meu site, o caminho dela, tipo o que aparece aqui no forum:

Script Brasil Forum -> Web develop -> PHP

Isto é com algum script?

Obrigado!!!

Manoel Jr.

Entrar

manoelrmjr

Total de itens

Registro em

Última visita

Tipo de Conteúdo

Perfis

Fóruns

Posts postados por manoelrmjr

Exibir em Jquery 5 registros com suas galerias de fotos

Meu Java Sobrepões Layer! Ajuda-me!

Carregamento De Imagen Externa

Meu Java Sobrepões Layer! Ajuda-me!

Como Fazer Para Aparecer Local Da Página?

Quando Usar Iframe Ou Include?

Como Fazer Para Aparecer Local Da Página?

Navegação

Atividades