Как правильно подключить jQuery

[BrandyLip]

Ребята, я наткнулся на такое, как jQuery

не могу понять куда засунуть вот этот код:

//Когда вы нажмете на ссылку с классом poplight и HREF начинается с a # 
$('a.poplight[href^=#]').click(function() {
    var popID = $(this).attr('rel'); //Get Popup Name
    var popURL = $(this).attr('href'); //Получить Popup HREF и определить размер

    //Запрос и  Переменные от HREF URL
    var query= popURL.split('?');
    var dim= query[1].split('&');
    var popWidth = dim[0].split('=')[1]; //Возвращает первое значение строки запроса

    // Добавить кнопку "Закрыть" в наше окно, прописываете прямой путь к картинке
    $('#' + popID).fadeIn().css({ 'width': Number( popWidth ) }).prepend('<a href="#" class="close"><img src="close_pop.png" class="btn_close" title="Close Window" alt="Close" /></a>');

    //Определяет запас на выравнивание по центру (по вертикали по горизонтали)мы добавим 80px к высоте / ширине, значение полей вокруг содержимого (padding) и ширину границы устанавливаем в CSS
    var popMargTop = ($('#' + popID).height() + 80) / 2;
    var popMargLeft = ($('#' + popID).width() + 80) / 2;

    //Устанавливает величину отступа на Popup
    $('#' + popID).css({
        'margin-top' : -popMargTop,
        'margin-left' : -popMargLeft
    });

   //Fade in Background
    $('body').append('<div id="fade"></div>'); //Add the fade layer to bottom of the body tag.
    $('#fade').css({'filter' : 'alpha(opacity=80)'}).fadeIn(); //Постепенное исчезание слоя - .css({'filter' : 'alpha(opacity=80)'}) используется для фиксации в IE , фильтр для устранения бага тупого IE 

    return false;
});

//Закрыть всплывающие окна и Fade слой
$('a.close, #fade').live('click', function() { //When clicking on the close or fade layer...
    $('#fade , .popup_block').fadeOut(function() {
        $('#fade, a.close').remove();  //fade them both out
    });
    return false;
});

Хочу поставить на сайт модальное окно, но не знаю куда и как именно нужно вставить этот код, пробовал в библиотеку засунуть - не получается... вот статья про это окно.. http://dobrovoi.ru/modalnoe-okno-s-pomoshhyu-css-i-jquery

[ShumNo]

Там же есть демо и вы просмотрели саму строчку подключения jquery

<script type="text/javascript"
src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>

[web-mindfreak]

Тут качаешь последнюю версию jquery

http://docs.jquery.com/Downloading_jQuery

Подключаешь <script type="text/javascript" src="Тут путь"></script>

<script>

Тут вставляй код

</script>

Edited February 2, 2012 by web-mindfreak

[BrandyLip]

<script type="text/javascript" src="'http://general-jump.ru/jquery-1.7.1.min.js">

//Когда вы нажмете на ссылку с классом poplight и HREF начинается с a # 
$('a.poplight[href^=#]').click(function() {
    var popID = $(this).attr('rel'); //Get Popup Name
    var popURL = $(this).attr('href'); //Получить Popup HREF и определить размер

    //Запрос и  Переменные от HREF URL
    var query= popURL.split('?');
    var dim= query[1].split('&');
    var popWidth = dim[0].split('=')[1]; //Возвращает первое значение строки запроса

    // Добавить кнопку "Закрыть" в наше окно, прописываете прямой путь к картинке
    $('#' + popID).fadeIn().css({ 'width': Number( popWidth ) }).prepend('<a href="#" class="close"><img src="close_pop.png" class="btn_close" title="Close Window" alt="Close" /></a>');

    //Определяет запас на выравнивание по центру (по вертикали по горизонтали)мы добавим 80px к высоте / ширине, значение полей вокруг содержимого (padding) и ширину границы устанавливаем в CSS
    var popMargTop = ($('#' + popID).height() + 80) / 2;
    var popMargLeft = ($('#' + popID).width() + 80) / 2;

    //Устанавливает величину отступа на Popup
    $('#' + popID).css({
        'margin-top' : -popMargTop,
        'margin-left' : -popMargLeft
    });
   //Fade in Background
    $('body').append('<div id="fade"></div>'); //Add the fade layer to bottom of the body tag.
    $('#fade').css({'filter' : 'alpha(opacity=80)'}).fadeIn(); //Постепенное исчезание слоя - .css({'filter' : 'alpha(opacity=80)'}) используется для фиксации в IE , фильтр для устранения бага тупого IE 

    return false;
});

//Закрыть всплывающие окна и Fade слой
$('a.close, #fade').live('click', function() { //When clicking on the close or fade layer...
    $('#fade , .popup_block').fadeOut(function() {
        $('#fade, a.close').remove();  //fade them both out
    });
    return false;
});
</script>

ok. только почему-то ничего не изменилось, все по-прежнему...

Edited February 2, 2012 by BrandyLip

[web-mindfreak]

<script type="text/javascript" src="'http://general-jump.ru/jquery-1.7.1.min.js"></script>
<script>

