• Jetzt anmelden. Es dauert nur 2 Minuten und ist kostenlos!

<tr> positionierungsproblem

magenspueler

Neues Mitglied
hallo :)
ich habe ein relativ verzwicktes problem. ich versuche mit hilfe von jquery eine"pop-up-bubble" beim hovern über ein <tr> so anzeigen zu lassen, dass sie eben auf die gehoverte zeile zeigt. um es sich besser vorstellen zukönnen, hier mal die blase:

bubble.png


wie gesagt,der kleine pfeil oben links soll eben auf die entsprechende zeile zeigen. das ganze hat im moment die folgende form:

HTML:
<table class="bereitsvergeben">
   <tr class="vergeben" id="vergeben§">
      <td>
      </td>
      <td>
      </td>
      ...
   </tr>
   ...
   <tr class="vergeben" id="item">
      <td>
      </td>
      <td>
      </td>
      ...
   </tr>
   <div id="bubble">
      [hier steht der inhaltder blase]
   </div>
   <tr>
      ...
</table>
<div id="bubble"> muss dabei nach dem element mit der id="item" stehen, damit die blase an genau diesem auch angezeigt wird,also mit relativer position zum objekt mit der id="item". im oben beschrieben fall wird die blase jedoch immer in der ersten zeile angezeigt. ich weiß, dass mein code nicht korrektist, aber ich weiß einfach nicht wie ich das hinbekommen soll.
außerdem habe ich das problem, dass die im bsp. verwendete id="item" eigentlich auch schon vergeben ist, ich kann sie also nicht verwenden. dort wo ich oben ein §-zeichen bei der bezeichnung hingeschrieben habe, ist die id nicht klar, sondern wird dynamisch von einem php-script erzeugt. an der stelle wo jetzt item steht müsste auch "vergeben§" stehen. in meinem code sieht das ungefähr so aus:

PHP:
for($i=0;$i<$n;$i++){
   echo'
      <tr class="checked" id="row'.$i.'">
         ...
   ';
}
ich weiß, es ist schwierig zu verstehen, aber ich hoffe irgendjemand kann mir schnell helfen. wenn irgendwas unklar oder schlecht erklärtist,dann fragt bitte nach.
vielen dank.
 
Zuletzt bearbeitet:
Punkt 1: Nimm dieses Bild raus. Hier kommt dann nur eine Passwortabfrage und das nervt innerhalb eines Forums.

Punkt 2: Man kann nicht <div>-Elemente parallel zu <tr>'s innerhalb einer Tabelle unterbringen. Das erzeugt nicht validen Quellcode. Wenn es dir um JavaScript geht, beschäftige dich mit dem DOM selbst.
 
zu punkt 1: sorry, ich hab nicht an htacces gedacht :/
hab das bild jetzt woanders liegen.
zu punkt 2: ich weiß schon , dass das so nicht gehen kann, aber dasist ja auch meine frage. also: wie kann ich das richtig realisieren?
 
stimmt, das funktioniert. ich bin nicht darauf gekommen, weil ich nicht wusste, dass das mit einem <tr> auch funktionieren kann. vielen dank :)
ich habe noch ein anderes problem bei der sache:
die blase kommt jetzt dort wo sieauch kommen soll, nur leider funktioniert es nur einmal. es werden mehrere zeilen generiert, wobei sich sozusagen die zeilen mit dem inhalt und die mit den dazugehörigen basen abwechseln. bei der ersten zeile wird das popup angezeigt, bei der zweiten schon nicht mehr. woran könnte das liegen?
 
Zurück
Oben