Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

 
 Reply to this topicStart new topic
> [JavaScript][jquery] pytanie jak zapisać link w javascript zeby mozna było kliknąć
lamcpp
post
Post #1





Grupa: Zarejestrowani
Postów: 372
Pomógł: 2
Dołączył: 10.05.2009

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

witam, chciałem wykorzystać bibliotekę jquery w swojej galerii zdjeć do akcji pokazywania bądz ukrywania linków "następny" i "poprzedni" w przypadku gdy użytkownik najedzie na zdjęcie bądź też nie (czyli cos takiego jak w lightboxie).
Odpowiedni skrypt zaciągnałem stąd:
http://docs.jquery.com/Events/mouseover#fn
Wygląda on tak:
[HTML] pobierz, plaintext 
  1. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" 
  2.                     "http://www.w3.org/TR/html4/loose.dtd">
  3. <html>
  4. <head>
  5.   <script src="http://code.jquery.com/jquery-latest.js"></script>
  6.  
  7.   <script>
  8.   $(document).ready(function(){
  9.  
  10.     var i = 0;
  11.     $("div.overout").mouseover(function(){
  12.       $("p:first",this).text("mouse over");
  13.       $("p:last",this).text(++i);
  14.     }).mouseout(function(){
  15.       $("p:first",this).text("mouse out");
  16.     });
  17.  
  18.     var n = 0;
  19.     $("div.enterleave").bind("mouseenter",function(){
  20.       $("p:first",this).text("mouse enter");
  21.       $("p:last",this).text(++n);
  22.     }).bind("mouseleave",function(){
  23.       $("p:first",this).text("mouse leave");
  24.     });
  25.  
  26.   });
  27.   </script>
  28.   <style>
  29. div.out {
  30. width:40%;
  31. height:120px;
  32. margin:0 15px;
  33. background-color:#D6EDFC;
  34. float:left;
  35. }
  36. div.in {
  37. width:60%;
  38. height:60%;
  39. background-color:#FFCC00;
  40. margin:10px auto;
  41. }
  42. p {
  43. line-height:1em;
  44. margin:0;
  45. padding:0;
  46. }
  47. </style>
  48. </head>
  49. <body>
  50.  
  51. <div class="out overout"><p>move your mouse</p><div class="in overout"><p>move your mouse</p><p>0</p></div><p>0</p></div>
  52. <div class="out enterleave"><p>move your mouse</p><div class="in enterleave"><p>move your mouse</p><p>0</p></div><p>0</p></div>
  53.  
  54. </body>
  55. </html>
  56.  
[HTML] pobierz, plaintext


Interesuje mnie tylko jedna z klas powiedzmy "overout". I teraz na górze jest kod od tego w java script:
[HTML] pobierz, plaintext 
  1.  var i = 0;
  2.     $("div.overout").mouseover(function(){
  3.       $("p:first",this).text("mouse over");
  4.       $("p:last",this).text(++i);
  5.     }).mouseout(function(){
  6.       $("p:first",this).text("mouse out");
  7.     });
  8.  
[HTML] pobierz, plaintext

ten kod z tego co zauwazyłem (w javascript raczkuje) mówi o tym że po najechaniu myszką pojawi się tekst "mouse over". Tutaj mógłbym wpisać dowolny tekst jaki się może pojawić, ale ja potrzebuję wstawić linka w postaci:
[HTML] pobierz, plaintext 
  1. <a href='index.php?glob={$_GET['glob']}&plik={$spr['plik']}&nazwa={$spr['nazwa']}&id_kat={$spr['id_kategorii']}&id_mie={$spr['id_miejsca']}&id_dat={$spr['id_daty']}&id=".$spr['id']."'>Następne</a>
[HTML] pobierz, plaintext

Jak to zrobić?
dodam, że jak wstawie w tej chwili tego linka to pokaże mi się on cały jako tekst, a nie w klikalnej postaci. I jest jeszcze jeden problem że ten link w kodzie PHP występuje w pętli, więc nie będzie on stały, ale zmieniał się w zaleznosci od zaciąganych danych z bazy.

Ten post edytował lamcpp 2.12.2009, 13:19:35
Go to the top of the page
+Quote Post
tvister
post
Post #2





Grupa: Zarejestrowani
Postów: 253
Pomógł: 29
Dołączył: 18.08.2008

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

Dawno się nie bawiłem jQuery ale..
Stwórz 'element' DOM nadaj atrybut href i zrób chyba ..appendchild do $("p:first",this).
Odnośnie zmienności linku to dodatkowo nadaj dla 'element' id aby móc się do niego odwołać.


--------------------
Kto rano wstaje ten leje jak z cebra.
Go to the top of the page
+Quote Post
lamcpp
post
Post #3





Grupa: Zarejestrowani
Postów: 372
Pomógł: 2
Dołączył: 10.05.2009

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

ech..to trochę za trudne poki co dla mnie, dopiero czytam podstawy jquery o tym co to jest element DOM.
Mógłbys trochę bardziej nakierować?
Go to the top of the page
+Quote Post
tvister
post
Post #4





Grupa: Zarejestrowani
Postów: 253
Pomógł: 29
Dołączył: 18.08.2008

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

Odnośnie wiedzy na temat DOM Element to tutaj

A tu masz przykład tego co napisałem w wcześniej 
[JAVASCRIPT] pobierz, plaintext 
  1. var a = $("<a></a>").attr('href','#').click(somefunction);  
  2.  $('#toolbar').append(a);
[JAVASCRIPT] pobierz, plaintext


Ten post edytował tvister 2.12.2009, 14:36:17


--------------------
Kto rano wstaje ten leje jak z cebra.
Go to the top of the page
+Quote Post
« Następny starszy · Przedszkole · Następny nowszy »
 

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

 

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

Śledź ten temat · Wyślij temat na e-mail · Wydrukuj ten temat · Subskrybuj to forum

RSS Aktualny czas: 22.08.2025 - 01:09
Powered By IP.Board © 2025  IPS, Inc.
All changes by PHP.pl Administrators
Hosting zapewnia NQ.pl hosting, trac, svn