ОВ Консулт | Консултантски услуги, web дизайн... http://ov-consult.com Консултантски услуги, web дизайн, маркетинг, планиране, офис изграждане, web design, consult, marketing, planning, office build Thu, 04 Feb 2010 21:45:59 +0000 http://wordpress.org/?v=2.8 en hourly 1 Jquery скрипт подходящ за търсене в сайта http://ov-consult.com/?p=187 http://ov-consult.com/?p=187#comments Wed, 23 Sep 2009 06:38:52 +0000 Пeтър Гeчeв http://ov-consult.com/?p=187 Здравейте,
на Вашето внимание предоставяме един наш скрипт, който честичко ползваме за визуализация на div. Проблема ни беше, че трябваше да добавим към един не много „просторен“ темплейт и търсене, задачата беше много сложна за преместване на вече изградения дизайн, за това решихме да скрием един div и при клиентско „поискване“, да го покажем по ефектен начин.

Тъй като имахме вече ползвана библиотека на jQuery решихме да използваме нея, за визуализирането и специално jQuery функциите:

  • show()
  • hide()

И така, нека започнем с CSS-а който ще използваме за оформление на div в който ще се намира търсенето:

div#online_usl{
  1.  font-family: Tahoma, Verdana, Arial, sans-serif;
  2.  font-size: 62.5%;
  3.  background-color: #333;
  4.  width: 300px;
  5.  height: 150px;
  6. }

Тук няма какво да обясняваме, предполага се че след като сте се насочили към jQuery, вече знаете за какво става на въпрос в CSS :-)
Продължаваме със самият скрипт:

$(document).ready(function(){
  1.  
  2.    $('#online_usl').hide();
  3.  
  4.       $('#click_usl').click(function(){
  5.  
  6.    $('#online_usl').show("slow");
  7.  
  8.    });
  9.  
  10.    $('#close_friend').click(function(){
  11.      $('#online_usl').hide('fast');
  12.   })
  13.  
  14.     });

Тук е момента, да споменем и за $(document).ready(), това е функция в jQuery която се изпълнява при зареждането на страницата. Е както виждате, при зареждане на страницата първото нещо което се изпълнява, това е скриване на
div с id online_usl. След това се зарежда функция, която „следи“ за натискане на елемент с id click_usl, ако има такъв „клик“, то се изпълнява функцията show() на jQuery. Тази функция има няколко параметъра:

  • slow
  • normal
  • normal
  • Време в ms

След като е заредена функцията за показване на div-a чрез следене на клик в елемент, то е необходимо да заредим и функция която да затваря показалият се div. Правим го като укажем, по сходен начин на показването, но използваме функцията hide().

Ето и целия скрипт, може да го свалите и пробвате, моля имайте в предвид, че самата библиотека е хоствана от Google, ако желаете да използвате локално този скрипт, изтеглете библиотеката от сайта на jQuery и променете пътя до нея.

  1. <head>
  2. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.js" type="text/javascript"></script>
  3. <script type="text/javascript">
  4.       $(document).ready(function(){
  5.    
  6.    $('#online_usl').hide();
  7.    
  8.       $('#click_usl').click(function(){
  9.    
  10.    $('#online_usl').show("slow");
  11.    
  12.    });
  13.    
  14.    $('#close_friend').click(function(){
  15.      $('#online_usl').hide('fast');
  16.   })
  17.    
  18.     });
  19. </script>
  20. <style type="text/css">
  21. div#online_usl{
  22.  font-family: Tahoma, Verdana, Arial, sans-serif;
  23.  font-size: 62.5%;
  24.  background-color: #333;
  25.  width: 300px;
  26.  height: 150px;
  27. }
  28. </style>
  29. <meta http-equiv="Content-Type" content="text/html; charset=windows-1251" />
  30. </head>
  31. <p><a href="#" id="click_usl">Търсене</a></p>
  32. <div id="online_usl">
  33. <span style="float: right;"> <a href="#" id="close_friend" style="color: #fff; text-decoration: none; margin-top: 3px; margin-right: 3px;">X</span>
  34. <p>&nbsp;</p>
  35. <p>Търсене:</p>
  36. <center><input type="text" value="Търси…" /></center>
  37. </div>
]]> http://ov-consult.com/?feed=rss2&p=187 0 Готов скрипт: предупредително съобщение за стар браузър http://ov-consult.com/?p=179 http://ov-consult.com/?p=179#comments Tue, 08 Sep 2009 07:15:55 +0000 Пeтър Гeчeв http://ov-consult.com/?p=179 Здравейте,
ако сайта Ви използва част от нашумелите на последък библиотеки и модерни похвати в web програмирането, вероятно сте се сблъсквали с проблемите на старите браузъри (в този пример ще разгледаме IE6). В голяма част от най-посещаваните сайтове (например facebook), показват подканителни съобщения на потребителя за използването на последните версии. В този пример ще разгледаме как да предупредите потребител с Internet explorer 6, да премине на по-горна версия.

