Pegar conteúdo de uma DIV e colocar na Tooltip

[oscar009 0]

Olá Pessoal ,

 

Eu estou fazendo um template e estou com o seguinte problema, estou usando o tooltip jquery tipso e consegui pegar o texto dentro

de uma DIV e jogar ela na tooltip. Porém o que acontece que ela pega o texto da primeira e joga em todas.

Como eu poderia pegar o texto de cada DIV e deixa-la na tooltip correta.

 

Abaixo eu estou colocando as imagens para explicar melhor o que preciso, assim também um link com o exemplo funcionando.

Por favor, se alguém puder me dar essa força ficarei muito agradecido.

 

 

Na Imagem acima o Primeiro botão está funcionando perfeitamente.

Mas no segundo botão eu quero que apareça o texto do segundo botão.

 

Eu sei que deve existir alguma maneira para o texto do botão 2 aparecer no botão 2.

 

Abaixo as imagens do código.

 

 

Imagem do Arquivo tooltip.js

 

Abaixo o link do exemplo funcionando, porém com esse erro que não consigo resolver.

 

Link TOOLTIP

 

Talvez eu não tenha explicado o que eu preciso, mas olhando as imagens do código e o exemplo

dá para entender melhor.

 

Desde já Agradeço a todos que puderem me ajudar.

Oscar Aguiar.

[B-runo 1]

Nunca usei este plugin (uso o framework materialize do google), mas pelo seu codigo da pra ver que voce esta usando a mesma classe (do botao), e o mesmo id (do conteudo) por isso so esta mostrando o mesmo texto para os dois botoes

[B-runo 1]

Entao faça o seguinte:

 

Crie um id para cada botao

por exemplo:

<div id ="botao1"> e <div id ="botao2">

 

e um id diferente para cada conteudo

por exemplo:

<div id ="conteudo1"> e <div id ="conteudo2">

 

depois na funcao faça:

 

var box1 = $("conteudo1").text();

var box2 = $("conteudo2").text();

 

$("botao1").tipso({

// Tudo igual aqui

content: box1

});

 

e

 

$("botao2").tipso({

// Tudo igual aqui

content: box2

});

 

Se não entendeu é só perguntar que eu tento explicar de melhor

[oscar009 0]

Obrigado pelo suporte colega, porém esse esquema não irá funcionar para mim.

Eu estou fazendo esse template para exibir algum texto sobre o produto.

Então imagine que eu tenha uma prateleira com 1500 produtos, o código ficaria gigantesco.

 

Por isso eu tenho certeza que dá para fazer de alguma forma, ou um array ou uma função.

 

Mas agradeço pelo suporte.

[B-runo 1]

Entendi,

bem como nao tenho como testar esse plugin pensei em um jeito(pode nao ser dos melhores).

 

Nao sei com que linguagem voce esta trazendo os dados do banco mas a logica seria seguinte:

 

 

<% id = 1 %>

<% while not infobanco.eof %> -> isso é em e asp(utilize sua linguagem de programaçao)

 

<div id ="botao<%=id%>">BOTÃO</div>

<div id ="conteudo<%=id%>">CONTEUDO</div>

 

<script type="text/javascript">

$("botao2").tipso({

// Tudo igual aqui

content: $("#conteudo<%=id%>").text()

});

</script>

 

<% id = id + 1 %>

 

<% infobanco.movenext %>

<% wend %>

 

Faça o teste e tente usar essa logica com sua linguagem de programaçao.

[oscar009 0]

vou tentar fazer em PHP, porque é a linguagem que estou usando junto com mySql e Javascript