Фильтр → Все записи с тегом jquery

include в javascript

01.11.2010

Данный код позволяет подключать javascript файлы из любого места программы. Причем исключается посторное включение одного и того же файла

    js = new Object;
    js.loadedModules = new Array;
    js.include = function(path) {
        if(js.loadedModules[path]) return;
        js.loadedModules[path] = true;
        $.ajax({
        	url: path,
        	dataType: "script",
        	async: false,
        	success: function(js){if(jQuery.browser.safari){eval(js);}}
        });

    }

Как видите, внешний файл подключить довольно просто: js.include('main.js');

Необходимо в метод include объекта js передать адрес js скрипта.

Для использования этого кода понадобится библиотека jQuery.

Рекомендую данный код выделить в отдельный файл и включать его в сценарий сразу же после подключения библиотеки jQuery. Подключать внешний файл с кодом прийдется обычным способом через тег script

Категория: javascript , программирование ,
Теги: jquery , javascript ,
Просмотров: 109
Комментарии: 0

jQuery Tools v1.0.1 — библиотека компонентов для сайтов web 2.0

15.12.2009


jQuery Tools v1.0.1 — это небольшая библиотека, весом всего лишь в 5.8 кб, которая включает в себя наиболее важные компоненты для сайтов web 2.0.
На официальном сайте jQuery Tools можно посмотреть более 50 демо-страниц, а также подробная документация по применении.

Библиотека включает в себя:

  • Табы;
  • Всплывающие подсказки;
  • Плавные переходы;
  • Прокрутки;
  • Всплывающие окна;
  • Другое

Категория: javascript , программирование ,
Теги: jquery , javascript ,
Просмотров: 595
Комментарии: 0

jwysiwyg. WYSIWYG редактор для Jquery

12.12.2009

Новый WYSIWYG редактор для Jquery выполнен вкачестве плагина. Это альтернатива WYMeditor с гораздо меньшими возможностями. Основным достоинством является ебольшой размер файла менее 26Кб. Концепция редактора заключается в том, чтобы сохранить его простым. Есть возможность настраивать панель инструментов.
Для начала скачайте

Ниже приведен код, который цепляет WYSIWYG редактор на textarea. Для этого нам необходимо подключить библиотеку jquery, желательно последней версии, непосредственно, плагин и его таблицу стилей. При инициализации редактора можно настроить панель инструментов. Чтобы вызвать jwysiwyg с минимальными функциями, достаточно написать $("#textareaMin").wysiwyg();

<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript" src="jquery.wysiwyg.js"></script>
<link rel="stylesheet" href="jquery.wysiwyg.css" type="text/css" media="screen"  />
<script type="text/javascript">
$(document).ready(function(){
    $("#textareaMin").wysiwyg();
    $("#textareaFull").css("width", "700px").wysiwyg({
        controls : {
            bold : { visible : true, tags : ["b", "strong"], css : { fontWeight : "bold" } },
            italic : { visible : true, tags : ["i", "em"], css : { fontStyle : "italic" } },
            strikeThrough : { visible : true },
            underline : { visible : true },
            separator00 : { visible : true },
            justifyLeft : { visible : true },
            justifyCenter : { visible : true },
            justifyRight : { visible : true},
            justifyFull : { visible : true },
            separator01 : { visible : true},
            indent : { visible : true },
            outdent : { visible : true },
            separator02 : { visible : true },
            subscript : { visible : true },
            superscript : { visible : true},
            separator03 : { visible : true },
            undo : { visible : true },
            redo : { visible : true },
            separator04 : { visible : true },
            insertOrderedList : { visible : true },
            insertUnorderedList : { visible : true },
            insertHorizontalRule : { visible : true },
            separator06 : { separator : true },
            separator07 : { visible : true},
            cut : { visible : false },
            copy : { visible : false},
            paste : { visible : false },
            html : {visible : true}
        }
    });
});
</script>             
<h1>Минимальный</h1>
<textarea cols="50" id="textareaMin"></textarea><h1>Максимальный</h1>
<textarea cols="50" id="textareaFull"></textarea>

Категория: программирование , javascript ,
Теги: jquery , javascript , wysiwyg ,
Просмотров: 1016
Комментарии: 2

JS. Основа скрипта для рейтинга.

05.07.2009

Все просто: выбираем звезды, нажимаем, значение фиксируется в hidden поле rating. При сабмите формы значение передается на скрипт-обработчик. При желании можно сделать отправку значения на аяксе.

пишем css:

#chooseRating ul {margin:0px; padding:0px}
#chooseRating ul li {width:28px; height:26px; list-style:none; float:left}
.clear {clear:both}
#ratingLegend {font-family:Verdana; font-size:12px}

пишем js, предварительно подключив jquery последней версии:

