Ruben Sargsyan » JavaScript

Count of all external links of the web page

Ruben Sargsyan — Tue, 24 Aug 2010 11:40:40 +0000

This is a JavaScript script for counting all external links of the web page. Just add this script after the tag :

<script type="text/javascript">
var all_a = document.getElementsByTagName("a");
 
var this_link = window.location.toString();
this_link = this_link.substr(7,parseInt(this_link.indexOf("/",7)-7));
 
var external_links_count = 0;
 
for(var i=0; i<all_a.length; i++){
    if(all_a[i].href.indexOf(this_link)==-1){
        external_links_count++;
    }
}
 
alert("External links count is: "+external_links_count);
script>

Countdown Clock

Ruben Sargsyan — Wed, 21 Jul 2010 12:09:20 +0000

This script is an example of countdown clock. You can set seconds and start countdown.


 

  Countdown Clock
 
  <script type="text/javascript">
  function convert(){
    var seconds = document.getElementById("inputted_seconds").value;
 
    if(isNaN(seconds)){
        alert("Please enter a valid number.");
    }else{
        document.getElementById("inputted_seconds").setAttribute("disabled","disabled");
        document.getElementById("start").setAttribute("disabled","disabled");
 
        var days = seconds/60/60/24;
        days = parseInt(days.toString());
 
        seconds = seconds - days*24*60*60;
 
        var hours = seconds/60/60;
        hours = parseInt(hours.toString());
 
        seconds = seconds - hours*60*60;
 
        var minutes = seconds/60;
        minutes = parseInt(minutes.toString());
 
        seconds = seconds - minutes*60;
 
        document.getElementById("countdown_clock").innerHTML = days+"d "+hours+"h "+minutes+"m "+seconds+"s";
 
 
        t = setTimeout("start_countdown("+days+","+hours+","+minutes+","+seconds+")",0);
    }
  }
 
  function start_countdown(days,hours,minutes,seconds){
        if(seconds==-1){
            minutes--;
            seconds = 59;
        }
        if(minutes==-1){
            hours--;
            minutes = 59;
 
        }
        if(hours==-1){
            if(days>0){
                days--;
                hours = 23;
            }
        }
 
        document.getElementById("countdown_clock").innerHTML = days+"d "+hours+"h "+minutes+"m "+seconds+"s";
 
        if(days==0 && hours==0 && minutes==0 && seconds==0){
            alert("Countdown is finished.");
            document.getElementById("inputted_seconds").removeAttribute("disabled");
            document.getElementById("start").removeAttribute("disabled");
            document.getElementById("countdown_clock").innerHTML = "Countdown is finished.";
        }else{
            seconds--;
            t = setTimeout("start_countdown("+days+","+hours+","+minutes+","+seconds+")",1000);
        }
  }
  script>

 

 
Input Seconds

Grayscale

Ruben Sargsyan — Sat, 20 Mar 2010 13:50:50 +0000

This is an image manipulation script that makes the selected photos grayscale and in the case of mouseover the colors are restored. It is easy to use, just put “grayscale” as the classes of the images. It used PHP and JavaScript for developing the script.

How To Use:

1. Include grayscale.js:

2. Put “grayscale” as the classes of the images.

Demo:

Demo

Version:

1.0

License:

Grayscale by Ruben Sargsyan is licensed under a Creative Commons Attribution 3.0 United States License.
Based on a work at rubensargsyan.com.

Download:

From rubensargsyan.com

Donate:

If you find this script useful to you, please consider making a small donation to assist in further development contribution. Thanks for your kind support!

Text counter by JavaScript

Ruben Sargsyan — Thu, 11 Feb 2010 10:36:47 +0000

This is an example for adding a counter to the inputing texts of tags and <input>: <div class="wp_syntax"><div class="code"><pre class="javascript" style="font-family:monospace;"><html> <head> <title>Text Counter</title> <script type="text/javascript"> function text_counter(textfield_id,counter_id,count){ count = parseInt(count); document.getElementById(counter_id).innerHTML = count; document.getElementById(textfield_id).onpropertychange = function(){ text_count_changed(textfield_id,counter_id,count); } } function text_count_changed(textfield_id,counter_id,count){ if(count-parseInt(document.getElementById(textfield_id).value.length)<0){ document.getElementById(textfield_id).value = document.getElementById(textfield_id).value.substr(0,count); } document.getElementById(counter_id).innerHTML = count-parseInt(document.getElementById(textfield_id).value.length); } </script> </head> <body> <script type="text/javascript">inputtext_approving_chars_count = 10;</script> <input type="text" id="inputtext" oninput='text_count_changed("inputtext","inputtext_counter",inputtext_approving_chars_count);'> <script type="text/javascript">text_counter("inputtext","inputtext_counter",inputtext_approving_chars_count);</script> <script type="text/javascript">textfield_approving_chars_count = 255;</script> <textarea id="textfield" cols="50" rows="10" oninput='text_count_changed("textfield","textfield_counter",textfield_approving_chars_count);'> <script type="text/javascript">text_counter("textfield","textfield_counter",textfield_approving_chars_count);script>

The Last Visited Pages

Ruben Sargsyan — Sun, 17 Jan 2010 08:28:57 +0000

Setting this script on your website will give your visitors the great opportunity to see their last visited pages of your website. The visited pages links are created by using DOM and JavaScript. Script is working by the Cookies (the visited pages are kept for example about a month – the period is decided by you). The quantity of the shown links are set by you. So, this is a very effective and comfortable script, that will be very pleasant for the visitors of your website.

How To Use:

1. Copy the the_last_visited_pages.js and the_last_visited_pages.css into your website directory.

2. Write in the

3. Set

where you want to show the last visited pages of the visitor.

