jquery tooltip nie dziala

jquery tooltip nie dziala

misty Zobacz profil	7.11.2011, 14:58:26 Post #1
Grupa: Zarejestrowani Postów: 366 Pomógł: 0 Dołączył: 2.01.2007 Ostrzeżenie: (0%)	czesc, potrzebuje jakiegos prostego, lekkiego tooltipa w jquery. na necie jest pelno tego, wybralam simpletip: http://craigsworks.com/projects/simpletip/ Wydaje sie byc banalne, ale za cholere nie dziala! Oto moj kod: [PHP] pobierz, plaintext <html> <head> <link rel="stylesheet" type="text/css" href="css/simpletip.css" /> <link rel="stylesheet" type="text/css" href="css/code.css" /> <script type="text/javascript" src="js/jquery-1.6.4.min.js"></script> <script src="js/jquery.simpletip-1.3.1.min.js" type="text/javascript"></script> </head> <body> <div class=""> <input type="input" id="test" name="test" value="test" title="super test" /> </div> </body> </html> <script> /$('test').each(function() { $(this).simpletip({ content : $(this).attr('title') }); });/ /* Probowalam tez tak: /$('input[title]').each(function() { $(this).simpletip({ content : $(this).attr('title') }); });/ */ [PHP] pobierz, plaintext no i nie dziala. Czy ktos z Was moze tego uzywal? i wie co jest nie tak? albo moze mi polecic cos, z przykladem? tak wiem ze jest masa przykladow, ktore jak odpalam-to dzialaja, ale jak tylko probuje dolaczyc do projektu (co sie wiaze ze zmiana sciezek dla js i css to przestaja dzialac!) Bede bardzo wdzieczna za wszelka pomoc, pzdr, misty

Odpowiedzi

mortus Zobacz profil	8.11.2011, 08:44:11 Post #2
Grupa: Zarejestrowani Postów: 2 178 Pomógł: 596 Dołączył: 25.09.2009 Skąd: Piwniczna-Zdrój Ostrzeżenie: (0%)	Selektor $('test') służyłby do wybrania elementu <test></test>, gdyby taki element HTML istniał. Dostęp do Twojego elementu <a> uzyskujesz za pomocą selektora $('#test') (tutaj wykorzystujesz id) lub $('a[name="test"]') (tu z kolei wykorzystujesz atrybut name o wartości test). Poza tym umieść skrypt przed znacznikiem </body>, bo w tej chwili znajduje się w nieodpowiednim miejscu, de facto poza całą strukturą dokumentu HTML. edit: Jeśli chodzi o styl CSS to przede wszystkim musisz zmienić nazwę klasy div-a, w którym znajduje się ten odnośnik z podpowiedzią. W tej chwili występuje konflikt, bo i ten div, i podpowiedź mają taką samą klasę (tooltip). Na potrzeby tego testu możesz usunąć w ogóle klasę elementu div. Styl, który wskazał autor nie za bardzo nadaje się do wykorzystania w Twoim przypadku, bo tekst nie jest w żaden sposób wyróżniony przez co podpowiedź nachodzi na tekst w odnośniku. Zastosuj np. coś takiego: [CSS] pobierz, plaintext .tooltip { border: 1px solid #eee; background-color: #333; position: absolute; top: 0; left: 0; z-index: 3; display: none; } [CSS] pobierz, plaintext Oczywiście styl możesz dopasować do własnych potrzeb. Ten post edytował mortus 8.11.2011, 08:58:24

Posty w temacie

misty jquery tooltip nie dziala 7.11.2011, 14:58:26

mortus Ten skrypt nie nadaje się do elementów input. Podp... 7.11.2011, 17:11:16

misty hej, przede wszystkim-dzieki za odpowiedz! pos... 8.11.2011, 07:30:37

mortus Selektor $('test') służyłby do wybran... 8.11.2011, 08:44:11

misty czesc, dzieki za cierpliwosc stosuje sie do Twoic... 8.11.2011, 14:47:58

mortus [HTML] pobierz, plaintext <html><head... 8.11.2011, 15:28:12

Kaloryfer [HTML] pobierz, plaintext <html> <head... 9.11.2011, 03:00:08

misty hej! dziala faktycznie, ale oprocz tego toolti... 9.11.2011, 07:28:16

Kaloryfer Cos takiego: [PHP] pobierz, plaintext $(funct... 9.11.2011, 21:00:24

misty dzieki! pzdr 10.11.2011, 07:15:47

2 Użytkowników czyta ten temat (2 Gości i 0 Anonimowych użytkowników)

0 Zarejestrowanych:

Tryb wyświetlania: Przełącz na: Standardowy · Przełącz na: Linearny+ · Drzewo

Aktualny czas: 13.10.2025 - 23:24

Hosting zapewnia