Вероятно от наша предишна статия сте намерили информация за
сървърната променлива $_SERVER['HTTP_USER_AGENT'], е сега е време да я включим в употреба. Както бяхме писали в статията, тази сървърна променлива връща резултат с потребителският браузър, ние ще я използваме в комбинация с if и ще върнем резултат при наличието на съвпадаща фраза, в настоящия пример ние ще разгледаме IE6 или по-точно MSIE 6.0, както е обозначен браузъра.

Направете нов php документ като в неговото начало вземете променливата, „срежете“ я и дефинирайте случая който търсим, по следния начин:

  1. <?php
  2. $ie6 = "MSIE 6.0"; // Дефинираме браузъра, който желаем да следим
  3. $browser = $_SERVER['HTTP_USER_AGENT']; //Взимаме информация за клиентския браузър
  4. $browser = substr("$browser", 25, 8); // "Изрязваме садържанието на променливата"
  5. $error = "<h1>Моля използвайте по-нова версия на Internet explorer</h1>"; // Изграждаме тук съобщението което желаем да се покаже, когато скрипта ни намери браузър IE6
  6. if($browser == $ie6){ $alert = TRUE; } // Ако променливата $browser е еднаква с променливата $ie6, то $alert приема стойност TRUE
  7. ?>

Този скрипт слагате в най-най-най горния край на документа, а този:

  1. <?php if($alert){ echo $error; } ?>

Там където искате да се покаже съобщението което направихме в първата част на скрипта. Е това е от нас, надяваме се да ви е от полза скрипта! :)

]]> http://ov-consult.com/?feed=rss2&p=179 0 Как лесно и ефективно да се предпазим от SPAM ботовете http://ov-consult.com/?p=150 http://ov-consult.com/?p=150#comments Thu, 20 Aug 2009 06:47:17 +0000 Пeтър Гeчeв http://ov-consult.com/?p=150 Ако имате малка страничка с контактна форма, вероятно Ви е писнало да Ви заливат със спам през нея?
Тук сме разгледали едно лесно, но в повечето случай ефективно решение на този досаден проблем!

Google – колкото и полезен, толкова е и вреден за нас обикновените потребители. Сайта ни бива лесно намерен (е разбира се ако знаем как да го направим) от потребители, но за съжаление и от SPAM ботовете. Тази напаст няма край, повечето web програмисти прилагат драстични мерки, като въвеждането на така наречените CAPTCHA методи. Но за съжаление те са доста досадни, за нас. Вероятно сами сте виждали колко безумни картинки трябва да преписвате, за да изпратите заветната форма.
Целта на нашата статия е да споделим с Вас, нещо което ни е от полза вече толкова години, а именно прилагането на няколко хитрини.
В голям процент, SPAM ботовете не виждат Java Script-овете за това ми хрумна да поекспериментирам малко, имахме един клиент, който буквално беше залян от спам през контактната форма. Направих следните оптимизации на формата, вижте я преди и след:

  1. <form method="POST" action="send.php">
  2. ….
  3. <input type="text" name="subject" /><br />
  4. ….
  5. <input type="submit" />
  6. ….
  7. </form>

Отрязахме кода за да бъде по-лесно за разбиране, та така написана формата бива брилянтно разчетена от SPAM ботовете, съответно започват да летят директно спам съобщения дори и без да се влиза в сайта Ви! Това което трябва да направите е да промените send.php на нещо друго, в случая ще го променим на sendit.php, а нашата нова форма ще изглежда така:

  1. <script>
  2. document.write('<form method="POST" action="sendit.php">');
  3. </script>
  4. ….
  5. <input type="text" name="subject" /><br />
  6. ….
  7. <script>
  8. document.write('<input type="submit" />');
  9. </script>
  10. ….
  11. </form>

