Ruben Sargsyan » jQuery http://rubensargsyan.com Personal Website Thu, 03 May 2012 21:02:30 +0000 en hourly 1 http://wordpress.org/?v=3.2.1 Automatically put words for autocompleting http://rubensargsyan.com/automatically-put-words-for-autocompleting/ http://rubensargsyan.com/automatically-put-words-for-autocompleting/#comments Fri, 25 Jun 2010 11:30:27 +0000 Ruben Sargsyan http://rubensargsyan.com/?p=384 While I was looking through a site about migrate sharepoint, I saw a search field with autocompleting and the first idea I have is to develop a code that will automatically put those words for autocompleting that are more often happen in the texts.

<?php
function get_words($texts){
    if(!empty($texts)){
        $words = array();
        $words_count = 0;
 
        foreach($texts as $text){
            preg_match_all("/\w{2,}/i", $text, $matches, PREG_SET_ORDER);
 
            foreach($matches as $word){
                $word_found = false;
 
                if(!empty($words)){
                    for($i=0; $i<count($words); $i++){
                        if($words[$i]["word"]==$word[0]){
                            $words[$i]["count"]++;
                            $word_found = true;
                            break;
                        }
                    }
                }
 
                if(!$word_found){
                    $words[$words_count]["word"] = $word[0];
                    $words[$words_count]["count"] = 1;
 
                    $words_count++;
                }else{
                    $word_found = false;
                }
            }
        }
 
        return $words;
    }else{
      return false;
    }
}
 
function sort_by_words_count($word1,$word2){
  $word1_count = $word1["count"];
  $word2_count = $word2["count"];
 
  if($word1_count<$word2_count){
    return 1;
  }elseif($word1_count==$word2_count){
    return 0;
  }else{
    return -1;
  }
}
 
$text1 = "If you would like to have your running line on your Wordpress blog, so this plugin is just for you! It gives you the possibility to show one of the posts from your chosen category by the running line. So download and enjoy!";
 
$text2 = "This plugin is used when there are words, words expressions or sentences to be explained in the posts or pages of your wordpress blog. This plugin will help the visitors to read the explanations of the words (words expressions,sentences) you need via tooltips.";
 
$text3 = "Any occasion to receive greetings? So, this plugin is just for you! This Widget plugin shows a greeting image which would be uploaded for the occasion and a pop up form for receiving the greetings. It is possible to show the greetings in any post or page.";
 
$text4 = "This plugin adds links after the posts for subscribing to the post author's posts feed via RSS. So if there are several authors in the blog, but a visitor wishes to subscribe just an author posts feed, this plugin gives that possibility to do it.";
 
$text5 = "This is a widget plugin which helps to display the visitors who left the most number of comments in the Wordpress blog.";
 
$texts = array($text1, $text2, $text3, $text4, $text4);
 
$all_words = get_words($texts);
 
usort($all_words, 'sort_by_words_count');
 
$autocompleting_words_count = 10; // Autocompleting words count
 
for($i=0; $i<$autocompleting_words_count; $i++){
    $autocompleting_words[$i] = '"'.$all_words[$i]["word"].'"';
}
 
$autocompleting_words = implode(",",$autocompleting_words);
?>
 
<html>
<head>
  <link href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/themes/base/jquery-ui.css" rel="stylesheet" type="text/css"/>
  <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js"></script>
  <script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/jquery-ui.min.js"></script>
 
  <script>
  $(document).ready(function() {
    $("input#autocomplete").autocomplete({
    source: [<?php echo($autocompleting_words); ?>]
});
  });
  </script>
</head>
<body>
 
<input id="autocomplete" />
 
</body>
</html>
]]> http://rubensargsyan.com/automatically-put-words-for-autocompleting/feed/ 0 News slideshow effect by jQuery http://rubensargsyan.com/news-slideshow-effect-by-jquery/ http://rubensargsyan.com/news-slideshow-effect-by-jquery/#comments Sat, 15 May 2010 11:41:17 +0000 Ruben Sargsyan http://rubensargsyan.com/?p=350 Recently I have found out a website of one software company that I do like a lot with its properly created structure and great effects.
Here is a feature of that website that I am pleased to introduce for anyone who would like to use it for yourself:

<html>
 
<head>
 
<style>
.news p{
    width: 800px;
    left: 310px;
    position: relative;
}
</style>
 
<script type="text/javascript" src="http://code.jquery.com/jquery-1.4.2.min.js"></script>
<script>
 
var liItem = new Array();
 
var x = 0;
 
$(function(){
    $(".newsItem").each(function(){
        liItem.push($(this).html());
    });
 
    for(i=0; i<liItem.length; i++){
        liItem[i] = "<p>"+liItem[i]+"</p>";
    }
});
 
function startSlideshow(){
    if(x==liItem.length){
        x = 0;
    }
    $(".news").empty();
    $(".news").append(liItem[x]);
    x++;
    $strip = $(".news p");
    $strip.animate(
        {
            left: 0
        },
        300,
        function(){
            $(this).animate(
                {
                    left: 0
                },
                5000,
                function(){
                    $(this).animate(
                        {
                            opacity: "hide"
                        },
                        700,
                        function(){
                            startSlideshow()
                        }
                    )
                }
            )
        }
    );
    $strip.hover(
        function(){
          $(this).stop();
          $(this).animate(
              {
                  opacity: 1
              },
              100
          )
        },
        function(){
            $(this).animate(
                {
                    opacity: "hide"
                },
                700,
                function(){
                    startSlideshow()
                }
            )
        }
    )
}
 
$(window).bind(
    "load",
    function(){
        startSlideshow()
    }
);
 
</script>
 
 
 
</head>
 
<body>
 
<div class="news">
    <ul>
        <li class="newsItem">
            <a href="http://rubensargsyan.com/new-updated-version-of-the-website-art-works-expo/">New updated version of the website "Art Works Expo"</a>
        </li>
        <li class="newsItem">
            <a href="http://rubensargsyan.com/wordpress-plugin-explanatory-dictionary-new-1-4-version/">Wordpress plugin "Explanatory Dictionary" new 1.4 version</a>
        </li>
        <li class="newsItem">
            <a href="http://rubensargsyan.com/automatic-activating-plugins-after-wordpress-installation/">Automatic activating plugins after Wordpress installation</a>
        </li>
        <li class="newsItem">
            <a href="http://rubensargsyan.com/wordpress-plugin-most-commenting-visitors-new-1-2-version/">Wordpress plugin "Most Commenting Visitors" new 1.2 version</a>
        </li>
        <li class="newsItem">
            <a href="http://rubensargsyan.com/search-text-in-the-directory-files/">Search text in the directory files</a>
        </li>
    </ul>
</div>
 
</body>
 
</html>
]]> http://rubensargsyan.com/news-slideshow-effect-by-jquery/feed/ 0