Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

> [xhtm][css][jquery] Wysuwany Panel
styryl
post
Post #1





Grupa: Zarejestrowani
Postów: 223
Pomógł: 27
Dołączył: 16.04.2008
Skąd: Bakutilu

Ostrzeżenie: (0%)
-----


Witam

Mam pytanie odnośnie jak przypuszczam css

Chciałem zrobić wysyuwany panel - po kliknięciu w obrazek wysuwa się pod nim panel - tak samo w każdej przeglądarce.

Zrobiłem tak:

JS

  1. <script type="text/javascript">
  2.  
  3. $(document).ready(
  4.  
  5. function()
  6. {
  7. $("div.ListShow").attr('style', 'display: none;');
  8. $("span.ListClick").attr('style', 'cursor:pointer;');
  9.  
  10. $("span.OptionList").children("span.ListClick").click(
  11. function()
  12. {
  13.  
  14. $(this).next(".ListShow").toggle();
  15.  
  16. }
  17. );
  18. }
  19. );
  20. </script>


  1. <tr>
  2. <td id="tableIt">
  3. <img class="infoTool" src="template/img/ikonki/zobacz.png" title="Podgląd" border="0"> |
  4. <span class="OptionList">
  5. <span class="ListClick"><img class="infoTool" src="template/acp/img/ikony/edycja.png" title="Edytuj" border="0"></span>
  6. <div class="ListShow">statystyki<br>abonament</div>
  7. </span>
  8. </td>
  9. </tr>
  10. </table>


No i css

  1. .ListShow{
  2. border:1px solid #B3B3B3;
  3. background:#ffffff;
  4. position:absolute;
  5. }


wszystko działa panel się pokazuje po kliknięciu a po ponownym znika. Jednak nie potrafię go ustawić w jednym miejscu tak aby we wszsytki przeglądarkach było ok.

proszę o pomoc.

Pzdr
Go to the top of the page
+Quote Post

Posty w temacie


Reply to this topicStart new topic
2 Użytkowników czyta ten temat (2 Gości i 0 Anonimowych użytkowników)
0 Zarejestrowanych:

 



RSS Aktualny czas: 26.09.2025 - 10:50