Abrir uma tooltip com um iframe dentro

[JurisCode 0]

As tooltips que tem por aí não abrangem o que eu preciso. Estou desenvolvendo um script destinado ao usuário leigo.

 

É um assunto meio atravessado entre css e javascript. se preferirem mover pra seção de javascript, se eu não encontrar este topic mais aqui eu procuro lá tbm.

 

eu gostaria que quase todo o codigo do <span> que mostra o conteúdo da tooltip ficasse dentro de um arqiuvos js em separado ou dentro da tag head.

 

Ex:

<span id="minha_tooltip"><iframe scr="meusite/minhapagina?queryname="></iframe></span> ficaria dentro de um arquivo js ou no head da página.

no link, eu gostaria que tivesse algo como <a href=# id=tooltip_link>Nome Qualquer</a> - Esse Nome Qualquer seria o valor da querystring 'queryname' lá no iframe.

 

Eu quero ter um arquivo CSS para as formatações, um JS para colocar as funções, se for o caso, ou colocar o codigo no head do site e o link ser algm bem simples de fazer que é para ser ferramenta pra blogueiro q não manja de programação.

 

Efeito pretendido: Passar o mouse pelo link e abrir uma tooltip com um iframe apontando para uma página dinamica que vai processar a querystring, fazendo tipo uma busca pela base de dados e retornando a descrição respectiva da querystring linkada.

[Thiago Retondar 18]

Neste caso sua dúvida está mais para JavaScript do que WebStandards. http://forum.imasters.com.br/public/style_emoticons/default/natal_laugh.gif

 

Tópico movido:

 

Webstandards: CSS / XML / XHTML / HTML http://forum.imasters.com.br/public/style_emoticons/default/seta.gif JavaScript / DHTML

 

Em resumo: você vai usar o onmouseover e onmouseout e com innerHTML, createElement, appendChild, etc...

 

Mas me diz uma coisa: por que não deixar no arquivo HTML?

 

http://forum.imasters.com.br/public/style_emoticons/default/thumbsup.gif

[JurisCode 0]

quero fazer um script para ser instalado por leigos, daí é bem mais fácil fazer

<link href="css/tooltip.css" rel="stylesheet" type="text/css" /> que colocar todo o codigo la!

[JurisCode 0]

e por esse mesmo motivo quero que o link seja bem simplificado, porque se tiver que colocar o link, cada span com o codigo próprio... acho q ngm vai querer usar o meu sisteminha.

 

Mals por responder sucessivamente, pensei que iria adicionar à outra mensagem e eu não achei a opção de deletar a mensagem

[Henrique Barcelos 290]

http://jquery.bassistance.de/tooltip/demo/

[Thiago Retondar 18]

Sim... Sim... Mas por que não colocar o span já no HTML?

 

Para você gerar esses conteúdos, vai precisar no mínimo uma linguagem server side, certo?

 

http://forum.imasters.com.br/public/style_emoticons/default/thumbsup.gif

[JurisCode 0]

pode ser no html, nada obsta. Aliás, depois eu jogo as rotinas dentro de um arquivo js se for possível ou coloco o codigo pra ser copiado.

mas até agora não teve esclarecimento sobre como eu coloco o texto linkado como valor da querystring da url do iframe dentro da tooltip (ficou confuso?)

[William Bruno 1501]

Eu não tinha visto este topico antes.. mas essa duvida daqui, é a mesma de:

http://forum.imasters.com.br/index.php?/topic/374228-simplificar-esse-codigo/page__view__findpost__p__1443194

 

certo?

acho que resolvemos:

como eu coloco o texto linkado como valor da querystring da url do iframe dentro da tooltip (ficou confuso?)

Aqui:

for( var i=0; i<a.length; i++ )
        {
                var label = a[i].innerHTML;

acessando o valor que está dentro da tag a.

 

resolvido esse topico aqui? ou mesclo os 2 ?