Ir para conteúdo

POWERED BY:

Arquivado

Este tópico foi arquivado e está fechado para novas respostas.

sedex

Tooltip com imagens do mysql

Por , em PHP

Recommended Posts

sedex    0

sedex
Postado

Olá pessoal, to com uma pequena dúvida...

 

Estou tentando criar um calendário para eventos, e que quando o usuário passar o mouse sobre uma data ou link, aparece em forma de tooltip a imagem do evento cadastrado no banco de dados.

 

Alguém já tentou isso? Teria como?

Compartilhar este post

Link para o post
Compartilhar em outros sites

batatinha66    0

batatinha66
Postado

sim sim...eh javascript + php

a parte de javascript eh divs...a tabela k ira aparecer a imagem dentro...

tipo assim

ao passar o mouse no link 1 ele abriria a div na coordenada x com a pagina2.php dentro

no link 2 em outra cordenada e por ai vai...

pra isso veja aqui:

http://www.maujor.com/tutorial/meio_tela.php

 

e pra cada link ao chamar a pagina2.php voce seta um parametro com o numero do link...

tipo index2.php?dia=12

ai na pagina index2.php voce acessa o banco de dados e pega a imagem...imprimindo-a na tela com um simples

echo "<img src..............";

 

=]

espero ter ajudado!!!

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

Compartilhar este post

Link para o post
Compartilhar em outros sites

sedex    0

sedex
Postado

Acho dessa forma daria certo, mas não to conseguindo fazer funfar?

 

 

<td width="92%" height="25" class=mini onmouseover="popup('<table border=0 cellspacing=0 style=border-collapse:collapse collapse height=1 bordercolor=#111111 cellpadding=0><tr> <td width=100% height=1><img src=<?php echo $foto; ?>></td></tr></table> ', '1', '', '', '');" onmouseout="kill();">

 

PASSE O MOUSE

 

</td>

 

Alguém sabe onde estou errando?

Compartilhar este post

Link para o post
Compartilhar em outros sites

batatinha66    0

batatinha66
Postado

voce ta chamando uma funcao que nao existe...se tem essa funcao posta ela ai pra nois v...eu criei uma funcaozinha simples aki...do jeito k voce ker(javascript)

eh um exemplozin simples com soh 3 tabelas...so pra voce ter uma ideia de como eh

<html>

<head>

<title></title>

<style type="text/css">
<!--
.divs {
	line-height: 50px;
	position: absolute;
	height: auto;
	width: auto;
	top: 5%;
	right: 525px;
	left: 10%;
}
.divs2 {
}
.divs2 {
	left: 10%;
	top: 10%;
	height: auto;
	width: auto;
	position: absolute;
}
.div3 {
	width: auto;
	position: absolute;
	height: auto;
	left: 10%;
	top: 15%;
}
-->
</style>
</head>

<body>
<div class="divs"></div>
<table>
<script language="javascript">
function popup(codigo,cod){
document.getElementById("pop"+cod).innerHTML=codigo;

}
function kill(cod){
document.getElementById("pop"+cod).innerHTML = "";
}</script>
<?php
$foto = array(0 => 'dragao.jpg', 1 => 'ft2.jpg', 2 => 'fenix.jpg');
?>
<td width="33%" height="25" class=mini onMouseOver="popup('<table border=0 cellspacing=0 style=border-collapse:collapse collapse height=1 bordercolor=#111111 cellpadding=0><tr> <td width=100% height=1><img src=<?=$foto['0']?>></td></tr></table>',1)" onMouseOut="kill(1)">PASSE O MOUSE
</td></tr><tr>
<td width="33%" height="25" class=mini onMouseOver="popup('<table border=0 cellspacing=0 style=border-collapse:collapse collapse height=1 bordercolor=#111111 cellpadding=0><tr> <td width=100% height=1><img src=<?=$foto['1']?>></td></tr></table>',2)" onMouseOut="kill(2)">PASSE O MOUSE   <br>
</td></tr><tr>
<td width="33%" height="25" class=mini onMouseOver="popup('<table border=0 cellspacing=0 style=border-collapse:collapse collapse height=1 bordercolor=#111111 cellpadding=0><tr> <td width=100% height=1><img src=<?=$foto['2']?>></td></tr></table>',3)" onMouseOut="kill(3)">PASSE O MOUSE	   <br></td></tr></table>
<div class="divs" id="pop1"></div>
<div class="divs2" id="pop2"></div>
<div class="div3" id="pop3"></div>
</body>

</html>
=]

flwss

Compartilhar este post

Link para o post
Compartilhar em outros sites

sedex    0

sedex
Postado

function popup(msg,sz,borda,frclr,bakclr) {

var content="<table border=0 cellspacing=0 cellpadding=5 background=img/sombra.gif><tr><td>"+msg+"</td></tr></table>";

 

yyy = Yoffset;

if (ns4) {

skn.document.write(content);

skn.document.close();

skn.visibility = "visible"

}

if (ns6) {

document.getElementById("dek").innerHTML = content;

skn.display = ''

}

if (ie4) {

document.all("dek").innerHTML = content;

skn.display = ''

}

}

 

 

function kill() {

yyy = -1000;

if (ns4) { skn.visibility = "hidden"; }

else if (ns6 || ie4) skn.display = "none"

}

Compartilhar este post

Link para o post
Compartilhar em outros sites
Ir para a lista de tópicos PHP
×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.

  Aceito