Както може би вече и сами се досещате, крием ключовите данни от формата с Java Script, така SPAM ботовете няма да могат да „разберат“ данните необходими за изпращането на Вашата форма. Презастраховали сме се, като сме скрили дори и submit бутона. Вие ако желаете може да направите всичко това, дори и с цялата форма.
Тук обаче е момента да Ви предупредим, че ако вашите потребители нямат browser-и които поддържат Java Script, с тях ще се случи същото, което грози и SPAM ботовете! :) )

Надяваме се този скрипт да Ви бъде полезен!

]]> http://ov-consult.com/?feed=rss2&p=150 0 Как изглежда сайта Ви в Internet Explorer? http://ov-consult.com/?p=147 http://ov-consult.com/?p=147#comments Thu, 11 Jun 2009 09:56:11 +0000 Пeтър Гeчeв http://ov-consult.com/?p=147 Ако сте developer, но нямате под ръка ot IE 5.5 do IE 8 то следващата страница е точно за Вас!

На адреса http://ipinfo.info/netrenderer/ може да проверите как изглежда страницата Ви с различните версии на IE

]]> http://ov-consult.com/?feed=rss2&p=147 1 Посочете мястото на текстовия курсор във форма! http://ov-consult.com/?p=143 http://ov-consult.com/?p=143#comments Fri, 05 Jun 2009 19:30:56 +0000 Пeтър Гeчeв http://ov-consult.com/?p=143 Искате курсора за писане да появява в дадено текстово поле, за да улесните потребителите си, да започнат направо с писането на потребител и парола (например)? Няма проблеми!

Ако имаме следната форма:

  1. <form method="post" name="myform">
  2.     <input type="text" name="infield" />
  3. </form>

То е необходимо просто да промените тага по следния начин:

  1. <body onload="document.myform.infield.focus()">

Като разбира се, може да замените myform и infield, с имената на Вашите съответно форма и поле.
Надявам се този скрипт да Ви бъде полезен!

]]> http://ov-consult.com/?feed=rss2&p=143 0 Полезен сайт за генериране на изображения http://ov-consult.com/?p=141 http://ov-consult.com/?p=141#comments Sat, 30 May 2009 06:09:09 +0000 Пeтър Гeчeв http://ov-consult.com/?p=141 Ако желаете да направите „моля изчакайте“ съобщенията си по-разчупени, то следващия сайт е точно за Вас.
Има голям набор от изображения, които можете да комбинирате с цветове, докато си харесате изображение.
Сайта е: http://www.ajaxload.info/

]]> http://ov-consult.com/?feed=rss2&p=141 0 Web printing – направите страницата си пригодна за принтиране! http://ov-consult.com/?p=132 http://ov-consult.com/?p=132#comments Thu, 21 May 2009 12:46:19 +0000 Пeтър Гeчeв http://ov-consult.com/?p=132 Понякога се налага, да направите страницата си преигодна за принтиране, например
ако имате система за отчет на продажбите, не е необходимо да се принтира и менюто,
за това Ви предлагаме следния скрипт, чрез който можете да окажете, цели елементи
да не се принтират. Всичко става разбира се чрез CSS.

Самият скрипт е лесен, необходимо е в head тага на Вашата страница да поставите следния стил:

  1. <style>
  2. @media print
  3. {
  4.  
  5. #np{ display:none;}
  6.  
  7. }
  8. </style>

Както виждате, оказва се на browser-а да не визуализира елементите с id „np“, само тогава, когато имаме
print или print preview. Това е относно стила, сега е необходимо да окажете и елемента, който не желаете да се показва:

  1.  
  2. <body>
  3. <p>Ще се принтира</p>
  4. <p id="np">Няма да се принтира</p>
  5. </body>

Както виждате, имаме два

елемента, единия желаем да се показва, а другия не. При нормално преглеждане през browser-a
ще се виждат и двата елемента, но при принтиране или print preview елемента с id „np“ няма да се визуализира, съответно да се принтира.

