[Resolvido] Ancora com jquery/ajax

[regina 0]

Boa tarde,

 

Em um projeto preciso abrir um formulário na página, abaixo do conteúdo atual, no entando gostaria que a tela fosse posicionada exibindo o conteúdo aberto, ou seja, o formulário, mas quando clico para abrir ele abre e em alguns casos o visitante não conseguirá ver o que aconteceu, só a barra de rolagem vertical.

Gostaria de usar o efeito deste link no script abaixo:

$("#checkout").live('click', function(){
$(".dados_cliente").html('<img src="<?php print $path;?>/imagens/load.gif" id="loader"/>').fadeIn(300);
//inicio ajax jQuery
$.ajax({
  type:	 	'POST',
  url: 	 	'cadastro_cliente.php',
  cache: 	false,
  data:		'acao=getForm',
  success: 	function (formulario){
	$("#loader").fadeOut('200');
	$(".dados_cliente").hide();
	$(".dados_cliente").html(formulario).fadeIn('slow');
  }
});
});

botão que solicita a execução do script

<img src="imagens/finalizar_compra.png" alt="Finalizar compra" title="Finalizar compra" class="finalizar" id="checkout" />

Desde já agradeço.

[Diego L.L. 2]

Use o método offset().top para pegar a altura no documento do elemento que foi aberto, depois use o método scrollTop() do jquery para posicionar a página nesta posição.

 

Caso você queira que a página desça lentamente como um "slide", você pode usar o método animate(), pois este também tem suporte a propriedade scrollTop

[regina 0]

Agradeço o retorno Diego

 

mas consegui resolver, sem essas alterações que você sugeriu bastou prestar um pouquinho mais de atenção no script do Ruan Carlos e definir o id do objeto.

 

Fazia tempo que não tinha um tópico resolvido que pudesse ser marcado como RESOLVIDO aqui...

[Diego L.L. 2]

Agradeço o retorno Diego

 

mas consegui resolver, sem essas alterações que você sugeriu bastou prestar um pouquinho mais de atenção no script do Ruan Carlos e definir o id do objeto.

 

Espero que isso mude @regina ^^, eu já fiz parte deste fórum a uns 3 anos atrás e resolvi voltar e retornar com meus estudo em javascript e jquery, porém quero algo mais avançado. Vou desenvolver meu blog novamente e quando estiver pronto eu posto o link, assim eu posso continuar ajudando o pessoal aqui, e se alguém se interessar em um estudo mais aprofundado, dentro de normas e orientado a recursos eu planejo postar alguns tutoriais no blog. Dentro do blog também vou postar a documentação de alguns plugins jquery que eu desenvolvi e talvez seja útil para alguns.