Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

> Problem z jquery ('#div').show
ir3nicus
post
Post #1





Grupa: Zarejestrowani
Postów: 16
Pomógł: 0
Dołączył: 16.11.2010

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

Witam, mam nastepujacy skrypt:

[HTML] pobierz, plaintext 
  1.  
  2.  
  3. <html>
  4. <head>
  5. <title>TEST SLIDERA</title>
  6. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" >
  7. <meta name="author" content="lukasz_os" >
  8. <script type="text/javascript" src="jquery-1.5.1.min.js"></script>
  9. <script type="text/javascript">
  10. function rotate(){
  11. 	last=$("#container .news").index($('.news:last')[0]);
  12. 	ind=$("#container .news").index($('.news:visible')[0]);
  13. 	$('.news').eq(ind).hide();
  14. 	if(ind==last){
  15. 	ind="0";
  16. 	}
  17. 	else
  18. 	{
  19. 		ind++;
  20. 	}
  21. 	$('.news').eq(ind).show();
  22. 	}
  23.         $().ready(function(){
  24. 		$('#container .news:first').show();
  25. 		var inter = setInterval("rotate()",2000);
  26.  
  27.  
  28. 		$(".tit").click(function() {
  29.  
  30. 			clearInterval(inter);
  31.  
  32.  
  33. 			var href = $(this).attr("href");
  34.  
  35. 			$('.tit').css('background-color', 'white');
  36. 			$(this).css('background-color', 'green');
  37. 			$('.news').hide();
  38. 			$(href).show();
  39. 			return false;
  40. 		});
  41.  
  42. });
  43. </script>
  44. <style type="text/css">
  45. * {
  46. margin:0;
  47. padding:0;
  48. }
  49. body {
  50. background:#ffffff;
  51. color:#000;
  52. }
  53. .news {
  54. width:300px;
  55. height:200px;
  56. border:1px solid #000;
  57. display:none;
  58. }
  59. #container {
  60. margin:20px;
  61. width:302px;
  62. height:202px;
  63. }
  64. </style>
  65. </head>
  66.  
  67. <body>
  68. <div id="container">
  69. <div class="news" id="#n1" style="background-color:red;">
  70. div 1ijiojiji
  71. </div>
  72. <div class="news" id="#n2" style="background-color:green;">
  73. div 2joijioj
  74. </div>
  75. <div class="news" id="#n3" style="background-color:black;">
  76. div 3iojioj
  77. </div>
  78. <div class="news" id="#n4" style="background-color:yellow;">
  79. div 4iojioj
  80. </div>
  81. </div>
  82.  
  83. 				<a class="tit" href='#n1'>1</a>
  84. 				<a class="tit" href='#n2'>2</a>
  85. 				<a class="tit" href='#n3'>3</a>	
  86. 			    <a class="tit" href='#n4'>4</a>
  87.  
  88.  
  89. </body>
  90. </html>
[HTML] pobierz, plaintext


Jednakze po kliknieciu przycisku div o id "href" sie nie wyswietla czy ktos wie czemu ?

Ten post edytował ir3nicus 21.04.2011, 14:32:10
Go to the top of the page
+Quote Post
 
 Start new topic
Odpowiedzi
ir3nicus
post
Post #2





Grupa: Zarejestrowani
Postów: 16
Pomógł: 0
Dołączył: 16.11.2010

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

Chciałem szukać po hrefie anolognicznie jak w tym linku: http://api.jquery.com/has-attribute-selector/ po divie. Bo potrzebuje żeby brać rela z linka o kolejnym ID w Intervalu.
Cały kod:


[HTML] pobierz, plaintext 
  1.  
  2.  
  3. function rotate(){
  4. 	last=$(".promo .bo1").index($('.bo1:last')[0]);
  5. 	ind=$(".promo .bo1").index($('.bo1:visible')[0]);
  6.  
  7. 	//ind2= $(".promo .tit").index($('.tit:visible'[0]);
  8.  
  9. 	var c = parseInt(ind)+1;
  10. 	indPrzycisk = '#promo'+c;
  11.  
  12. //	console.log(indPrzycisk);
  13. //	imgPath = $('href[indPrzycisk]').attr('rel');
  14. //	console.log(imgPath);
  15.  
  16.  
  17. 	//imgPath = $('a.tit').attr("rel");
  18. 	//$('.advert').css('background-image', 'url("' + imgPath +'")');
  19. 	$('.bo1').eq(ind).hide();
  20. 	$('.tit').eq(ind).css('background-color', '#000');
  21.  
  22. 	if(ind==last){
  23. 	ind="0";
  24. 	}
  25. 	else
  26. 	{
  27. 		ind++;
  28. 	}
  29. 		$('.bo1').eq(ind).show();
  30. 		$('.tit').eq(ind).css('background-color', '#FF7B00');
  31. }
  32.  
  33.  
  34. $(document).ready(function()
  35. {
  36.  
  37.  
  38. 	var inter = setInterval("rotate()",2000);
  39.  
  40. 	$(".tit").click(function() {
  41.  
  42. 		clearInterval(inter);
  43.  
  44. 		var href = $(this).attr("href");
  45. 		var imgPath = $(this).attr("rel");
  46. 		$('.advert').css('background-image', 'url("' + imgPath +'")');
  47. 		$('.tit').css('background-color', "#000");
  48. 		$(this).css('background-color', "#FF7B00");
  49. 		$('.bo1').hide();
  50. 		$(href).show();
  51.  
  52. 		return false;
  53.  
  54. 	});
  55. }
[HTML] pobierz, plaintext


Ten post edytował ir3nicus 22.04.2011, 12:28:31
Go to the top of the page
+Quote Post

Posty w temacie
- ir3nicus   Problem z jquery ('#div').show   21.04.2011, 14:30:44
- - nospor   nie: id="#n1" a: id="n1"   21.04.2011, 15:49:20
- - ir3nicus   omg thx jeszcze takie pytanie: jak wyciagnać atr...   22.04.2011, 11:35:37
- - nospor   Co to ma niby oznaczac: $('href[indPrzyci...   22.04.2011, 11:43:25
- - ir3nicus   [PHP] pobierz, plaintext <span class="adve...   22.04.2011, 12:01:20
- - nospor   No i skąd ci się wzięło to: $('href[indPr...   22.04.2011, 12:04:51
- - ir3nicus   Chciałem szukać po hrefie anolognicznie jak w tym ...   22.04.2011, 12:26:35
- - nospor   Ty mi nie podawaj linka do atrybutów bo ja wiem ja...   22.04.2011, 12:38:13
- - ir3nicus   no tak teraz rozumiem. Tylko nadal nie mam pomysłu...   22.04.2011, 12:47:05
- - mat-bi   Nie no... nospor podał ci, jak przypisać do zmien...   22.04.2011, 12:48:40

« Następny starszy · Po stronie przeglądarki · Następny nowszy »
 

Reply to this topicStart new topic
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

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

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