$(document).ready(function(){
    $("#chooseRating img").hover(function(){
        $("#chooseRating img").attr("src", "star_off.gif");
        $("#chooseRating img:lt("+($("#rating").val())+")").attr("src", "star_on.gif");
        var id = $(this).attr("id");
        var legend = $(this).attr("alt");
        $("#ratingLegend").html( legend );
        $("#chooseRating img").each(function(n){
            if( $(this).attr("id") == id )
            {
                $("#chooseRating img:lt("+(n+1)+")").attr("src", "star_on.gif");
            }
            $(this).click(function(){
                $("#rating").val(n+1);
                var legend = $("#star_"+(n+1)).attr("alt");
                $("#ratingLegend").html( legend ).fadeOut("slow", function(){$(this).fadeIn()});
            })

        });
    }, function(){
            if( $("#rating").val() == 0 )
            {
                $("#ratingLegend").empty();
            }
            else
            {
                $("#ratingLegend").html( $("#star_"+$("#rating").val()).attr("alt") );
            }
        $("#chooseRating img").attr("src", "star_off.gif");
        $("#chooseRating img:lt("+($("#rating").val())+")").attr("src", "star_on.gif");
    });
});

пишем html:

Необходимо заготовить картинки активных и неактивных звезд и подредактировать пути к картинкам в нашем скрипте.

Категория: javascript , программирование ,
Теги: html , jquery , javascript ,
Просмотров: 523
Комментарии: 0

Выделение checkbox'ов одним нажатием

14.05.2009

Нажатием на один чекбокс устанавливаем/снимаем выделение со всех чекбоксов.

Выделить все

Вариант 1
Вариант 2
Вариант 3
Вариант 4
Вариант 5
Вариант 6
Вариант 7
<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript">
$(document).ready(function(){
    var check = 0;
    $("#checkAll").click(function(){
        if( check == 0 ){
            $("input.check:checkbox").attr("checked", "checked");
            check = 1;
        }
        else{
            $("input.check:checkbox").removeAttr("checked");
            check = 0;
        }
    });
});
</script>
 Выделить все
Вариант 1
Вариант 2
Вариант 3
Вариант 4
Вариант 5
Вариант 6
Вариант 7

Категория: javascript , программирование ,
Теги: jquery , javascript ,
Просмотров: 633
Комментарии: 0

Masked Input Plugin для Jquery

10.05.2009

Данный плагин является разширением для библиотеки jQuery. Он позволяет пользователю легко ввести данные заданного формата (даты, номера телефонов и т.д.). Плагин был протестирован под Internet Explorer 6 / 7, Firefox 1.5/2/3, Safari, Opera, и Chrome. Правила(формат) ввода определяется маской:

  • a - Представляет алфавитный символ (az, AZ)
  • 9 - Представляет цифру (0-9)
  • * - Представляет алфавитно-цифровые символы (az, AZ ,0-9)

 

Date 99/99/9999
Phone (999) 999-9999
Phone + Ext (999) 999-9999? x99999
Tax ID 99-9999999
SSN 999-99-9999
Product Key a*-999-a999
Eye Script ~9.99 ~9.99 999

 

Во-первых, необходимо подключить jQuery и Masked Input Plugin.

<script src="jquery.js" type="text/javascript"></script>
<script src="jquery.maskedinput.js" type="text/javascript"></script>

Затем определите маску для элементов, которых необходимо обеспечить правилом ввода.

jQuery(function($){
    $("#date").mask("99/99/9999");
    $("#phone").mask("(999) 999-9999");
    $("#tin").mask("99-9999999");
    $("#ssn").mask("999-99-9999");
});

Если вы хотите заменить знак подчеркивания (’_') в качестве заполнителя, можно передавать необязательный аргумент placeholder.

jQuery(function($){
    $("#product").mask("99/99/9999",{placeholder:" "});
});

Дополнительно можно вызвать функцию после того, как ввод по маске был завершен.

jQuery(function($){
    $("#product").mask("99/99/9999",{completed:function(){
         alert("You typed the following: "+this.val());
    }});
});

Можно самостоятельно определять символы для маски.

jQuery(function($){
    $.mask.definitions['~']='[+-]';
    $("#eyescript").mask("~9.99 ~9.99 999");
});

Категория: javascript , программирование ,
Теги: javascript , jquery ,
Просмотров: 1359
Комментарии: 0

Популярные

10 причин, чтобы отказаться от алкоголя и одна – чтобы употреблять алкоголь

Комментариев: 53 | просмотров: 8256
01.09.2009

О вреде микроволновой печи

Комментариев: 9 | просмотров: 3538
13.12.2009

Весело, весело встретим Новый GOD

Комментариев: 9 | просмотров: 2007
17.12.2009

Масонская символика на долларе

Комментариев: 4 | просмотров: 3949
03.03.2009

PHP. strtolower(strtoupper) и UTF-8

Комментариев: 4 | просмотров: 1774
14.05.2009

Библия. Книга Судей. Глава 19

Комментариев: 4 | просмотров: 1388
30.08.2009

Дискотека Авария. Заколебал ты

Комментариев: 4 | просмотров: 328
01.08.2010

Категории

Календарь

ПнВтСрЧтПнСбВс
12
3456789
10111213141516
17181920212223
24252627282930
31

Цитаты

и будешь давать взаймы многим народам, а сам не будешь брать взаймы [И БУДЕШЬ ГОСПОДСТВОВАТЬ НАД МНОГИМИ НАРОДАМИ, а они над тобою не будут господствовать]

Библия. Второзаконие