Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: Problem z jquery ('#div').show
Forum PHP.pl > Forum > Po stronie przeglądarki
ir3nicus
21.04.2011, 14:30:44
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 ?
nospor
21.04.2011, 15:49:20
nie: id="#n1"
a: id="n1"
ir3nicus
22.04.2011, 11:35:37
omg thx

jeszcze takie pytanie: jak wyciagnać atrybut 'rel' z linka o podanym atrybucie 'href' ?


Chce zmienić tło przy intervalu

[..]

ind=$(".promo .bo1").index($('.bo1:visible')[0]);
indPrzycisk = '#promo'+c;


/// imgPath = $('href[indPrzycisk]').attr('rel'); --- to nie dziala

$('.advert').css('background-image', 'url("' + imgPath +'")');

[..]
nospor
22.04.2011, 11:43:25
Co to ma niby oznaczac:
$('href[indPrzycisk]')
?
Może pokaż jak ten link wygląda, bo z tego zapisu nic nie kumam
ir3nicus
22.04.2011, 12:01:20 
[PHP] pobierz, plaintext 
  1. <span class="advert" style="background: url('../admin/offerPhotos/<?= $d[0]['id_offer']; ?>/thumbs/<?= $d[0]['mainPhoto']; ?>');";>
  2. 				<span class="promo">
  3.  
  4. 					<a class="tit" style="background-color:#FF7B00" rel="../admin/offerPhotos/<?= $d[0]['id_offer']; ?>/thumbs/<?= $d[0]['mainPhoto']; ?>"  href='#promo1'>1</a>
  5. 					<a class="tit"  rel="../admin/offerPhotos/<?= $d[1]['id_offer']; ?>/thumbs/<?= $d[1]['mainPhoto']; ?>"  href='#promo2'>2</a>
  6. 					<a class="tit"  rel="../admin/offerPhotos/<?= $d[2]['id_offer']; ?>/thumbs/<?= $d[2]['mainPhoto']; ?>"  href='#promo3'>3</a>
  7. 					<a class="tit"  rel="../admin/offerPhotos/<?= $d[3]['id_offer']; ?>/thumbs/<?= $d[3]['mainPhoto']; ?>"  href='#promo4'>4</a>
  8.  
  9.  
  10.  
  11. 					<span class="bo1" id="promo1" ><a href="oferta/<?= $d[0]['id_offer']; ?>/<?= Utils::getLinkForm($d[0]['title']); ?>"><?= UtilsHTML::trunc($d[0]['title'], 40); ?></a></span>
  12. 					<span class="bo1" id="promo2" style="display:none";><a href="oferta/<?= $d[1]['id_offer']; ?>/<?= Utils::getLinkForm($d[1]['title']); ?>"><?= UtilsHTML::trunc($d[1]['title'], 40); ?></a></span>
  13. 					<span class="bo1" id="promo3" style="display:none";><a href="oferta/<?= $d[2]['id_offer']; ?>/<?= Utils::getLinkForm($d[2]['title']); ?>"><?= UtilsHTML::trunc($d[2]['title'], 40); ?></a></span>		
  14. 					 <span class="bo1" id="promo4" style="display:none";><a  href="oferta/<?= $d[3]['id_offer']; ?>/<?= Utils::getLinkForm($d[3]['title']); ?>"><?= UtilsHTML::trunc($d[3]['title'], 40); ?></a></span>		
  15.  
  16.  
  17. 				</span>
  18. 				</span>
[PHP] pobierz, plaintext
nospor
22.04.2011, 12:04:51
No i skąd ci się wzięło to:
$('href[indPrzycisk]')
? No nijak nie wychodzi

imgPath = $('a.tit').attr('rel');
ir3nicus
22.04.2011, 12:26:35
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
nospor
22.04.2011, 12:38:13
Ty mi nie podawaj linka do atrybutów bo ja wiem jak to działa. Tłumaczę Ci że ty kod wziąłeś z kosmosu...
Nie masz żadnego elementu HREF (owszem, jest ale on się nazywa A a nie HREF) oraz tym bardziej nie masz elementu który ma atrybut o nazwie "indPrzycisk"

Kapisz?

Ech... znaj litość Pana... wink.gif
Kod
imgPath = $('a[href="'+indPrzycisk+'"]').attr('rel');
ir3nicus
22.04.2011, 12:47:05
no tak teraz rozumiem. Tylko nadal nie mam pomysłu jak ja mam wycignac tego "rela"...

ok . dzieki
mat-bi
22.04.2011, 12:48:40
Nie no...

nospor podał ci, jak przypisać do zmiennej wartość rel danego linku, a ty dalej nie rozumiesz?
To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.
Invision Power Board © 2001-2025 Invision Power Services, Inc.