2011-02-14 15 views
32

Czy ktoś może podać przykład dodawania podpowiedzi za każdym razem, gdy ustawię kursor na td w table.Jak dodać etykietę narzędzia do td w tabeli

Treść etykiety narzędziowej musi pochodzić z rekordów bazy danych.

Przykład:

Gdybym najechaniu nazwę na stole .. tooltip muszą zawierać jego/jej informacji.

+4

Jak pokazuje odpowiedź @ Shaza, jQuery (jak już oznaczyłeś pytanie) nie jest do tego wymagana. Atrybut elementu 'title' powinien wykonać zadanie dobrze. O ile nie potrzebujesz więcej funkcjonalności z podpowiedzi? Jeśli chodzi o dostęp do bazy danych, jest to wszystko po stronie serwera i byłoby zrobione, jednak w tej konfiguracji normalnie masz dostęp do bazy danych. – David

Odpowiedz

4
<?php 
    $test = "Test" 
?> 


<table> 
    <tr> 
     <td title="<?php echo $test; ?>">Hi there</td> 
    </tr> 
</table> 
+3

zapomniałeś echo? –

32

użyć atrybutu title:

<table> 
    <tr> 
     <td> 
      <a href="#" title="John Smith lives in New York."> John Smith </a> 
     </td> 
    </tr> 
</table> 

żywo Demo:http://jsfiddle.net/GpU5f/

27

dostaniesz podpowiedź przy aktywowaniu jeśli dodać „title = "cokolwiek „” Do <td>:

<tr><td title="whatever">hover here to see "whatever" in a tooltip</td> 

Jeżeli zawartość tytuł pochodzi ze jest inaczej i być może trudniejsze historia, ale być może można zorganizować dla kodu programu, który jest dostarczanie komórki innerText zrobić to samo dla komórki title=....

HTH

- Pete

2

ponieważ oryginalny pytanie zostało oznaczone jQuery i żaden z przykładów o tym wspomnieć (jednak trywialne), to tylko kwestia

$(tdSelector).attr('title', titleText);

0

W angular.js może działać tak: -

<table> 
<tr ng-repeat="data in list"> 
<td class="table-text-right tooltip-enable-mandatory" data-toggle="tooltip" data-container="#tableRoceMovement"data-original-title="{{data.value}}" title="{{data.value}}"data-placement="bottom" data-html="true" onmouseenter="tooltipEnterEvent($(this))" onmouseleave="tooltipLeaveEvent($(this))">{{data.value}}</td> 
</tr> 
</table> 
Powiązane problemy