Comments on: jQuery для начинающих. Часть 4. Селекторы http://anton.shevchuk.name/javascript/jquery-for-beginners-selectors/ Web-разработчик Thu, 09 Feb 2012 12:54:09 +0000 hourly 1 http://wordpress.org/?v=3.3.1 By: Макс http://anton.shevchuk.name/javascript/jquery-for-beginners-selectors/comment-page-2/#comment-63096 Макс Tue, 10 Jan 2012 15:29:54 +0000 http://anton.shevchuk.name/?p=591#comment-63096 Да, большое спасибо, добропорядочное комьюнити htmlbook помогло разобраться. Еще раз спасибо :) Да, большое спасибо, добропорядочное комьюнити htmlbook помогло разобраться. Еще раз спасибо :)

]]> By: Anton Shevchuk http://anton.shevchuk.name/javascript/jquery-for-beginners-selectors/comment-page-2/#comment-63095 Anton Shevchuk Mon, 09 Jan 2012 19:07:55 +0000 http://anton.shevchuk.name/?p=591#comment-63095 1. id - он на то и айли чтобы быть уникальным - но это замечание так - не совсем по теме 2. функцию wrap в вашем случае надо применять для каждого элемента - используете ее внутри вызова each 1. id – он на то и айли чтобы быть уникальным – но это замечание так – не совсем по теме
2. функцию wrap в вашем случае надо применять для каждого элемента – используете ее внутри вызова each

]]> By: igor http://anton.shevchuk.name/javascript/jquery-for-beginners-selectors/comment-page-2/#comment-63094 igor Mon, 09 Jan 2012 15:11:59 +0000 http://anton.shevchuk.name/?p=591#comment-63094 [js] t1 += '<a href="h t t p : / / s i t e . c o m /#' + t3 + '">'; [/js] t1 += '<a href="h t t p : / / s i t e . c o m /#' + t3 + '">'; ]]> By: igor http://anton.shevchuk.name/javascript/jquery-for-beginners-selectors/comment-page-2/#comment-63093 igor Mon, 09 Jan 2012 15:11:22 +0000 http://anton.shevchuk.name/?p=591#comment-63093 ... [js] t1 += '<a href="http://site.com/#' + t3 + '">'; [/js] ... …

t1	+= '<a href="http://site.com/#' + t3 + '">';

…

]]> By: igor http://anton.shevchuk.name/javascript/jquery-for-beginners-selectors/comment-page-2/#comment-63092 igor Mon, 09 Jan 2012 15:10:13 +0000 http://anton.shevchuk.name/?p=591#comment-63092 Там при вставке кода в одной строчке (№21) ересь какая-то появилась. Поэтому пишу отдельно, чтобы было понятно: ... t1 += '<a href="http://site.com/#' + t3 + '" rel="nofollow">'; ... Там при вставке кода в одной строчке (№21) ересь какая-то появилась.
Поэтому пишу отдельно, чтобы было понятно:

