Jump to content
paulaodaregulage

Exibir informações sobre as imagens automaticamente(sem passar o mouse em cima)

Recommended Posts

Boa noite Srs...

por favor!!

eu gostaria q minha planilha exibisse informações sem precisar colocar  o mouse em cima.

SENDO Q...UMA INFORMAÇÃO EXIBIDA  N PODE CONFLITAR COM A OUTRA(POIS ELAS ESTÃO PRÓXIMAS)

<script type="text/javascript" src="js/wz_tooltip.js"></script>

<TABLE>
  <TR>
    <TD><font size='2' style="color:BLUE" onmouseover="Tip('IMAGEM 1')" onmouseout="UnTip()"><IMG SRC='IMAGEM1.PNG'></FONT></TD>  
      <TD><font size='2' style="color:BLUE" onmouseover="Tip('IMAGEM 2')" onmouseout="UnTip()"><IMG SRC='IMAGEM2.PNG'></FONT></TD> 
       <TD><font size='2' style="color:BLUE" onmouseover="Tip('IMAGEM 3')" onmouseout="UnTip()"><IMG SRC='IMAGEM3.PNG'></FONT></TD> 
  </TR>
  <TR>
    <TD><font size='2' style="color:BLUE" onmouseover="Tip('IMAGEM 4')" onmouseout="UnTip()"><IMG SRC='IMAGEM4.PNG'></FONT></TD> 
       <TD><font size='2' style="color:BLUE" onmouseover="Tip('IMAGEM 5')" onmouseout="UnTip()"><IMG SRC='IMAGEM5.PNG'></FONT></TD> 
          <TD><font size='2' style="color:BLUE" onmouseover="Tip('IMAGEM 6')" onmouseout="UnTip()"><IMG SRC='IMAGEM6.PNG'></FONT></TD> 
  </TR>
  <!--...-->
  <TR>
    <TD>IMAGEM ..</TD><TD>IMAGEM 1...</TD><TD>IMAGEM ..</TD><TD>IMAGEM 1...</TD><TD></TD>
  </TR>
</TABLE>


      
      

 

 

SERÁ Q O ÚNICO JEITO É FAZER A CONFIGURAÇÃO NA MARRA MESMO??

USANDO 

<DIV ID='IMAGEM1'> 

PARA CADA UM DELES E USAR O

<STYLE> #IMAGEM1{MARGIN: X X X X;}</STYLE>

     ??????????

 

 

este é um exemplo...

mas o meu caso real tem varias informações na minha planilha,e se eu fizesse uma de cada vez  o div seria um caos,

qria saber se tem alguma exibição que  o javascript ou algo do tipo possa fazer....

(exibir automaticamente informações dessas imagens,sem precisar colocar o mouse em cima...)

 

 

obs.:lembrando q uma imagem está próxima da outra...a solução seria  exibir informações sobre ou sob elas ,e n conflitar com a informação da imagem ao lado...

 

