Witam, chciałbym zastosować iframe i wyskakujący dymek po najechaniu na link w jednym.

Mam taki kod:

  1. "<td style="text-align: center;" mce_style="text-align: center;" width="150px"><a class="podpowiedz"
  2. href="LINK">TEKST<span><iframe
  3. src="http://s1.postimage.org/1kxm71q2s/loading29.gif" marginwidth="0"
  4. marginheight="0" frameborder="0" scrolling="no" title="IFRAME"
  5. onload="if(this.offsetHeight this.src != this.title){this.src = this.title}"
  6. mce_src="http://mfo3.pl/game/view.php?t=a&id=11"></iframe></span></a></td>"


Przed załadowaniem iframe'a pokazuje się ikonka http://s1.postimage.org/1kxm71q2s/loading29.gif natomiast po załadowaniu iframe powinien się pokazywać. Niestety nie działa tak,jak należy. Osobno działa to dobrze, natomiast w dymku już nie. Tutaj jeszcze style
  1. <style type="text/css">
  2. body {
  3. font-family: Arial, Helvetica, sans-serif;
  4. }
  5. a: hover {
  6. background: #ffffff;
  7. text-decoration: none;
  8. }
  9. a.podpowiedz span {
  10. display: none;
  11. padding: 2px 3px;
  12. margin-left: 8px;
  13. width: auto;
  14. }
  15. img {
  16. border: none;
  17. }
  18. a.podpowiedz:hover span{
  19. display: inline;
  20. position: absolute;
  21. margin: 15px 0 0 5px;
  22. background: #dddddd;
  23. border: 1px solid #b30000;
  24. color: #000000;
  25. -moz-opacity: 0.8;
  26. opacity:.80;
  27. filter: alpha(opacity=80);
  28. text-align: center;
  29. }


Jest ktoś w stanie pomóc.
Może ktoś zna odpowiedź na pytanie - czy jest możliwe, aby ładowanie tooltipa odbywało się dopiero po najechaniu na tekst/link oraz aby w tymże tooltipie mógł znajdować się element iframe.