…
t1 += ‘‘;
…

]]> By: igor http://anton.shevchuk.name/javascript/jquery-for-beginners-selectors/comment-page-2/#comment-63091 igor Mon, 09 Jan 2012 15:01:19 +0000 http://anton.shevchuk.name/?p=591#comment-63091 [html] <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> <script type="text/javascript" src="jquery.js"></script> </head> <body> <div id="message"> [gimg]p1.jpg[/gimg] [gimg]p2.jpg[/gimg] [gimg]p3.jpg[/gimg] </div> <script type="text/javascript"> $(document).ready(function() { $('#message').html($('#message').html().replace(/\[gimg]/g, '<img id="gimg" width="200" height="140" src="').replace(/\[\/gimg]/g, '" />')); $('img[id=gimg]').wrap(function(){ var t1 = ''; var t2 = $(this).html(); var t3 = $(this).attr('src'); t1 = '<div>'; t1 += '<a href="http://site.com/#' + t3 + '">'; t1 += t3; t1 += '<div></div>'; t1 += t2; t1 += '<div></div>'; t1 += '</a>'; t1 += '<div></div>'; t1 += '</div>'; return t1; }); }); </script> </body> </html> [/html] <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> <script type="text/javascript" src="jquery.js"></script> </head> <body> <div id="message"> [gimg]p1.jpg[/gimg] [gimg]p2.jpg[/gimg] [gimg]p3.jpg[/gimg] </div> <script type="text/javascript"> $(document).ready(function() { $('#message').html($('#message').html().replace(/\[gimg]/g, '<img id="gimg" width="200" height="140" src="').replace(/\[\/gimg]/g, '" />')); $('img[id=gimg]').wrap(function(){ var t1 = ''; var t2 = $(this).html(); var t3 = $(this).attr('src'); t1 = '<div>'; t1 += '<a href="http://site.com/#' + t3 + '">'; t1 += t3; t1 += '<div></div>'; t1 += t2; t1 += '<div></div>'; t1 += '</a>'; t1 += '<div></div>'; t1 += '</div>'; return t1; }); }); </script> </body> </html> ]]> By: Макс http://anton.shevchuk.name/javascript/jquery-for-beginners-selectors/comment-page-2/#comment-63090 Макс Mon, 09 Jan 2012 09:41:24 +0000 http://anton.shevchuk.name/?p=591#comment-63090 Доброго всем времени суток. Буду очень признателен, если кто-нибудь сможет мне помочь. Являюсь дизайнером на сайте, решил прикрутить галерею картинок (за основу взял плагин fancybox). Проблема состоит в следующем - мне нужно написать скрипт замены ббкода [gimg][/gimg] на хтмл'ный вариант. И все бы хорошо, да вот незадача - при выборке элементов через фильтр<code>$('img[id=gimg]').attr('src')</code> берется путь к файлу <b>только первой</b> картинки. И далее подставляется во все картинки. Итог - превью разные, а изображения в галерее одинаковые. Ниже привожу полный код страницы: [html]<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> <script type="text/javascript" src="jquery-1.7.1.min.js"></script> <script type="text/javascript" src="./fancybox/jquery.fancybox-1.3.4.packed.js"></script> <link rel="stylesheet" type="text/css" href="./fancybox/jquery.fancybox-1.3.4.css" media="screen" /> </head> <body> <div id="message"> [gimg]./images/img01.jpg[/gimg] [gimg]./images/img02.jpg[/gimg] </div> <script type="text/javascript"> $(document).ready(function() { $('#message').html($('#message').html().replace(/\[gimg]/g, '<img id="gimg" width="320" height="240" src="').replace(/\[\/gimg]/g, '" />')); $('img[id=gimg]').wrap('<a rel="gimg" href="'+$('img[id=gimg]').attr('src')+'"></a>'); $('a[rel=gimg]').fancybox(); }); </script> </body> </html>[/html] Заранее спасибо за помощь Доброго всем времени суток. Буду очень признателен, если кто-нибудь сможет мне помочь. Являюсь дизайнером на сайте, решил прикрутить галерею картинок (за основу взял плагин fancybox). Проблема состоит в следующем – мне нужно написать скрипт замены ббкода [gimg][/gimg] на хтмл’ный вариант. И все бы хорошо, да вот незадача – при выборке элементов через фильтр$('img[id=gimg]').attr('src') берется путь к файлу только первой картинки. И далее подставляется во все картинки. Итог – превью разные, а изображения в галерее одинаковые. Ниже привожу полный код страницы:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"&gt;
<html xmlns="http://www.w3.org/1999/xhtml"&gt;
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
		<script type="text/javascript" src="jquery-1.7.1.min.js"></script>
		<script type="text/javascript" src="./fancybox/jquery.fancybox-1.3.4.packed.js"></script>
		<link rel="stylesheet" type="text/css" href="./fancybox/jquery.fancybox-1.3.4.css" media="screen" />
	</head>

	<body>
		<div id="message">
			[gimg]./images/img01.jpg[/gimg]
			[gimg]./images/img02.jpg[/gimg]
		</div>
		<script type="text/javascript">
			$(document).ready(function() {
				$('#message').html($('#message').html().replace(/\[gimg]/g, '<img id="gimg" width="320" height="240" src="').replace(/\[\/gimg]/g, '" />'));
				$('img[id=gimg]').wrap('<a rel="gimg" href="'+$('img[id=gimg]').attr('src')+'"></a>');
				$('a[rel=gimg]').fancybox();
			});
		</script>
	</body>
</html>

Заранее спасибо за помощь

]]> By: Anton Shevchuk http://anton.shevchuk.name/javascript/jquery-for-beginners-selectors/comment-page-2/#comment-63075 Anton Shevchuk Sun, 25 Dec 2011 14:56:12 +0000 http://anton.shevchuk.name/?p=591#comment-63075 Это я второй спан не заметил, когда слайды рисовал Это я второй спан не заметил, когда слайды рисовал

]]> By: Олег http://anton.shevchuk.name/javascript/jquery-for-beginners-selectors/comment-page-2/#comment-63074 Олег Sun, 25 Dec 2011 13:49:37 +0000 http://anton.shevchuk.name/?p=591#comment-63074 не понял 9й слайд: почему функция html() выбирает только текст в первом span-теге, а txt() - в обоих? не понял 9й слайд: почему функция html() выбирает только текст в первом span-теге, а txt() – в обоих?

]]> By: direqtror http://anton.shevchuk.name/javascript/jquery-for-beginners-selectors/comment-page-2/#comment-62996 direqtror Tue, 22 Nov 2011 09:13:12 +0000 http://anton.shevchuk.name/?p=591#comment-62996 Нет не одинаково. Во втором случае сработают только прямые потомки элементов. Т.е. [html]<div><p><img /></p></div>[/html] – сработает и в первом и во втором случае, а вот [html]<div><p><a><img /></a></p></div>[/html] – только в первом. Нет не одинаково. Во втором случае сработают только прямые потомки элементов.

Т.е. 

<div><p><img /></p></div>

– сработает и в первом и во втором случае, а вот 

<div><p><a><img /></a></p></div>

– только в первом.

]]>