Блогът на Златко » JavaScript

JS: Интересен текст

Златко — Sat, 06 Nov 2010 19:50:32 +0000

Здравейте, скоро взаимствах една идея от потребител, в едно форумче. Тоест, на момчето му трябваше такава функцийка и аз му я написах, дано да му помогне. Та реших и да я споделя и във блога си, ефекта си е доста ... интересен, сам по себе си, макар и да съм виждал доста по-развити функции за такъв род дейност. Все пак ето я и нея, добавил съм почти на всеки ред коментар, така че ще ги спестя в самата статия :>

Source

<script type="text/javascript" charset="utf-8">
		// Създаваме две глобални променливи, една за таймера, и една за брояча
		var t,sec,x = 0;
		// Създаваме и самата функция, със звучното име ma3x.
		// Като параметри и подаваме стринг, който ще трябва да изпише.
		// Вторият параметър е опционален, и е за времето на таймера (дали да е произволен, или статичен)
		function ma3x(text,random) {
			// Ако тепърва стартираме функцията, трием текущия стринг
			if ( x == 0 ) { document.getElementById('ma3x').innerHTML = ''; }
			// тук правим една проверка, ако стринга е свършил (тоест, сме го изписали) спираме таймера  и нулираме брояча
			if ( text.length <= x && t ) { clearTimeout(t); sec = 0; x = 0; return; }
			// В противен случай, работим по въпроса
			document.getElementById('ma3x').innerHTML += (text.substr(x,1)); x++;
			random = !random ? false : true;
			sec = ( !random ? 1000 : Math.ceil(2000*Math.random()) );
			console.log(sec);
			// Тук правим една малка проверка, дали следващия символ е празен стринг.Ако е празен стринг, просто го показваме, без да губим време, за да не губим ефекта
			if ( text.substr(x,1) != ' ' ) { t = setTimeout('ma3x(\'' + text + '\',' + random + ')',sec); }
			else { ma3x(text,random); }
		}
	script>

Та остава да си направите едно див-че, с id="ma3x" и да активирате по някакъв начин функцийката.

Source

<a href="javascript: ma3x('проба',true);">Произволен таймер</a> <br />
<a href="javascript: ma3x('проба');">Статичен таймер (1 секунда)</a> <br />
<div id="ma3x"></div>

Демо, както и целия код - може да видите тук

Показване/Скриване на менюта с jQuery

Златко — Sun, 22 Aug 2010 12:08:54 +0000

Здравейте, реших да Ви покажа едно примерче, за разгъващи се менюта, с възможност за помнене (или иначе казано, ползване на бисквитки) в JavaScript. За да е по-атрактивно, ще използваме jQuery SlideToggle функцията.

Като за начало, ще трябва да инклуднете jQuery и плъгинаjQuery Cookie

Source

<script src="jquery-1.4.2.min.js" type="text/javascript"></script>
<script src="jquery.cookie.js" type="text/javascript"></script>

И естествено, самата JavaScript функция, която да ни показва/скрива менютата.

Source    
$(document).ready(function(){
             // Първо прекарваме всички линкове, съдържащи в себе си class="toggle"
             $("a[class='toggle']").each(function(){
                 // правим една проверка, дали има записана бисквитка, с име ===
 
      (тоест, самото menu1 (примерно))
      if ($.cookie($(this).parents().next().attr('class'))) {
      // ако намери съвпадение, скриваме
            списъка, и заместваме "-" с "+" в линка
            $(this).parents().next().hide();
            $(this).html('+');
            }
            });
            // тук засичаме когато сме кликнали на линкът, за да покаже/скрие менюто
            $("a.toggle").click(function() {
            // вземаме името на класа от списъка за по-лесно
            var menu = $(this).parents().next().attr('class');
            // правим проверката дали трябва да се разгъне, или да се свие
            if ($(this).html() == '-') {
            // тук трябва да се скрие, затова скриваме го, добавяме бисквитка, с името на класа на списъка и променяме "-" с "+" в линка
            $('.' + menu).slideToggle(500);
            $.cookie(menu,'expand', { expires: 30 });
            $(this).html('+');
            }
            // ако пък трябва да се покаже, работим по-горната логика, само че този път трием бисквитката и променяме "+" с "-"
            else {
            $('.' + menu).slideToggle(500);
            $.cookie(menu,null);
            $(this).html('-');
            }
            });
            });

Демото, може да видите (и свалите евентуално) оттук .
Пробвано е и работи под всички браузъри.

Възможно е, ако имате друга структура на менютата, кодът по-горе да не ви сработи, затова силно Ви препоръчвам да прочетете за Selectors

Java Script Project :D

Златко — Mon, 24 Nov 2008 16:48:20 +0000

Днеска реших да си надраскам в блога някои творения на джава скрипт , които писах скоро от скука.

Първото е за промяна стила на текста , то се знае , че може да ги намерите на 1000 места из интернет, но е важно да си ги напиша и аз , мойте скриптове - в моя блог :Д

Аз го бях направил с едни обикновенни картинки , но Вие можете да сложите фукнцията където искате - на каквото искате т.е..Ето Ви моя пример

И те т'ва е.Ако някой се сеща нещо за доизкусуряване - с радост бих се потрудил върху скрипта си.Демо ,може да видите оттук .

Ето и още един скрипт , на който нямам демо , но ще ви го дам в стил Copy/Paste

Джава Проекти

тестче

Покажи / Скрий

Сами може да видите за какво е , ако не се досещате