ugrás a tartalomhoz

Javascript szövegdoboz

mauladam · 2012. Ápr. 18. (Sze), 15.41
Sziasztok!

A kérdéseim ezek lennének,
Szeretnék egy szövegbuborékot megjeleníteni egy kép jobb felső sarkától indulva.
Egyáltalán megvalósítható-e amit szeretnék?
Próbálkoztam javascripttel, egy switch-case feltétellel, de ez nem az erősségem.
Úgy szerettem volna, hogy a függvény OnMouseOver-re aktiválódik, és a paramétere egy string lett volna, ami az adott inputhoz tartozó id.(Az inputok mellett van egy kis kérdőjel, mindegyikhez tartozik egy.)

Köszönöm szépen a segítséget! :)
 
1

Miért?

Poetro · 2012. Ápr. 18. (Sze), 16.15
Miért JavaScript-tel? Csak azért mert ezt simán meg lehet csinálni CSS-sel is, ha nem megy a JavaScript. Egyszerűen valami ilyesmi:
  1. <!DOCTYPE html>  
  2. <html>  
  3. <head>  
  4.     <title>Page Title</title>  
  5.     <style type="text/css">  
  6.         figure {  
  7.             position: relative;  
  8.             display: inline-block;  
  9.         }  
  10.         figure figcaption {  
  11.             position: absolute;  
  12.             top: 10px;  
  13.             right: 10px;  
  14.             border: 2px solid #060;  
  15.             background: #090;  
  16.             color: #fff;  
  17.             max-width: 150px;  
  18.             display: none;  
  19.             padding: 3px 5px;  
  20.         }  
  21.         figure:hover figcaption {  
  22.             display: block;  
  23.         }  
  24.     </style>  
  25. </head>  
  26. <body>  
  27.     <figure>  
  28.         <img src="http://upload.wikimedia.org/wikipedia/commons/thumb/9/9d/Britney_Europe.jpg/474px-Britney_Europe.jpg"  
  29.         alt="Britney Spears" width="474" height="600" />  
  30.         <figcaption>Spears performing "Hold It Against Me"  
  31.         in Europe on the Femme Fatale Tour, 2011</figcaption>  
  32.     </figure>  
  33. </body>  
  34. </html>  
Azt, hogy neked miért nem ment JavaScripttel, nem tudom, főleg mivel nem írtál kódot.