Шетајќи низ пространствата на Интернет, се разбира, периодично наоѓаме страници што ни се интересни или важни. И нормално, имаме желба брзо да ја зачуваме адресата на страницата што ни се допаѓа за повторно да се вратиме на неа. За овие цели, секој модерен прелистувач (било да е Opera, Mozilla, Internet Explorerили други) има во својот арсенал алатка која ви овозможува да креирате и складирате листи на обележувачи (омилени страници).
Во оваа лекција, ќе разговараме за тоа како да креирате (додадете) обележувачи, користејќи го примерот на два популарни прелистувачи - Opera и Internet Explorer (IE), како и како правилно да го складирате списокот со обележувачи за да не го изгубите во случај на пад на системот или по принудна повторно инсталирање.
Работа со обележувачиИнтернетистражувач
Значи, ако работите во прелистувачот Internet Explorer, треба да знаете дека ставката од менито Омилени служи за овие цели.
Најлесен начин да додадете веб-страница на вашата листа е да ја изберете ставката на страницата што ја сакате Омилени - Додадете во омилени…
Ќе се појави прозорец со наведување на името и локацијата на идниот обележувач:
Овде можете да го промените името (за себе) и за погодност за пребарување во иднина, ставете го овој обележувач во посебна папка. Ако папката не постои, можете да ја креирате. За да го направите ова, притиснете го копчето Додај во >>, а потоа изберете го името на папката за зачувување или притиснете го копчето Креирај папка…Во прозорецот што се појавува, напишете го името на папката што треба да се креира и кликнете Добро:
После тоа, новата папка ќе се појави во списокот и само треба да ја изберете и кликнете Добро:
Сега ако кликнете на Омилени, ќе видиме дека се појави нова папка во списокот и нова ставка од менито во оваа папка:
Кога ќе кликнете на креираната ставка, веднаш ќе стигнеме до потребната страница без да ја внесеме нејзината адреса.
Така, можете да додадете онолку обележувачи колку што сакате. Сепак, имајте на ум дека со текот на времето има многу од овие обележувачи, затоа обидете се веднаш да ги дистрибуирате во тематски папки за подоцна да не се изгубите и секогаш да можете брзо да ја пронајдете страницата што ви треба.
Ако треба да направите какви било промени во списокот со обележувачи (преименувај, премести, брише, итн.), Тогаш за ова треба да ја изберете ставката Организирајте ги омилените..., со што се отвора прозорец со исто име. Во овој прозорец ќе имате пристап до сите опции за работа со списокот на обележувачи. Само изберете ја саканата ставка и притиснете го саканото копче:
Мислам дека нема да имате никакви потешкотии со ова, и затоа да преминеме на тоа како да зачувате и обновите обележувачи во случај Windows да се сруши. Факт е дека сите обележувачи се зачувани во една датотека, која секогаш се наоѓа во системска партиција(диск C) и кога системот не успее, таквата датотека природно не е зачувана, и после повторно инсталирање на прозорциќе видиме дека нашите обележувачи ги нема.
За да можеме да ги вратиме обележувачите, треба да направиме копија од таква датотека и да ја зачуваме на друга партиција (на пример, D) или на надворешни медиумиинформации (на ЦД или флеш драјв).
Во IE, за ова треба да ја изберете ставката од менито Датотека - Увоз и извоз…
Во прозорецот што се појавува Волшебник за увоз-извозпритисни го копчето Понатамуи во следниот прозорец изберете го саканото дејство. Ако сакаме да зачуваме обележувачи, тогаш изберете ја ставката Извезете омилении притиснете го копчето Понатаму:
Во следниот прозорец, изберете ја папката што сакаме да ја зачуваме (обично сите омилени) и повторно притиснете го копчето Понатаму. После тоа, од нас се бара да го избереме местото каде што сакаме да ги зачуваме обележувачите. Стандардно ова е папка Мои документи, но се договоривме дека за сигурност треба да избереме друго место, па го притискаме копчето Прегледајте…и изберете друга локација (не на погонот C):
Откако ќе го изберете вистинското место, притиснете го копчето Понатамуа во следниот прозорец копчето Подготвени. После тоа, датотеката со обележувачи ќе биде поставена на наведената локација. Во IE, оваа датотека се повикува стандардно обележувач.htm.
По таков извоз, можете безбедно да го инсталирате системот без да се грижите за губење на обележувачите, а кога ќе одлучите да ги вратите, направете го истото: Датотека - Увоз и извоз... - Следно, и во прозорецот за избор на дејство, изберете Увезете омилени. После тоа, наведете ја локацијата од каде треба да се врати оваа датотека (се сеќавате ли каде сте ја зачувале?) и завршете ја реставрацијата.
Ако направите се како што треба, ќе ја видите следнава порака:
По увозот, сите обележувачи ќе бидат вратени на своето место и можете да ги видите како и обично (Омилени ставки) или на вториот начин со притискање на копчето со жолтата ѕвезда. Во овој случај, обележувачите ќе бидат видливи не како паѓачко мени, туку како панел на левата страна од прозорецот на прелистувачот IE.
Таков панел се затвора со повторно притискање на жолтата ѕвезда или со крст во горниот десен агол на овој панел:
Работа со обележувачиОпера
Значењето на работа со обележувачи во прелистувачот Opera е исто како и во IE, така што ќе бидам поконцизен.
За да креирате обележувач на потребната страница, треба да ја притиснете ставката додека сте на оваа страница. Обележувачи - Обележете страница…
За да ги поставите работите во ред во обележувачите (бришење, преместување итн.), мора да ја изберете ставката Управување со обележувачи…
Уредникот за обележувачи нема да се отвори во посебен прозорец, туку во нов таб Обележувачипрелистувач Opera. За да работите со поединечни обележувачи, користете специјално мени со копчиња за управување со обележувачи:
Откако го избравме саканиот обележувач, можеме да ги извршиме истите дејства со него како во IE, па дури и повеќе. Во Opera, на пример, можно е да се подредат обележувачите и да се прикажат во неколку прикази, што е многу попогодно отколку во IE. Покрај тоа, преместувањето на обележувачите од папка во папка може да се направи со влечење, т.е. кликнете на обележувачот и, без да го ослободите копчето на глувчето, повлечете го до сликата на саканата папка, а потоа отпуштете го копчето на глувчето. Можете да ги избришете обележувачите користејќи го соодветното копче од менито или повеќе брз начин- копче Избришина тастатурата.
Увозот и извозот во Opera исто така не се разликува многу од IE. Избор на ставка од менито Датотека - Увоз и извоз - Увези обележувачиOpera… (или Извези обележувачиопера…):
Следно, избираме место за извезување (или увезување) на датотеката и зачувување на датотеката со обележувачи (или обновување обележувачи од датотеката). Единствената разлика во Opera е што се нарекува стандардната датотека со обележувачи опера6.adr.
Ако обележувачите се обновени правилно од датотека, ќе видите прозорец со порака:
Тоа е всушност сè!
Сега, со само неколку кликања и неколку секунди од вашето време, ќе ги зачувате вашите обележувачи и секогаш ќе имате мир на умот, знаејќи дека нема да изгубите ниту една важна локација од вашето внимание. Само не заборавајте да правите копии од вашите обележувачи од време на време и да ги чувате на безбедно место (во случај Windows да се сруши).
Опис
Поставува или враќа обележувач што уникатно го идентификува тековниот запис во Снимање.
Значење
Вредноста што треба да се постави или врати се определува со стринг израз или израз како ВаријантаА чија вредност е валиден обележувач. Типот на податоци е низа Варијантатип елементи бајти.
Забелешки
За објект Снимање, создадена исклучиво врз основа на табелите на моторот на базата на податоци Мајкрософт Џет, имот обележувачго има значењето Вистина, а дозволено е користење на имотот обележувачза предмети Снимање. На пример, не е дозволено да се користат обележувачи во кој било објект Снимање, создаден од приложената табела ПарадоксА што нема дефиниран клуч.
При креирање или отворање на објект Снимањесекој од неговите записи добива уникатен обележувач. За да ја запомните позицијата на тековниот запис, треба да ја доделите моменталната вредност на имотот обележувачпроменлива. За брзо враќање на покажувачот на тековниот запис зачуван во променливата во секое време откако ќе се префрлите на друг запис, наведете ја вредноста на својството обележувачобјект Снимањевредноста на оваа променлива.
Нема ограничување на бројот на можни обележувачи во збир на записи. За да креирате обележувач што дефинира запис што е различен од тековниот запис, одете до саканиот запис и потоа поставете ја вредноста на имотот обележувачпроменлива низа која ќе укаже на саканиот запис.
Пред користење на имотот обележувачтреба да се провери вредноста на имотот обележувачобјект Снимање A што одредува дали комплетот записи поддржува обележувачи. Доколку имотот обележувачго има значењето Неточно, објект Снимањене поддржува обележувачи и пристап до имотот обележувачќе резултира со заробена грешка.
Доколку се користи методот клонсе креира копија од објектот Снимање, потоа обележете ги вредностите за оригиналниот објект Снимањеа неговите копии се идентични и заменливи. Сепак, обележувачите од други објекти не можат да се користат на овој начин. Снимање, дури и ако се создадени од ист објект или користејќи иста инструкција SQL.
Кога се обидувате да поставите својство обележувачвредност што го претставува избришаниот запис, се појавува грешка што може да се зароби.
Вредност на имотот обележувачне е идентичен со влезниот број.
Пример
Следната програма користи својства обележувачи обележувачда се запамети позицијата на записот во објектот Снимањеи вратете се на овој пост.
Можете да управувате со содржината на страницата html користејќи го обележувачот. Во оваа белешка, ќе опишам едноставни примери за обележувачи и неговата употреба за пополнување веб-обрасци.
Crome беше искористен за пишување на статијата, можеби другите прелистувачи имаат свои карактеристики. Наједноставната употреба на обележувач е да се прикаже порака во прелистувач. За да го направите ова, на пример, можете да го отворите www.google.ru и откако ќе ја отворите страницата во лентата за адреси наместо www.google.ru внесете го следниот код
Javascript:alert ("Здраво светот");
И притиснете Enter, ќе се појави порака во прозорецот на прелистувачот
За да не ја внесувате шифрата постојано во лентата за адреси на прелистувачот и да ја имате секогаш при рака, можно е да го додадете кодот на оваа функција во обележувачите.
Постојат неколку опции за ова, јас ќе опишам две од нив. Првата е рачно да креирате обележувач во менито за создавање обележувачи, втората е да напишете html страница со специјално дизајнирана врска, која ја влечете со глувчето до лентата за обележувачи.
Ајде да ја разгледаме првата опција. Во Chrome, одете во менито за обележувачи.
Кликнете на „Обележи ја оваа страница“ ќе се појави следниот прозорец
Во него, кликнете на копчето "Уреди". И во прозорецот што се појавува, внесете го името за обележувачот и функционалниот код.
После тоа, кликнете на копчето "Зачувај". Овој обележувач сега се појавува во лентата за обележувачи. И за да ја повикате оваа функција, можете да кликнете на оваа картичка на која било страница.
Размислете за втората опција за додавање обележувач од html страница. За да го направите ова, ајде да создадеме празна текстуална датотека наречена AddBookmark.html. и вметнете го следниот код во него:
Карактеристика на внесувањето код на JavaScript е замената на наводниците со нивниот симболичен опис ". Сега отворете ја страницата во прелистувач.
Врската до обележувачот е означена со сино, повлечете ја до лентата за обележувачи со глувчето, ако лентата за обележувачи не е прикажана, тогаш ова може да се поправи - https://support.google.com/chrome/answer/95745?hl=en
Сега разгледајте неколку примери.
1.Променете ја бојата на позадината. Додадете друга врска до html-датотеката
Сива позадина Повлечете го до лентата за обележувачи. Кога ќе започнете обележувач на страницата www.google.ru, го добивате следниот резултат:
2. Пополнете ги податоците во полето за текст и сменете ја неговата класа.
За да пополните текстуални полиња, кликнувајќи на копче, треба да го знаете или нивното име или ид. За да го пронајдете името на полето, кликнете со десното копче на него и изберете "View Code". Во десниот дел од прозорецот ќе се појави прозорец со код и избран текстуален елемент.
Во нашиот случај, го наоѓаме атрибутот id и го запомниме, го имаме lst-ib. Сега, знаејќи го ID на полето за текст, ајде да додадеме нова врска до burkmarket до страницата html:
Пополнување на пребарување на Google Во нашиот случај, класата на полето за текст се менува во MyClass и се пополнува со текстот „Здраво свето!“.
Ајде да додадеме нов обележувач во лентата со задачи. И да одиме на www.google.ru, да го извршиме обележувачот и да го добиеме резултатот.
За да ја проверите промената на класата, повторно отворете го кодот на елементот, претходно класата беше како оваа класа =" gsfi "now class ="MyClass"
Здраво на сите, денес ќе зборуваме за користење на обележувачот или обележувачите за прелистувачот.
За оние кои не знаат, ова е нешто што можете да го обележите (да, јас дебитирам како капетан Очигледен денес :) и, кога ќе се кликне, да произведе некој ефект.
Пример е херојот на денешната белешка, која се наоѓа на http://ulizko. com/demo/allthat/. Упатство за употреба:
- Повлечете ја врската „врска“ до лентата за обележувачи или кликнете со десното копче на неа и изберете ја ставката од менито „додај во омилени“.
- Одете на веб-локација како http://twitter. com, и кликнете на овој обележувач (добро, или на омилените).
Ќе се појави прозорец во кој можете да внесете податоци. Општо земено, се претпоставува дека е интерфејс за додавање желби на списоци со желби (претходно креирани на некоја локација), поставување на предизвикувачи за предупредување итн. Постои дури и некаков вид валидација влезно ниво. И размената на податоци со серверот е воспоставена - односно, на кој било домен ви доаѓа список со вашите списоци со желби, а вашата нова желба од кој било домен ќе лета на крилјата на љубовта кон списокот со желби и пријатна во нејзините прегратки.
Но. Денес не зборуваме за ова, туку за тоа како да се прават такви работи во принцип.
Пред да продолжам директно со анализата на кодот, би сакал да одговорам на прашањето (кое никој не ми го постави :), имено, "Какви можности дава обележувачот?". Точниот одговор е кој било. Бидејќи ја добиваме можноста да вчитаме која било скрипта, можеме да правиме што сакаме со страницата на клиентот. На пример - да направите графичка контрола „далечински“, во која на која било страница можете да додадете запис во бележник или менаџер на задачи. Или дури и направете го целиот менаџер на задачи далечински. Она што е исто така важно, тие ќе работат речиси насекаде - ова не се приклучоци за firefoxy и не се графички контроли за опера. Обележувачите не се грижат (добро, скоро :) каков оперативен систем или прелистувач имате. Во принцип, има простор за имагинација.
Па, како ги правите истите овие обележувачи?
Многу едноставно: треба да креирате сидро елемент на страницата со атрибутот href кој го содржи кодот Javascript. Ако е преведено на руски, тогаш треба да направите таква врска, чија адреса, во голема мера, ќе биде обележувач:
< a href ="javascript:alert("Јас сум обележувач"); void 0;"> обележувач
До javascript кодзаработени во адресата на врската, потребно е да се додаде пред него збор Javascript: . Ако мојата склероза не ме промени, тоа се вика „спецификација на псевдопротокол на Javascript“. Друг важен детал е дека ако вашиот код врати одредена вредност, прелистувачот ќе го земе како адреса на која треба да оди и да ја напушти тековната страница. За да го избегнете ова, не враќајте вредности, односно додавајте void 0 на крајот од скриптата; , или завиткајте го целиот код во анонимна функција што не се враќа - (function()(... вашиот код може да биде тука...))() .
Во секој случај, за сите овие прашања детално зборува Илја Кантор во неговата белешка Bookmarklets и правилата за нивно пишување, на кои ве упатувам за детали.
Единственото нешто што сè уште треба да го знаеме е дека сите прелистувачи ја ограничуваат максималната должина на кодот за обележувачи. И, како што брзината на караванот е еднаква на брзината на најбавната камила, така и максималната големина на обележувачот со вкрстен прелистувач е еднаква на границата наметната од IE 6 SP2, односно 488 знаци.
Така, мала е веројатноста дека ќе можеме да кодираме некоја сложена логика со помалку од петстотини знаци, така што најчесто обележувачите едноставно создаваат нова ознака за скрипта во која кодот на апликацијата е веќе вчитан.
Така и јас. Еве го кодот на мојот обележувач во форма приспособена за луѓе:
(функција () (
// креирајте нова внатрешна променлива a (подобро е да користите кратки идентификатори во овој случај)
// и веднаш додајте го нашиот објект во објектот на глобалниот прозорец и напишете податоци во него што се единствени
// за секој корисник (на крајот на краиштата, тие се генерирани од серверот за корисникот пред тој да ја додаде оваа ознака за себе)
var a = window.allThat = (
ID на корисник: "123345456" ,
сервер: "http://mysite.com/" ,
скрипта: документ .createElement("скрипта" ), // креирајте и складирајте ја ознаката за скрипта,
// кој ќе ни го преземе кодот на апликацијата - подоцна ќе го избришеме ако корисникот кликне на копчето „затвори“
css: документ .createElement("врска") // слично
},
/* динамично креирајте и додавајте елементи во DOM: */
h = документ .getElementsByTagName("глава" );
a.css.rel = "лист на стилови" ;
a.css.href = a.server + "css/bookmarklet.2.css" ;
h.appendChild(a.css);
a.script.src = a.server + "js/bookmarklet.7.js" ;
h.appendChild(a.script);
h=null ;
})();* Овој изворен код беше означен со Истакнувачот на изворниот код.
Потоа директно се вчитува кодот на самиот прозорец. Мислам дека можеби е од некој интерес само по себе, па ќе го објавам овде (сите коментари се на англиски, бидејќи клиентот е Американец):
Доколку сте заинтересирани, овде
Internet Explorer од верзијата 4 обезбедува можност за додавање обележувачи во омилените (Омилени) преку скрипта користејќи го методот AddFavorite на објектот прозорец. надворешен. При повикување на методот AddFavorite, се прикажува дијалог прозорец исто како и при избирање на ставката од менито „Омилени -> Додај во омилени…“.
Синтаксата на методот AddFavorite е:
надворешен.Додај омилен(sURL[, sTitle])
каде што задолжителниот параметар sURL е низа што ја содржи URL-то на обележувачот што треба да се додаде во омилените, а изборниот параметар sTitle го одредува насловниот текст на обележувачот во списокот со омилени. Корисникот може да го промени овој текст во полето за дијалог „Додај омилен“.
Методот не враќа никаква вредност.
Функција AddFavorite(url, наслов) ( if (typeof window.external == "object") ( window.external.AddFavorite(url, title); врати точно; ) друго врати false; ) ... Додај во омилени
Геко (Mozilla/Firefox/Netscape 6+)
Опера 6+
За почеток, Opera не обезбедува средства за додавање обележувачи од скрипта, туку бара врски да се генерираат со множеството атрибути rel="sidebar", исто како што беше прикажано за Gecko . Во исто време, во верзиите на Opera 6.x, обележувачите беа додадени како посебен панел во „Hotlist“, додека обележувачите не беа вклучени во „Обележувачи“. Соодветно на тоа, страницата не беше прикажана во главниот дел на прозорецот, туку на панелот (иако „Hotlist“ може да се направи лебдечки и да се прошири на целиот прозорец). Но, од Opera 7, обележувачите се додадени во „Обележувачи“, и кога е означено полето „Прикажи во панелот“, во полето за дијалог „Додај обележувач“ и во страничната лента (и „Прикажи во панелот“ стандардно се штиклира кога користејќи врска со rel=" странична лента"). Ако корисникот користи обележувач во Обележувачи, тогаш страницата се прикажува во главниот дел од прозорецот; ако корисникот користи странична лента, тогаш страницата се појавува во посебна странична лента.
Спојувајќи го сето тоа...
функција addBookmark(url, title) ( if (!url) url = location.href; if (!title) title = document.title; //Gecko if ((typeof window.sidebar == "object") && (type of window .sidebar.addPanel == "функција")) window.sidebar.addPanel(наслов, url, ""); //IE4+ else if (тип на прозорец. надворешен == "објект") window.external.AddFavorite(url, наслов ); //Opera7+ else if (window.opera && document.createElement) ( var a = document.createElement ("A"); ако (!a) врати неточно; //IF Opera 6 a.setAttribute("rel", "странична лента"); a.setAttribute ("href",url); a.setAttribute ("title",title); a.click(); ) друго врати неточно; врати точно; ) ... Обележи страницаРезултати
И што имаме. Функцијата addBookmark додава обележувач на IE4+, Gecko и Opera7+, што е добро. Кога избирате обележувач во IE -> Омилени и Opera -> Обележувачи, страницата се прикажува во главниот дел од прозорецот на прелистувачот, но во Gecko страницата се отвора во страничната лента - што е лошо.