Jump to content

  2. → Viewing Profile: Posts: webbruno

webbruno

Member Since 12/09/2005
Offline Last Active 05/09/2010, 00:39
-----

Posts I've Made

In Topic: Erro Em Fadein/Fadeout

04/09/2010, 20:20

hm..colocando o css entre chaves?

$(elemento).css({"background":"url(/site/imagens/themeTorriton/logo.png) no-repeat"});

In Topic: Delay?

04/09/2010, 20:18

Só explicando... (até pra eu ver se o raciocinio esta correto)

Registrando um evento de click para um elemento com class pi

Aplica slideDown na #curtin e o segundo parametro como é um callback (ou seja é executado quando o slideDown terminar ele aplica um delay de 1000 e aplica o fadeIn em um load feito na div.

Depois SlideUp e Show

Minha colaboração

$(function () {	
	$(".pi").live('click', function(){
	if ($("#curtin").is(':hidden')) {	
		var $link = $(this).attr("href");
		$("#curtin").slideDown(1300, function(){
			$.get($link,function(data){
				$("#content").html(data)
				.hide()
				.fadeIn(1000);
			});
		});	
	}
	else
		$("#curtin").slideUp(1300);		
	return false;
	});	
});

Tambem talvez

$(function () {	
	$(".pi").live('click', function(){
		var $link = $(this).attr("href");
		$("#curtin").slideToggle(1300, function(){
			$.get($link,function(data){
				$("#content").html(data)
				.hide()
				.fadeIn(1000);
			});
		});	
	return false;
	});	
});

In Topic: Efeito Slidedown A Partir De Radio Button

04/09/2010, 19:27

Cara no intuito de te ajudar, como voce disse que nao entende muito de JS e com JQuery deve ser o mesmo, fiz um exemplo simples, veja se serve.

Tentei fazer uma coisa intuitiva sem muito dinamismo só pra voce ter uma ideia.

Abraços

<html>
<head>
<title>Exemplo</title>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js" type="text/javascript"></script>

<style>
.naomostra
{
	display:none;
	width:200px;
	height:100px;
	margin:5px;
}
.c1
{
	background-color:blue;
}
.c2
{
	background-color:red;
}
</style>

<script>
$(function (){

	$("#dv1").show(300);

	$("#grupo input[type=radio]").live('click',function() {
		var valor = $(this).val();
		
		$("#dv1").hide(300);
		$("#dv2").hide(300);
		
		if (valor == 1)	$("#dv1").show(600);		
		else if (valor == 2) $("#dv2").show(600);
	});
});
</script>

</head>
<body>
<div id="grupo">
	<input type="radio" id="rExemplo1" name="rExemplo" value="1" checked="checked" />Input Radio 1
	<input type="radio" id="rExemplo2" name="rExemplo" value="2" />Input Radio 2
</div>
<div class="naomostra c1" id="dv1">Sou a div 1 que aparece para o radio 1</div>
<div class="naomostra c2" id="dv2">Sou a div 2 que aparece para o radio 2</div>
</body>
</html>

In Topic: [Resolvido] DúVidas Com Jquery

05/09/2010, 00:38

Olá amigo, obrigado pela resposta.

Então neste exemplo como faria? Para que ao clicar no link ele carregue na div que serve como container para o link?

...
<script>
$.fn.extend({

exemplo: function(){
              $("a", $(this)).live('click',function(event) {
                       event.preventDefault();
                       // pegando o html do link
                       var thtml = $(this).html();
                       // div container.html("Carreguei o link" + thtml);
              });
}

});

$("#minhaDiv").exemplo();

</script>

<div id="minhaDiv">
          <div id="dvcabecalho">Cabecalho</div>
<a href="pagina1.php">Pagina 1</a>
<a href="pagina2.php">Pagina 2</a>
<a href="pagina3.php">Pagina 3</a>
</div>

Neste caso, tenho 3 links, que estão dentro da div "minhaDiv". Eu registro esta "minhaDiv" para o plugin "exemplo" que criei. Sendo assim, os links para esta div, ou seja $("a",$(this)).live()... serão impressos na div, fazendo uma espécie de substituição da div.

Lembrando que, se eu der um alert no thtml eu vejo o conteúdo do link. Ou seja, $(this) dentro do live reporta ao link. Eu sei que para pegar os parents deles eu posso usar o parents. Posso filtrar, posso dar um find e etc.

Minha pergunta é, uma vez que registrei $("#minhaDiv").exemplo(); E que este plugin captura todos os links dela... Como saber qual é a div que disparou?

Pode dar um exemplo?

Obrigado

Ufa!!! Salvo pelo Firebug!!

Depois de usar o Console.log do firebug no meu script consegui ver com detalhes o meu $(this) anterior. com a propriedade select eu obtenho a div do adivinha? Do seletor, ou seja, quem é o container.

Exemplo pra quem não entendeu:

<script>
$.fn.extend({

exemplo: function(){
              var $this = $(this); // Pra não perder a referência lá dentro
              // Buscando todos os links do selector
              $("a", $this).live('click',function(event) {
                       event.preventDefault();
                       // pegando o html do link
                       var thtml = $(this).html(); // pega o A
                       alert($this.selector); // Imprime #minhaDiv
              });
}

});

$("#minhaDiv").exemplo();

</script>

<div id="minhaDiv">
          <div id="dvcabecalho">Cabecalho</div>
<a href="pagina1.php">Pagina 1</a>
<a href="pagina2.php">Pagina 2</a>
<a href="pagina3.php">Pagina 3</a>
</div>

  1. Fórum WMO
  2. → Viewing Profile: Posts: webbruno
  3. Privacy Policy
  4. Regras ·
IPB Skin By Virteq