როგორ დავწეროთ საძიებო სტრიქონი html- ში. ბრაუზერების გაფართოებების ძიება. წაშალეთ "გასუფთავება" ჯვარი საძიებო ველში, წაშლით ადრე აკრეფილი ტექსტი
მრავალი ადამიანისთვის ინტერნეტში ინფორმაციის ძებნის ეფექტურობა სწორედ ის ფეხებია, რომლებიც მგელს აჭმევს. სად შემიძლია ვიპოვო მიმდინარე და განახლებული ინფორმაცია? სად ვიყიდოთ უფრო იაფად და უფრო ძვირად გავყიდო? სად შემიძლია ვიპოვო ყველაზე ზუსტი ინსტრუქციები გარკვეული დავალებების შესასრულებლად? სად უყუროთ ფილმებს ინტერნეტით? მომხმარებლების ამ და მსგავს კითხვებზე რაც შეიძლება სწორად პასუხის გასაცემად, საძიებო სისტემები წლიდან წლამდე აუმჯობესებენ საიტების წარმოდგენის უკვე დახვეწილ მექანიზმებს კონკრეტული მომხმარებლის მოთხოვნების ძიების შედეგებში საიტების წარსადგენად. საძიებო სისტემების მიზანია ხალხის მიყვანა მაქსიმალურად ხარისხიან საიტზე, რათა მიიღონ პასუხები დასმულ კითხვებზე.
საძიებო სისტემების გარდა, თავად საძიებო სისტემები აღჭურვილია საძიებო ფილტრებით, ასე რომ ნებისმიერ მომხმარებელს შეუძლია შეამციროს ინფორმაციის ძებნა ან შეამციროს მათი მოთხოვნა.
ქვემოთ განვიხილოთ ძიების რამდენიმე გაფართოება, რომელსაც შეუძლია შეავსოს პოპულარული ბრაუზერები და, შედეგად, გაზარდოს ინფორმაციის ძებნის ეფექტურობა ინტერნეტში.
Google Chrome- ის გაფართოებების ძიება
მოძებნეთ მიმდინარე საიტი
ყველა საიტი არ არის აღჭურვილი შიდა საძიებო სისტემით და ასეთ რესურსებზე დიდი ხნის განმავლობაში უნდა იაროთ სექციიდან მონაკვეთზე კონკრეტული ინფორმაციის მოსაძებნად. ინტეგრირებული ბრაუზერის გაფართოება საიტის საძიებლად არის უნივერსალური ინსტრუმენტი, რომელიც ყოველთვის იქნება ხელთ, არ აქვს მნიშვნელობა რომელ საიტს ეწვევით. ყველაფრის გაკეთებაა საჭირო საიტის შიგნით საჭირო ინფორმაციის მოსაძებნად, რომ შეიყვანოთ საკვანძო სიტყვა მცირე საძიებო ველში, რომელიც გამოჩნდება ბრაუზერის ზოლზე გაფართოების ღილაკზე დაჭერისას.
საძიებო სისტემის ძებნის შედეგები გაიხსნება ბრაუზერის ახალ ჩანართში და ისინი აირჩევენ კონკრეტული საიტის გვერდებს, სადაც ნაპოვნია საკვანძო სიტყვა.
მიმდინარე საიტზე ძიება ხორციელდება წინასწარ დაინსტალირებული Google საძიებო სისტემით, მაგრამ გაფართოების პარამეტრებში შეგიძლიათ დააყენოთ სხვა საძიებო სისტემა - Yandex, Yahoo ან Bing. ამისათვის დარეკეთ კონტექსტური მენიუს გაფართოების ღილაკზე და აირჩიეთ ბრძანება "პარამეტრები".
გაფართოების ვარიანტები გაიხსნება ბრაუზერის ახალ ჩანართში, სადაც შეგვიძლია აირჩიოთ სხვა საძიებო სისტემა. და უკვე ის მოძებნის საიტზე.
ალტერნატიული ძებნა Google- ში
Yandex საძიებო სისტემა თავდაპირველად უზრუნველყოფს ინფორმაციის ძებნის შესაძლებლობას ორ სხვა საძიებო სისტემაში - Google და Bing - ერთი დაწკაპუნებით, თუმცა ამ საძიებო სისტემებში გადასასვლელი ბმულები და შეყვანილი საკვანძო სიტყვები გაკრულია ძიების შედეგების გვერდის ბოლოში.
მაგრამ Google ამ მხრივ უფრო ეგოისტია - მისი ძიების შედეგებში არ არის ნახსენები კონკურენტ საძიებო სისტემებზე. ამ სიტუაციის გამოსწორება შესაძლებელია Google Chrome- ში "ალტერნატიული Google Search" გაფართოების გამოყენებით.
ამ მიზნისთვის სპეციალური გაფართოების დაყენება უფრო ადვილია, ვიდრე TMS (Torrents MultiSearch), ვიდრე მუდმივად შედიხართ საკვანძო სიტყვის "torrent" - ის დანართში, torrent trackers- ის ძებნის შედეგების მისაღებად.
გაფართოების ღილაკი ჩასმულია ბრაუზერის ხელსაწყოთა ზოლში და დაწკაპუნების შემდეგ, გაიხსნება ძიების მცირე ველი თქვენი მოთხოვნის შესასვლელად.
ძიების შედეგები გამოჩნდება ცალკე ჩანართში და ეს შინაარსი იქნება ნაპოვნი მხოლოდ Runet- ის ტორენტის ტრეკერებზე და არა vareznik საიტებზე, პროგრამულ უზრუნველყოფასა და მედია პორტალებში ან ოფიციალურ საიტებზე.
ტორენტის ტრეკერების ძიების შედეგებში, ნაპოვნი შინაარსის გაფილტვრა შესაძლებელია ფაილის ზომის ან მისი ატვირთვის თარიღის მიხედვით. დამატებითი საკვანძო სიტყვების მითითება შეიძლება ძებნის შესამცირებლად.
ძიების შედეგები ასევე შეგიძლიათ იხილოთ ცალკეული torrent trackers და ცალკე შინაარსის ტიპებისთვის, როგორიცაა ფილმები, მუსიკა, პროგრამები.
გარდა ამისა, TMS გაფართოება არის ჩასმული ბრაუზერის კონტექსტურ მენიუში, ასე რომ თქვენ შეგიძლიათ გაგზავნოთ ნებისმიერი სიტყვა ან ფრაზა, რომელიც ხაზგასმულია ინტერნეტში, torrent trackers- ზე ძებნისთვის ზედმეტი ხმაურის გარეშე, კოპირებისა და ჩასმის გარეშე.
კონტექსტური ძიება
Google Chrome- მა განახორციელა ნაგულისხმევი ბრაუზერში დაინსტალირებული კონტექსტუალური ძებნის ფუნქცია. "კონტექსტური ძებნა" გაფართოება მიზნად ისახავს საძიებო სისტემების რაოდენობის გაზრდას, რომელთა საშუალებითაც შესაძლებელია საიტის გვერდებზე ნებისმიერი შერჩეული სიტყვის ძებნა.
გაფართოებას თავდაპირველად აქვს შესაძლებლობა მოძებნოს ყველაზე პოპულარული ტორენტ ტრეკერი RuTracker, Wikipedia და მედია პორტალი Kinopoisk.Ru.
გაფართოების პარამეტრებში ემატება სხვა საძიებო სისტემები, რომ მათი საშუალებით შესაძლებელი იყოს ინფორმაციის ძებნა პირდაპირ ბრაუზერის კონტექსტური მენიუდან. მოდით გავხსნათ Google Chrome მენიუ, შევარჩიოთ ”პარამეტრები” და გადავიდეთ ბრაუზერში დაინსტალირებული გაფართოებების განყოფილებაში.
გაფართოებების სიაში აირჩიეთ ის, რაც გვჭირდება - "კონტექსტის ძებნა". დააჭირეთ ბმულს "პარამეტრები".
ძებნა გაფართოებები Opera
მოძებნეთ საიტი
გაფართოების ღილაკი მდებარეობს ბრაუზერის ხელსაწყოთა ზოლზე და მასზე დაჭერით შეგიძლიათ დარეკოთ საძიებო ველში, რომ შეიტანოთ გასაღების მოთხოვნა, ასევე შეცვალოთ საძიებო სისტემა.
წინასწარ დაინსტალირებული Yandex და Google გაფართოების პარამეტრებში შეიძლება დაემატოს სხვა საძიებო სისტემებით. დარეკეთ კონტექსტური მენიუს გაფართოების ღილაკზე და აირჩიეთ "პარამეტრები" ბრძანება.
ისევე, როგორც Google Chrome- ისთვის "კონტექსტური ძიება" გაფართოების შემთხვევაში, ახალი საძიებო სისტემის დასამატებლად, უნდა მიუთითოთ მისი URL სტრიქონი.
Torrents MultiSearch
მსგავსი სურათების ძებნა
მსგავსი სურათების ძებნა Opera ბრაუზერის კონტექსტურ მენიუში ქმნის დამატებით ბრძანებას მსგავსი სურათების მოსაძებნად რამდენიმე საძიებო სისტემის გამოყენებით.
ან წარმოდგენილი იქნება პუბლიკაციების ჩამონათვალი მსგავსი სურათებით.
Mozilla Firefox– ის გაფართოებების ძიება
საიტის ძებნა
ისევე როგორც წინა ორ შემთხვევაში, Mozilla Firefox ბრაუზერისთვის არსებობს სპეციალური გაფართოება ინტერნეტში ნებისმიერი საიტის ძიებისთვის.
მხოლოდ Fire Fox საიტის ძიება არის ჩასმული ბრაუზერის არსებულ საძიებო ველში და ემატება მისი ხატი წითელი გამადიდებლის ფორმის სახით, ჩვეულებრივი ძიების ხატის წინაშე.
Mozilla Firefox– ში რეგულარული ძიებისთვის ნაგულისხმევი საძიებო სისტემის შეცვლა გულისხმობს როგორც საძიებო სისტემის შეცვლას, ასევე საიტებზე ძიებას.
საიტის ძიების გაფართოება არის ინტეგრირებული Mozilla Firefox კონტექსტური მენიუში და ნებისმიერი სიტყვის არჩევით, ძებნის ინდივიდუალურ შედეგებში შეგიძლიათ ნახოთ საიტის ყველა გვერდი, სადაც ეს სიტყვაა წარმოდგენილი.
ძებნა byffox– დან
ნებისმიერი "ჯერ არ მომწიფებული" სახელების მქონე ნებისმიერი პროგრამული პროდუქტი, როგორც წესი, ბევრ მომხმარებელს აღიზიანებს იმ ფაქტით, რომ ისინი ვერც კი ხედავენ შემოთავაზებული ინსტრუმენტების დანიშნულების მითითებას.
და კონკრეტულად რას გვთავაზობს "Softina from Vasya" ან "Repack played from Petya", ამის გარკვევა მხოლოდ აღწერილობის დეტალური გაცნობის შემდეგ შეგიძლიათ. ამის მიუხედავად, ისეთი არასერიოზული სახელის მიღმა, როგორიცაა "ძებნა byffox- დან", არის სასარგებლო და საღად მოაზროვნე ფუნქციონირება. ეს გაფართოება საშუალებას გაძლევთ შეავსოთ ბრაუზერის კონტექსტური მენიუ დამატებითი საძიებო ბრძანებით შერჩეული სიტყვისთვის სხვადასხვა საძიებო სისტემის გამოყენებით.
ეს პოსტი წარმოადგენს წინა სტატიის (თარგმანი) "ბლოგის ძებნა Google AJAX Search API და jQuery გამოყენებით".
ამის დაწერის შემდეგ ვფიქრობდი, სად იქნებოდა ყველაზე წარმატებული ასეთი ფორმისა და შედეგების ხალიჩის განთავსება, გარდა ცალკეული გვერდისა. იდეა დიდხანს არ გამოირჩეოდა: ლოგიკურია, რომ ძებნის შედეგი სცადოთ ამომხტარი ფანჯარაში.
Პირველი დემო:
ბლოგის ძებნა
Popup ძიების საფუძვლად, მე ავირჩიე jQuery მოდალური მოდული, სახელწოდებით გამოავლინე ... ეს არის მსუბუქი წონა, არასაჭირო ელემენტების გარეშე და დაკავშირება ძალიან მარტივია.ინსტალაცია.
სკრიპტისა და სტილის ბმულები იწერება შაბლონის განყოფილებაში:
ნუ დაივიწყებთ, რომ მოდულის არქივში არის png სურათი, რომელიც უნდა ჩასვათ პიკას ალბომში და დაწეროთ მისკენ მიმავალი გზა გამოავლინა. css.
შემდეგი ნაბიჯი არის მოდულის ინიცირება " tuning" დამწერლობა (იმავე ადგილზე ჩასმა):
შემდეგ განვსაზღვრავთ ამომხტარი შინაარსი (ჩვენ ამას ვათავსებთ პოსტის ტექსტში):
ბლოგის ძებნა
აქ ჩადეთ ყველა საძიებო კოდი სტატიიდან "ბლოგის ძებნა Google AJAX Search API და jQuery გამოყენებით".
ამ კოდექსში ჩემი კომენტარის მიხედვით, დააკოპირეთ და ჩასვით იქ მთელი "google search", რაზეც ახლა ვსაუბრობთ. Css სტილის ფურცელში თქვენ მოგიწევთ თეთრი კვადრატის ფართობის გაზრდა.
და ბოლო ნაბიჯი თვითონ არის მოდალური ბმული, რომელიც შეიძლება იყოს ტექსტურიც და გრაფიკულიც. ბმული კოდი სურათის სახით (ასევე პოსტის ტექსტში):
აქვს გამოავლინე, მოდალური მოდული, არსებობს ორი სახის ანიმაცია: ქრებოდა და ქრებოდა AndPopეფექტის რეგულირებადი სიჩქარე: ანიმაციის სიჩქარე: 300და მთლიანი ფანჯრის დახურვის შესაძლებლობა დაბნელებულ ფონზე დაწკაპუნებით: closeonbackgroundclick: მართალია.
ეს პარამეტრები იწერება "კონფიგურაციის" სკრიპტში (იხ. ზემოთ):
$ ("# myModal"). გამოაშკარავება ((ანიმაცია: "fadeAndPop", // fade, fadeAndPop, არცერთი ანიმაციის სიჩქარე: 300, // რამდენად სწრაფია ანიმაციები closeonbackgroundclick: true, // თუ დააჭირეთ ფონს, მოდალური დახურვა მოხდება? removemodalclass: "დახურვა-გამოვლენა-მოდალი" // ღილაკის ან ელემენტის კლასი, რომელიც დახურავს ღია მოდალს));
ან, ამ პარამეტრების დაკავშირება შესაძლებელია მეშვეობით ბმული მოდალურ ფანჯარაში (იხ. ზემოთ)
უნდა გვესმოდეს, რომ ასეთი სქემა ცალკე ფანჯარაში ძიება - სუფთა ექსპერიმენტი და მოითხოვს უფრო ფრთხილად მორგებას.
ამ სახელმძღვანელოში ჩვენ შევქმნით ჩამოსაშლელ საძიებო ფორმას, რომელიც შესანიშნავად ჯდება ჩვენი მობილური ინტერფეისის დიზაინში. მხოლოდ CSS გამოყენებული იქნება ელემენტის განსახორციელებლად - არ არის JavaScript ან დამატებითი მარკირება. მარტივი და ეფექტური გზა კომპაქტური საძიებო ფორმის განსახორციელებლად.
დანიშვნა
მობილური მოწყობილობებისთვის ითვლება ყველა პიქსელი. ფორმის საჩვენებლად საჭირო სივრცის შესამცირებლად, იგი თავდაპირველად გამოჩნდება კომპაქტური ფორმით და გაფართოვდება შეყვანის ფოკუსის მიღების შემდეგ (: ფოკუსი). ეს მიდგომა ზოგავს ინტერფეისის სხვა ელემენტებს და შინაარსს.
HTML მარკირება
ფორმა იყენებს HTML5. კოდი ძალიან მარტივია:
Webkit ბრაუზერებში ძიების ფორმის ნაგულისხმევი ხედის გადატვირთვა
სტანდარტულად, Webkit ბრაუზერებში, ძიების ფორმა ასე გამოიყურება:
იმისათვის, რომ საძიებო ფორმა ჩვეულებრივი ტექსტის შეყვანის ველს გამოიყურებოდეს, უნდა დაამატოთ შემდეგი სტილები:
შეყვანა (-webkit- იერსახე: textfield; -webkit- ყუთის ზომა: შინაარსი-ყუთი; font-family: მემკვიდრეობა; შრიფტის ზომა: 100%;) შეყვანა :: - webkit-search-decoration, input :: - webkit- ძებნის გაუქმების ღილაკი (ჩვენება: არცერთი;)
ჩვენ ვაყალიბებთ ჩვენს საძიებო ფორმას
შეყვანის ველს ექნება რეგულარული სიგანე 55 პიქსელი და გაფართოვდება 130 პიქსელზე: ფოკუსის მდგომარეობაში. გარდამავალი თვისება გამოიყენება ანიმაციისთვის და ყუთ-ჩრდილი გამოიყენება ბრწყინვალების ეფექტისთვის.
შეყვანა (ფონი: # eded url (img / search-icon.png) 9px ცენტრის განმეორება; საზღვარი: მყარი 1px #ccc; padding: 9px 10px 9px 32px; სიგანე: 55px; / * ნაგულისხმევი სიგანე * / -webkit- საზღვრის რადიუსი: 10em; -moz- საზღვრის რადიუსი: 10 em; საზღვრის რადიუსი: 10em; -webkit- გადასვლა: ყველა .5s; -moz- გადასვლა: ყველა .5s; გარდამავალი: ყველა .5s;) შეყვანა: ფოკუსირება ( სიგანე: 130px; / * სიგანე ფოკუსირებით * / ფონის ფერი: #fff; საზღვრის ფერი: # 6dcff6; -webkit-box-shadow: 0 0 5px rgba (109,207,246, .5); -moz-box- ჩრდილი: 0 0 5px rgba (109,207,246, .5); ყუთი-ჩრდილი: 0 0 5px rgba (109,207,246, .5); / * Glow ეფექტი * /)
მაგალითი ბ
B მაგალითში, ძიების ფორმა მნიშვნელოვნად შემცირებულია - მხოლოდ ხატი გამოჩნდება ტექსტის შევსების გარეშე. გაითვალისწინეთ, რომ საძიებო ველში შევსების და სიგანის თვისებები შეიცვალა და ქმნის მრგვალ ღილაკს. იმისათვის, რომ ტექსტი უხილავი იყოს, გამოიყენეთ ფერი: გამჭვირვალე თვისება.
# დემო-ბ შენატანი (სიგანე: 15 პიქსელი; მარცხენა შევსება: 10 პიქსელი; ფერი: გამჭვირვალე; კურსორი: მაჩვენებელი;) # დემო-ბ შენატანი: hover (ფონის ფერი: #fff;) # დემო-ბ შეყვანა: ფოკუსირება (სიგანე : 130px; padding-left: 32px; ფერი: # 000; ფონის ფერი: #fff; კურსორი: ავტო;)
ბრაუზერის თავსებადობა
აღწერილი მეთოდი მუშაობს ყველა მთავარ ბრაუზერში: Chrome, Firefox, Safari და IE8 +. IE7 და უფრო ძველ ბრაუზერებში ფუნქციონირება არ მუშაობს: ფსევდო კლასის და ძიების ველის ტიპის მხარდაჭერის არარსებობის გამო.
2019 წლის 25 ოქტომბერი ჩანაწერი განახლდა
მოცურების საძიებო ფორმა საიტზე
ბრტყელმა სტილმა მნიშვნელოვანი პოპულარობა მოიპოვა ვებსაიტების დიზაინში. და ამ გაკვეთილზე გადავხედავთ საიტის სხვა ელემენტს, რომელიც დამზადებულია ამ სტილში. ეს ელემენტი არის საძიებო ფორმა. არა მარტივი, არამედ საძიებო ფორმა, რომელიც გამოჩნდება დაწკაპუნებისას და "იშლება", თუ არ გამოიყენება. რაც შეეხება ძიების ხატულას, ის აღებულია SVG ფაილიდან და მასშტაბურია ეკრანის სხვადასხვა რეზოლუციებში (როგორც მობილური მოწყობილობებისთვის, ასევე დიდ მონიტორებზე).
მაგალითის ნახვა შეგიძლიათ აქ:
გადმოწერა
გაიყვანეთ საძიებო ფორმა
Როგორ გამოვიყენო?
Html
პირველი, მოდით განვსაზღვროთ ნიშანი, რომელიც იქნება HTML გვერდზე:
| 1 2 3 4 5 6 7 | <div id \u003d "sb-search" class \u003d "sb-search"\u003e <ფორმა\u003e <input class \u003d "sb-search-input" placeholder \u003d "რას ეძებს?" type \u003d "text" value \u003d "" name \u003d "search" id \u003d "search"\u003e <input class \u003d "sb-search-submit" type \u003d "submit" value \u003d ""\u003e <span class \u003d "sb-icon-search"\u003e </ ფორმა\u003e </ div\u003e |
საძიებო ფორმაში არაფერია უჩვეულო: ტექსტის ველი შეყვანისთვის, ძებნის ღილაკი და ელემენტი ხატისთვის.
CSS
მოდით დავამატოთ სტილი, რომ ძებნა გვერდზე ლამაზად გამოიყურებოდეს.
ვინაიდან ის გამოჩნდება დაწკაპუნებისთანავე, იგი თავდაპირველად იმალება. ეს კეთდება ქონების გამოყენებით გადავსებადა მისი მნიშვნელობა დაფარული, რის შედეგადაც ყველაფერი იმალება ხატის გარეთ (შედეგად, ჩვენ ვხედავთ მხოლოდ ხატულას, ხოლო ტექსტის ველი არა):
| .sb-search (პოზიცია: ფარდობითი; ზღვარი-ზემო: 10px; სიგანე: 0%; min- სიგანე: 60px; სიმაღლე: 60px; ათწილადი: მარჯვენა; გადახურება: დამალული; -webkit- გადასვლა: სიგანე 0.3s; -moz- გადასვლა: სიგანე 0.3s; გადასვლა: სიგანე 0.3s; -webkit-backface- ხილვადობა: დამალული;) |
| 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 | .sb-search-input (პოზიცია: აბსოლუტური; ზედა: 0; მარჯვნივ: 0; საზღვარი: არცერთი; მონახაზი: არცერთი; ფონი: #fff; სიგანე: 100%; სიმაღლე: 60px; მინდორი: 0; z- ინდექსი: 10 ; padding: 20px 65px 20px 20px; font-family: მემკვიდრეობა; font-size: 20px; ფერი: # 2c3e50;) input [type \u003d "search"] .sb-search-input (-webkit-გამოჩენა: არცერთი; -webkit -საზღვრის რადიუსი: 0px;) |
ჩვენ განვსაზღვრავთ ტექსტის ფერს, რომელიც არის მოთხოვნის ფონზე (ტექსტს, რომელსაც ჩავდივართ ძიების დროს):
| 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 | .sb-search-input :: -webkit-input-placeholder (ფერი: # efb480;) .sb-search-input: -moz-placeholder (ფერი: # efb480;) .sb-search-input :: -moz- placeholder (ფერი: # efb480;) .sb-search-input: -ms-input-placeholder (ფერი: # efb480;) |
ძებნის ღილაკი ყოველთვის არის დანარჩენი ბლოკები და ელემენტების გვერდი, ამიტომ ჩვენ მას დიდ მნიშვნელობად ვაყენებთ z- ინდექსი:
| 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 | .sb-icon-search (ფერი: #fff; ფონი: # e67e22; z-index: 90; font-size: 22px; font-family: "icomoon"; საუბარი: არცერთი; შრიფტის სტილი: ნორმალური; შრიფტის წონა : normal; font-variant: normal; text-transform: none; -webkit-font-smoothing: antialiased;) .sb-icon-search: before (შინაარსი: " \\ e000 "; } |
ასევე, არ უნდა დაგვავიწყდეს სპეციალური ხატების (SVG) ჩასმა. ძებნის ღილაკში ხატის ჩასასმელად:
| 1 2 3 4 5 6 7 8 9 10 | @ font-face (შრიფტის ოჯახი: "icomoon"; src: url ( "../fonts/icomoon/icomoon.eot") src: url ( "../fonts/icomoon/icomoon.eot?#iefix") ფორმატი ("embedded-opentype"), url ( "../fonts/icomoon/icomoon.woff") ფორმატი ("woff"), url ( "../fonts/icomoon/icomoon.ttf") ფორმატი ("truetype" სკრიპტი\u003e<სკრიპტი src \u003d "js / uisearch.js"\u003e <დამწერლობა\u003e ახალი UISearch (document.getElementById ("sb-search"));</ სკრიპტი\u003e |
დასკვნა
სასიამოვნო საძიებო ფორმა, რომელიც ძალიან მცირე ადგილს იკავებს საიტზე და ლამაზად გამოჩნდება, როდესაც ძებნის ხატულას დააჭირეთ.
პარამეტრის გასაღების სახელი. საძიებო ველში ყველაზე ხშირად გამოიყენება "q" ან "text". პარამეტრის საკვანძო მნიშვნელობა. ყველაზე ხშირად მას არ ეკითხებიან. მომხმარებელს შეუძლია შეცვალოს იგი საკუთარ ტექსტში, თუ არ არის მითითებული წაკითხული და გამორთული ატრიბუტები. დაბლოკილი მომხმარებლის მოდიფიკაცია დაბლოკილი წვდომა, მომხმარებლის მოდიფიკაცია და მონაცემთა პარამეტრების მიმდინარე გადაცემა არ შეიძლება იყოს ცარიელი შეყვანის შაბლონი, როგორც JS– ის რეგულარული გამონათქვამები, რომელსაც უნდა მიჰყვეს ფორმაში სიმბოლოების მინიმალური რაოდენობის მისაღებად, რაც აუცილებელია ფორმის მაქსიმალური სიმბოლოების წარსადგენად, რომელსაც მომხმარებელს შეუძლია აკრეფოს ველის სიგრძე სიმბოლოებში hint-placeholder ინსტრუმენტული მითითება hover ავტომატური დასრულების შესახებ. თანამედროვე ბრაუზერები გვიჩვენებს ადრე შეყვანილ ძიებებს მიმდინარე დომენზე. შეგიძლიათ გამორთოთ ან უფრო სპეციფიკური გახადოთ. დოკუმენტის დატვირთვისას მიღებული ორთოგრაფიული და გრამატიკული შემოწმებული ველის ფოკუსის (ანუ ელემენტზე დაწკაპუნებამდე და ელემენტის გარეთ დაწკაპუნების პერიოდი) მიღებული რეკომენდებული შეკითხვების სია
წაშალეთ "გასუფთავება" ჯვარი საძიებო ველში, წაშლით ადრე აკრეფილი ტექსტი
როგორ მუშაობს საძიებო ფორმა საიტზე
უმარტივესი HTML კოდი
თუ ჩაწერეთ „კითხვა“ ველი და დააჭირეთ ღილაკს „ძებნა“, გვერდის მისამართი შეიცვლება „http: //site/2011/06/forma-poiska-po-saitu..html ? ტექსტი \u003d კითხვა »როგორც ეს ხდება ბმულის დაჭერისას. გვერდის ჩატვირთვისას, სკრიპტი ამოწმებს URL– ში მითითებული პარამეტრების არსებობას და, თუ აღმოჩნდა, ქმნის და აჩვენებს საიტზე ძიების შედეგებს.
დოკუმენტის ჩატვირთვის სიჩქარის ასამაღლებლად, სკრიპტი, რომელიც თხოვნას ამუშავებს, როგორც წესი, განთავსდება საიტის მხოლოდ ერთ გვერდზე, რომელსაც გადასვლა მოხდება, თუ მისი მისამართი წერია მოქმედების ატრიბუტში: " http: // საიტი / ძებნა /? text \u003d კითხვა ”.
სკრიპტის მუშაობისთვის შეიძლება საჭირო გახდეს დამატებითი პარამეტრები, რომლებიც მითითებულია აქ ... ეს ველი არ არის ნაჩვენები. საძიებელი \u003d 808327& text \u003d კითხვა ".
ფორმის შედეგი გახსენით ახალ ჩანართში სამიზნე ატრიბუტის გამოყენებით
სად შეგიძლიათ მიიღოთ საიტის ძებნის სკრიპტი
Შეგიძლიათ გამოიყენოთ
- yandex- ისა და Google- ის სპეციალური სერვისების მიერ შემოთავაზებული,
- ჩასმული CMS- ში, რომელსაც იყენებთ (თუ ეს შესაძლებელია), მაგალითად, Blogger- ზე "https: // საიტი.რუ/ ძებნა? q \u003d კითხვა ", სადაც" site.ru "ჩანაცვლებულია თქვენი ბლოგის მისამართით,
- დამოუკიდებლად განვითარდა, მაგალითად, PHP- ში.
უმარტივესი ვარიანტია Google მოთხოვნის გადამისამართება:
ტექსტი ღილაკზე: "ძებნა", "ძებნა", "ძებნა"
გამომწვევი სიტყვებიდან "ძებნა" სრულყოფილი ფორმაა და გულისხმობს, რომ ძიების შედეგი აუცილებლად პოზიტიური იქნება.