Ето и целия тестов html:

  1. <html>
  2. <head>
  3. <meta http-equiv="Content-Type" content="text/html; charset=cp-1251" />
  4.  
  5. <style>
  6. @media print
  7. {
  8.  
  9. #np{ display:none;}
  10. #contentArea{ width:100%;}
  11. }
  12. </style>
  13. </head>
  14. <body>
  15. <p>Ще се принтира</p>
  16. <p id="np">Няма да се принтира</p>
  17. </body>
  18. </html>

Желаем Ви успех и се надяваме този скрипт да Ви помогне поне малко! :)

]]> http://ov-consult.com/?feed=rss2&p=132 0 Как да нулираме AUTO_INCREMENT поле. http://ov-consult.com/?p=125 http://ov-consult.com/?p=125#comments Mon, 04 May 2009 11:35:26 +0000 Пeтър Гeчeв http://ov-consult.com/?p=125 Сигурно Ви се е налагало да нулирате АUTO_INCREMENT поле, когато при тестове сте трили разни редове.
Ето и решението на проблема:

  1. ALTER TABLE Table_name AUTO_INCREMENT = 1;

Заявката може да се използва и не само за нулиране, а например продължаване от друга цифра, например 1000, тогава заявката ще бъде:

  1. ALTER TABLE Table_name AUTO_INCREMENT = 1000;
]]> http://ov-consult.com/?feed=rss2&p=125 0 Apache webserver за Windows http://ov-consult.com/?p=122 http://ov-consult.com/?p=122#comments Thu, 30 Apr 2009 08:25:41 +0000 Пeтър Гeчeв http://ov-consult.com/?p=122 Имате реално IP и искате да направите компютъра си webserver, но имате само Windows?
Това не е проблем, бихте могли да направите webserver и от дома си, без да се налага да инсталирате Linux/UNIX, всичко става бързо, лесно и надеждно, о да забравих и БЕЗПЛАТНО!

Използваме от около 2 години Vertrigo, за малки вътрефирмени проекти, там където фирмите не могат или не желаят да закупят отделен сървър за информационната си система. Можем да Ви уверим, че тази малка програма е изключително лесна за използване и надеждна, това което тя прави всъщност е да инсталира няколко компонента необходими за работата, чрез нея просто пускате и спирате тези компоненти. Пакета включва (версиите на компонентите са от  vertrigo v.2.21 ):

  • Apache 2.0.63
  • PHP 5.2.6
  • MySQL 5.0.51b
  • SQLite 3.5.9
  • Smarty 2.6.19
  • PhpMyAdmin 2.11.7
  • ZendOptimizer 3.3.3
  • SQLiteManager 1.2.0
]]> http://ov-consult.com/?feed=rss2&p=122 0 PHP сървърни променливи (PHP $_server variables) в детайли http://ov-consult.com/?p=114 http://ov-consult.com/?p=114#comments Wed, 29 Apr 2009 07:47:58 +0000 Пeтър Гeчeв http://ov-consult.com/?p=114 PHP има няколко сървърни променливи, които биха ни улеснили доста живота, ето няколко от тях с описание каква информация предлагат:

  1. $_SERVER['PHP_SELF']
  2. // Тази променлива изважда името на файла в който я използваме.
  1. $_SERVER['GATEWAY_INTERFACE']
  2. // Коя ревизия на спецификацията CGI използва сървърът
  1. $_SERVER['SERVER_ADDR']
  2. // IP-то на сървъра от който се изпълнява визуализацията на променливата.
  1. $_SERVER['SERVER_NAME']
  2. // Хоста на сървъра от който се изпълнява визуализацията на променливата.
  1. $_SERVER['REMOTE_ADDR']
  2. // IP – то на потребителя преглеждащ скрипта.
  1. $_SERVER['REMOTE_HOST']
  2. // Хоста на потребителя преглеждащ файла със визуализацията на променливата.
  1. $_SERVER['REMOTE_PORT']
  2. // Порта на потребителя използван за комуникация със сървъра.
  1. $_SERVER['SERVER_PORT']
  2. // Порта използван от сървъра за комуникация с клиента.
  1. $_SERVER['HTTP_USER_AGENT']
  2. // Връща информация за вида на клиентския браузър
]]> http://ov-consult.com/?feed=rss2&p=114 0