Usamos cookies para medir audiência e melhorar sua experiência. Você pode aceitar ou recusar a qualquer momento. Veja sobre o iMasters.
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.
/applications/core/interface/imageproxy/imageproxy.php?img=http://oscaraguiar.com/tooltip/tooltip1.png&key=a2405964971df4859b2f2df31ee6e0f30f072249454046c87b0d803575c602ea" alt="tooltip1.png" />
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.
/applications/core/interface/imageproxy/imageproxy.php?img=http://oscaraguiar.com/tooltip/tooltip2.png&key=a35a82f475392a0d6beaa355a776e2935b4b2a7e3a436603cb51f3650ca17e16" alt="tooltip2.png" />
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.
/applications/core/interface/imageproxy/imageproxy.php?img=http://oscaraguiar.com/tooltip/codigo1.png&key=3f18515b7f87ab3e4b3673b970ea48d2b66aed9ad291b78bd4e37c9d1f23b664" alt="codigo1.png" />
Imagem do Arquivo tooltip.js
/applications/core/interface/imageproxy/imageproxy.php?img=http://oscaraguiar.com/tooltip/codigo2.png&key=f1475faa09d2cfd24484640aea89f2b11c0d61cbbfb9819e54644166968d94a6" alt="codigo2.png" />
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.
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
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.
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.
vou tentar fazer em PHP, porque é a linguagem que estou usando junto com mySql e Javascript
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