9 replies to this topic

[thioz21]

Fala ai galera blza? então se tiver topico assim me desculpe mas eu não achei.. to com um problema aqui assim:

Quero que essa função(jquery) pega o ID e abre na <div id="id"... isso dinamicamente..

dropdownbutton-1
dropdownbutton-2
dropdownbutton-3

esse dropdownbutton-$id ta vindo de um PHP.. vou postar o PHP e o Jquery aqui.. fiz uns teste e ele so abre do ultimo ID... tenho 4 registro no BD quando clico na seta para abrir o drop ele so abre a ultima ID que no meu caso é a ID=4.. e eu preciso que ele abre a div na id que o usuario clicou

javascript

 $(document).ready(function(){	
	$("#dropdownbutton").click(function() {
 	$("#menu").slideToggle("slow");
	});
 });

PHP

require_once 'class/manipulaSql.php';
$obj = new manipulaSql();

$result = $obj->exibir('banco', 'id');
while ($linha = mysql_fetch_array($result)) {
	echo"<div id='quadroT'><a href='?tpl=ver_codigo&id=".$linha[id]."'>" . $linha[titulo] . "</a></div>
		<a href=\"#\" id=\"dropdownbutton-".$linha[id]."\"><img src=\"png/iconeSeta.jpg\" width=\"14\" height=\"14\" border=\"0\" /></a>
 	<ul id=\"menu\" style=\"display:none\">
 	<a href=\"".$linha[id]."\"><img src=\"png/16x16/application_edit.png\" width=\"16\" height=\"16\" /></a>&nbsp;<img src=\"png/16x16/application_remove.png\" width=\"16\" height=\"16\" />
 	</ul>
	";
}

[]'s

[Édipo Costa Rebouças]

poderia ser algo tipo assim:

 $(document).ready(function(){  
        $("[id*=dropdownbutton-]").click(function(){
                var refId = this.id.split('-')[1];
                var $element = $('#'+refId);
                if($element.size()) //se element existe
                   if($element.is(':visible')) $element.hide('slow'); //se for visivel, oculta
                   else $element.show('slow'); //se não for visivel, mostra
        });
 });

[thioz21]

Fala ai blza? então.. coloquei esse seu código ai e não resolveu.. eu estava dando uma modificada aqui.. falta pouco para conseguir.. so que eu travei nessa parte.. seguinte vou postar o codigo aqui e explicar o que eu fiz

$(document).ready(function(id){	
	$("a, #dropdownbutton-"+id).click(function(id) {
 	$("#menu-"+id).slideToggle("slow");
	});
 });

$("a, #dropdownbutton-"+id) - coloquei um "a" ai resolveu até uma parte só

como tem uma UL ai que complico..
$("#menu-"+id) - assim não funciona, mas quando eu coloco assim.. $("ul, #menu-"+id) .. funciona legal.. so que ele abre todas as UL em vez da que eu clique.. se eu clicar no primeiro registro ele abre todos os registros... entendeu?


abraços

Edição feita por: thioz21, 17/11/2010, 17:24.

[Édipo Costa Rebouças]

colega o que acontce é que vc não esta entendendo o funcionamento do jQuery.

Basicamente o que o a função do cifrão faz é buscar todos elementos a partir de um seletor css, então se vc faz:

$('ul').show();

Você chamar o metodo show() a todas as tags "ul" da sua página.

se vc faz

$('a').show();

Você chamar o metodo show() a todas as tags "a" da sua página.

você pode usar dois seletores dentro da função do cifrão($), exemplo:

$('a,ul').show()

Neste exemplo você tem dois seletores separados por virgula, um seleciona todos as tags "a" e o outro todas as tags "ul" e aplicamos o metodo show a todos.

Então quando você faz:

$("ul, #menu-"+id)

Ele esta selecionando todas as tags "ul" e todos as tags que tem o id igual a #menu-id_varivel, onde id_varivel é substituido pelo valor da variavel id.

No caso do primeiro código html que você me mostrou, o ul esta com o id="menu" sempre fixo, sendo que o id não pode se repetir numa página e não vai funcionar com nenhuma função que vc fizer.

O id da ul tem que ser algo como id="menu123" e não pode conter o "-" se não vai dar problema com a função que eu fiz.

um código simples que deveria rodar com a função que fiz seria esse:

<a href="#" id="dropdownbutton-menu123">menu 123</a>
<ul id="menu123" style="display:none">
  <li>intem 1</li>
  <li>intem 2</li>
</ul>
<a href="#" id="dropdownbutton-menu124">menu 124</a>
<ul id="menu124" style="display:none">
  <li>intem 1</li>
  <li>intem 2</li>
</ul>

Se vc tiver um exemplo online para eu analisar facilita.

[thioz21]

Fiz com sua funções e resolveu meu problema... vlwww

[]'s

[RonsisM]

Compra Kamagra Online cialis Can I Take Expired Amoxicillin Pills Amoxicillin And Urinary Tract Infections Cialis Remboursement Where To Buy Clalis Drugs cialis Cialis Einnahmezeitpunkt
Rx Pharmacy Ciallis cialis price Cialis Durata Effetto
Cheap Generic Cialis
Tab Progesterone Overseas <a href=http://cialtobuy.com>cialis</a> Dove Acquistare Cialis Senza Ricetta

[RonsisM]

Canadarx Mall canadian healthcare mall levitra Viagra Donde Comprar Precio
Effetti Cialis Identifying Pills And Amoxicillin levitra prices Achat Cialis Avec Paypal Tadalafil Generic Best Prices Online
Venta Cialis Hermosillo Kamagra Fur Frau Acheter Xenical En Belgique levitra order online Superdrugsaver Amoxicillin 500 Mg For Sale Purchasing Viagra Without Prescription

[RonsisM]

Cialis Frei Erhaltlich Cialis Y La Disfuncion Erectil levitra cheapest price Buy Levitra Super Active Online
Amoxicillin And Dogs Canadian Prednisone Canadian Drugstore Viagra generic viagra Robinaxol
Cialis Posologie viagra prescription Amoxicillin 400mg Suspension Viagra Kaufen Online Gunstig Www Online Pharmacy

[RonsisM]

Nolvadex Men Cytotec 5 Mg Traitement Cialis viagra vs cialis vs levitra Kamagra Oral Jelly Paris
Cialis Prezzo Al Pubblico Xenical Online Bestellen Schweiz Herb Viagra Green Box Reviews viagra Buy Metronidazole

[JeffMalm]

Caspase 3 is an executioner caspase required for both intrinsic mitochondrial and extrinsic apoptosis pathways finasteride vs propecia If you re prescribed doxycycline, it s important to protect your skin from the effects of excessive sun exposure
purchase cialis Price online clomid