4. Add just after

How To Customize:

You can use CSS to style it. Edit the code in the_last_visited_pages.css

Version:

1.0

License:

The Last Visited Pages by Ruben Sargsyan is licensed under a Creative Commons Attribution 3.0 Unported License.
Based on a work at rubensargsyan.com.

Donate:

If you find this script useful to you, please consider making a small donation to assist in further development contribution. Thanks for your kind support!

Disable all links by javascript

Ruben Sargsyan — Mon, 11 Jan 2010 16:45:25 +0000

To disable all links of a web page add the script bellow just after

<script type="text/javascript">
    var all_links = document.getElementsByTagName("a");
 
    for(var i=0; i<all_links.length; i++){
        all_links[i].removeAttribute("href");
    }
script>

Passing time by JavaScript

Ruben Sargsyan — Fri, 18 Dec 2009 08:00:11 +0000

This script shows the passing time from the date you wish.

<html>
    <head>
        <title>Passing timetitle>
 
        <script type="text/javascript">
            var from_date = "Dec 18, 2009 12:00:00"; // Set the date from which the passing time will be shown
 
            var d = new Date();
            var current_time = d.getTime();
 
            var from_time = Date.parse(from_date);
 
            var diference_in_milliseconds = current_time - from_time;
 
            var passed_days = diference_in_milliseconds/1000/60/60/24;
            passed_days = parseInt(passed_days.toString());
 
            rest_milliseconds = diference_in_milliseconds - passed_days*24*60*60*1000;
 
            var passed_hours = rest_milliseconds/1000/60/60;
            passed_hours = parseInt(passed_hours.toString());
 
            rest_milliseconds = rest_milliseconds - passed_hours*60*60*1000;
 
            var passed_minutes = rest_milliseconds/1000/60;
            passed_minutes = parseInt(passed_minutes.toString());
 
            rest_milliseconds = rest_milliseconds - passed_minutes*60*1000;
 
            var passed_seconds = rest_milliseconds/1000;
            passed_seconds = parseInt(passed_seconds.toString());
 
            var t; 
 
            function passing_time(){
                if(passed_seconds==60){
                    passed_minutes = passed_minutes + 1;
                    passed_seconds = 0;
                }
                if(passed_minutes==60){
                    passed_hours = passed_hours + 1;
                    passed_minutes = 0;
                }
                if(passed_hours==24){
                    passed_days = passed_days + 1;
                    passed_hours = 0;
                }
 
                document.getElementById("passing_time").innerHTML = passed_days+" days, "+passed_hours+" hours, "+passed_minutes+" minutes, "+passed_seconds+" seconds.";
                passed_seconds = passed_seconds + 1;
                t = setTimeout("passing_time()",1000);
            }
        script>
head>
 
<body>
    <div id="passing_time">div>
body>
 
<script>passing_time();script>
 
html>

Check/uncheck checkboxes by JavaScript

Ruben Sargsyan — Tue, 01 Dec 2009 13:34:40 +0000

The easy way to check/uncheck checkboxes. Insert into this script

<script type="text/javascript">
function check_all(){
   var all_inputs = document.getElementsByTagName("input");
 
   for(i=0; i<all_inputs.length; i++){
      if(all_inputs[i].type=="checkbox" && all_inputs[i].className=="check_uncheck"){
         all_inputs[i].checked = "checked";
      }
   }
}
 
function uncheck_all(){
   var all_inputs = document.getElementsByTagName("input");
 
   for(i=0; i<all_inputs.length; i++){
      if(all_inputs[i].type=="checkbox" && all_inputs[i].className=="check_uncheck"){
         all_inputs[i].checked = "";
      }
   }
}
script>

then set “check_uncheck” the classes of checkboxes which must check/uncheck (Example: ) and set onclick=”check_all()” to element on click which the checkboxes will be checked and onclick=”uncheck_all()” to element on click which the checkboxes will be unchecked (Example: ).

Domtooltips

Ruben Sargsyan — Tue, 17 Nov 2009 19:15:00 +0000

Are you looking for a script which can show you the information about a part of your code when the mouse is over it? You have found that script! Domtooltips is a tooltips making script! It is very easy for use!

How To Use:

1. Download domtooltips here.

2. Include domtooltips.css and domtooltips.js in your header

3. Take the parts of the code, which must show tooltips, in tags and set “domtooltips” the classes of the tags. The values of “title” attributes of the tags are the contents of the tooltips.

4. Add just after .

How To Customize:

You can use CSS to style the tooltips. Edit the code in domtooltips.css

.domtooltips div{
   border: 1px solid #224578;
   background: #FFFFFF;
   position: absolute;
   padding: 5px 10px;
   width: 200px;
   text-align: justify;
   font-size: 12px;
   font-style: normal;
   font-weight: normal;
   text-decoration: none;
   text-transform: none;
   letter-spacing: normal;
   line-height: normal;
   -moz-border-radius: 5px;
}

Screenshot:

Version:

1.0

License:

Domtooltips by Ruben Sargsyan is licensed under a Creative Commons Attribution-Noncommercial-No Derivative Works 3.0 Unported License.

Donate:

If you find this script useful to you, please consider making a small donation to assist in further development contribution. Thanks for your kind support!

Lightbox 2 bugfix

Ruben Sargsyan — Sun, 15 Nov 2009 19:07:47 +0000

There is a bug in Lightbox 2 slideshow. When an image has no title during slideshow it shows the title of previous or next image title. To fix this problem add in lightbox.js

else{
   this.caption.update("").show();
}

after

// if caption is not null
if (this.imageArray[this.activeImage][1] != ""){
   this.caption.update(this.imageArray[this.activeImage][1]).show();
}