//Когда вы нажмете на ссылку с классом poplight и HREF начинается с a # 
$('a.poplight[href^=#]').click(function() {
    var popID = $(this).attr('rel'); //Get Popup Name
    var popURL = $(this).attr('href'); //Получить Popup HREF и определить размер

    //Запрос и  Переменные от HREF URL
    var query= popURL.split('?');
    var dim= query[1].split('&');
    var popWidth = dim[0].split('=')[1]; //Возвращает первое значение строки запроса

    // Добавить кнопку "Закрыть" в наше окно, прописываете прямой путь к картинке
    $('#' + popID).fadeIn().css({ 'width': Number( popWidth ) }).prepend('<a href="#" class="close"><img src="close_pop.png" class="btn_close" title="Close Window" alt="Close" /></a>');

    //Определяет запас на выравнивание по центру (по вертикали по горизонтали)мы добавим 80px к высоте / ширине, значение полей вокруг содержимого (padding) и ширину границы устанавливаем в CSS
    var popMargTop = ($('#' + popID).height() + 80) / 2;
    var popMargLeft = ($('#' + popID).width() + 80) / 2;

    //Устанавливает величину отступа на Popup
    $('#' + popID).css({
        'margin-top' : -popMargTop,
        'margin-left' : -popMargLeft
    });
   //Fade in Background
    $('body').append('<div id="fade"></div>'); //Add the fade layer to bottom of the body tag.
    $('#fade').css({'filter' : 'alpha(opacity=80)'}).fadeIn(); //Постепенное исчезание слоя - .css({'filter' : 'alpha(opacity=80)'}) используется для фиксации в IE , фильтр для устранения бага тупого IE 

    return false;
});

//Закрыть всплывающие окна и Fade слой
$('a.close, #fade').live('click', function() { //When clicking on the close or fade layer...
    $('#fade , .popup_block').fadeOut(function() {
        $('#fade, a.close').remove();  //fade them both out
    });
    return false;
});
</script>

Edited February 2, 2012 by web-mindfreak

[BrandyLip]

ничего не поменялось...

[web-mindfreak]

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js" type="text/javascript"></script>

Попробуй так..

[BrandyLip]

не выходит

[MaferoK]

прочитайте хотя бы начальную документацию по Juqery ( подключение библиотеки и тд ).

ато вопрос "не могу понять куда засунуть вот этот код" ну не как здесь не уместен

если вы сами не знаете куда вы хотите поставить(засунуть) код, откуда другие должны знать

Edited February 2, 2012 by MaferoK

[web-mindfreak]

Да у меня тоже что-то не выходит ,извини!(

[BrandyLip]

прочитайте хотя бы начальную документацию по Juqery ( подключение библиотеки и тд ).

ато вопрос "не могу понять куда засунуть вот этот код" ну не как здесь не уместен

если вы сами не знаете куда вы хотите поставить(засунуть) код, откуда другие должны знать

Сообщение отредактировал MaferoK: Сегодня, 18:15

Я же ведь после самого кода описал проблему...

да что же это такое... люди! отзовитесь )

Ребятааааааааааа!

[ShumNo]

прочитайте хотя бы начальную документацию по Juqery ( подключение библиотеки и тд ).

ато вопрос "не могу понять куда засунуть вот этот код" ну не как здесь не уместен

если вы сами не знаете куда вы хотите поставить(засунуть) код, откуда другие должны знать

Сообщение отредактировал MaferoK: Сегодня, 18:15

Я же ведь после самого кода описал проблему...

да что же это такое... люди! отзовитесь )

Ребятааааааааааа!

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script> 
<script type="text/javascript"> 
$(document).ready(function(){

	//When you click on a link with class of poplight and the href starts with a # 
	$('a.poplight[href^=#]').click(function() {
		var popID = $(this).attr('rel'); //Get Popup Name
		var popURL = $(this).attr('href'); //Get Popup href to define size

		//Pull Query & Variables from href URL
		var query= popURL.split('?');
		var dim= query[1].split('&');
		var popWidth = dim[0].split('=')[1]; //Gets the first query string value

		//Fade in the Popup and add close button
		$('#' + popID).fadeIn().css({ 'width': Number( popWidth ) }).prepend('<a href="#" class="close"><img src="close_pop.png" class="btn_close" title="Close Window" alt="Close" /></a>');

		//Define margin for center alignment (vertical + horizontal) - we add 80 to the height/width to accomodate for the padding + border width defined in the css
		var popMargTop = ($('#' + popID).height() + 80) / 2;
		var popMargLeft = ($('#' + popID).width() + 80) / 2;

		//Apply Margin to Popup
		$('#' + popID).css({ 
			'margin-top' : -popMargTop,
			'margin-left' : -popMargLeft
		});

		//Fade in Background
		$('body').append('<div id="fade"></div>'); //Add the fade layer to bottom of the body tag.
		$('#fade').css({'filter' : 'alpha(opacity=80)'}).fadeIn(); //Fade in the fade layer 

		return false;
	});


	//Close Popups and Fade Layer
	$('a.close, #fade').live('click', function() { //When clicking on the close or fade layer...
	  	$('#fade , .popup_block').fadeOut(function() {
			$('#fade, a.close').remove();  
	}); //fade them both out

		return false;
	});


});
</script>