vlwww ....

 

 

 

 

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now

  • Similar Content

    • By Ted2370
      Primeiro, eu sou leigo no assunto e estou tentando aprender sobre funções criando um programa básico!
      O problema é que estou tentando fazer uma condição que:
      Ao apertar o botão: Abrir Caixa, a ideia é que apareça um alert na tela dizendo que o caixa foi aberto. até aí tudo bem.
      Mas queria que, ao pressionar o botão novamente, ele fechasse o caixa.
      Pra isso tentei utilizar a própria string do que, quando estivesse escrito 'Caixa Fechado', ele abriria, e quando estivesse 'Caixa Aberto' ele fecharia
      o problema é que eu não sei por que o meu js não ta reconhecendo o que está escrito na string, só reconhece que é uma string. (quando tento o mesmo código no node exec, ele funciona) :(
      ta aí os Códigos:
      <!DOCTYPE html> <html lang="pt-BR"> <head> <link rel="stylesheet" href="estilos.css"> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <title>Caixa</title> </head> <body> <div class="lateral" > <h1 class="" name="txtest" id="estado">Caixa Aberto</h1> <input type="number" name="txtinit" id="txtinit" class="txtinit"> <input type="button" value="Abrir Caixa" onclick="abrir()" class="open" id="abrir"> </div> <script src="./main.js"></script> </body> </html> const { app, BrowserWindow } = require('electron') function createWindow() { let win = new BrowserWindow({ width: 1360, height: 720, fullscreen: false, frame: true, webPreferences: { nodeIntegration: false } }) win.loadFile('index.html') win.removeMenu('index.html') } function abrir() { var estate = window.document.getElementById('estado') if (estate == 'Caixa Aberto') { estate = 'Caixa Aberto' window.alert("O caixa foi Aberto!") } else { estate = 'Caixa Fechado' window.alert("O caixa foi Fechado!") } } app.on('ready', createWindow) body{ background: rgba(231, 223, 206, 0.37); } .word{ background: red; } .txtinit{ font-variant-numeric: tabular-nums; height: 20px; width: 200; background: rgba(231, 223, 206, 0.37); } .open{ height: 60px; width: 200px; margin-top: 500px; } .lateral{ text-align: center; background: rgba(0, 0, 0, 0.74); margin-top: 20px; height: 670px; width: 250px; }  
    • By rtavix
      Estou realizando uma implementação de um determinado relatório, e implementei a estrutura(html da pagina) do mesmo dinamicamente, entretanto quando vou tentar imprimir ele com os dados preenchidos o mesmo não abre uma aba a parte mostrando toda essa estrutura da pagina. Estou tentando fazer via JavaScript, porém não funciona. meu ação do clique do botão de imprimir é esse:
      <div class="box-footer"> <button class="btn btn-padrao" id="btnImprime" runat="server" visible="false" onserverclick="btnImprimir_ServerClick">Imprimir</button></i>Novo</button> </div> Meu javaScript é esse:
      function Imprimir() { var panel = document.getElementById("ConteinerImprimir"); var printWindow = window.open('', '', ''); printWindow.document.write('<html><head><script src="JsRelatorioFinanciamento.js"></script>'); printWindow.document.write('<link href="../StyleJs.RelFinanciamento.css" rel="stylesheet"/>'); printWindow.document.write('</head><body>'); printWindow.document.write('<div class="conteiner" style="width: 700px">' + panel.innerHTML + '</div>'); printWindow.document.write('</body></html>'); printWindow.document.close(); setTimeout(function () { printWindow.print(); }, 500); return false; e meu código .cs que realiza a implementação da estrutura da pagina em html dinâmico é esse: 
      #region html #region Header private string header = @" <table style = 'margin-bottom: 0px;'> <tr id='topLogo'> <img src = 'http://internet.sefaz.es.gov.br/imagens/topo_brasao.png' alt=''> <td style = 'border: 0px; padding-bottom: 5px;'> <h2 style='margin-top: 15px;' class='center'> TESTE 1 </h2> <h3 style = 'margin-top: 15px;' class='center'> TESTE 2 - 2<br/> </h3> <h3 style = 'margin-top: 15px;' class='center'> TESTE 3<br/> </h3> <h3 style = 'margin-top: 15px;' class='center'> FINANCIAMENTO LIBERADO - TODAS EMPRESAS<br/> </h3> <h3 style = 'margin-top: 15px;' class='center'> Base {1}<br/> </h3> <h1 style = 'margin-top: 15px;' class='left'> EmpresasTESTE4 - {2}<br/> </h1> </td> </tr> </table>"; #endregion #region Conteudo private const string dadosFinanciamento = @" <table style='padding: 0px; margin: 0px;' class='no-bold'> <tr class='tr-center'> <tr> <td colspan = '4' > Razão Social <h4> {0}</h4> </td> </tr> <tr> <td>Inscrição Estadual <h4 class='center'>{1}</h4> </td> <td colspan ='2'> C.N.P.J <h4> {2} </h4> </td> <td colspan='2'>Nome Fantasia <h4>{3}</h4> </td> </tr> </table> <br/>"; #endregion #region ValoresFin private const string dadosValores = @" <table style='padding: 0px; margin: 0px;'class='no-bold'> <tr> <td rowspan = '3' style=border-bottom: 3px solid black> <h5>Faturamento Dezembro 2014</h5> <h4>Saldo</h4> </td> <td class='center'> <h2>ICMS Previsto</h2> </td > <td class='center'> <h2>ICMS Recolhido</h2> </td> <td class='center'> <h2>Contratado</h2> </td> <td class='center'> <h2>Liberado</h2> </td> </tr> <tr> <td class='center'> {0} </td> <td class='center'> {1} </td> <td class='center'> {2} </td> <td class='center'> {3} </td> </tr> </table> <br/>"; #endregion #endregion e estou utilizando o StringBuilder:
      StringBuilder strConstrution = new StringBuilder(); Alguém saberia me instruir como eu posso fazer para conseguir visualizar meu relátorio por completo?
    • By rohilario_
      Galera, boa tarde!
      Estou desenvolvendo um sistema com PHP, Mysql, JS e Bootstrap, que gerencia sorteios conforme cadastro.
      Tudo funcionando perfeitamente, contudo atualmente fazemos impressões em um layout e colocamos em uma urna, na qual acontece o sorteio manual..
      Gostaria, de alguma forma, criar uma tela de sorteio, onde ele buscaria as informações do banco (coluna cartela) e sorteasse um número de cartela qualquer com alguns efeitos de "suspense".
       
      O grande problema para mim até o momento: Fraco em JS apesar de fazer algumas "coisinhas"; Não faço ideia nem por onde começar, comecei tão somente lendo alguns efeitos com jquery.
      https://api.jquery.com/category/effects/
      Não sei como pegar as informações do banco mysql com JS.
      Sugeri o JS por conta das libs disponíveis, mas poderia ser com o proprio PHP...
       
      Agradeço as colaborações desde já!
×

Important Information

Ao usar o fórum, você concorda com nossos Terms of Use.