tutorial: 2013

Friday, 27 December 2013

Google-sitemap-generator adding custom cateogry link for woocomerece

Folder of google-sitemap-generator in that open sitemap-ui.php file
Step-1
go at line no 1121 and press enter

add this code

<b><?php _e('Custom category types', 'sitemap') ?>:</b>
<ul>
 <li>
  <label for="sm_in_category">
  <input type="checkbox" id="sm_in_category" name="sm_in_category"  <?php echo ($this->sg->GetOption("in_category")==true?"checked=\"checked\"":"") ?> />
  <?php _e('Include custom Category', 'sitemap') ?>
  </label><br />
 </li>
</ul>

now save the file

step-2
open sitemap-core.php & inside function InitOptions()
at the line 892 add below line 

$this->_options["sm_in_category"]=false; //Include the category custom

step-3
now goto at line no 1992 in same file(sitemap-core.php) and below lines of code

//Add custom cateogry of woocommerece
if($this->GetOption("in_category")) {
$cats = get_terms("product_cat",array("hide_empty"=>1,'orderby' => 'ASC'));
 if($cats && is_array($cats) && count($cats)>0) {
  foreach($cats AS $cat) {
     $this->AddUrl(get_term_link( $cat->slug, $cat->taxonomy ),0,$this->GetOption("cf_cats"),$this->GetOption("pr_cats"));
  } 
 }
}

Save the file 
finshed

Saturday, 29 June 2013

how to create simple calculator using javascript

<!-- copy and paste this code >
<html>
<FORM NAME="Calc">
<TABLE BORDER=4>
<TR>
<TD>
<INPUT TYPE="text" NAME="input" Size="16"><br>
</TD>
</TR>
<TR>
<TD>
<INPUT TYPE="button" NAME="one" VALUE=" 1 " OnClick="Calc.input.value = Calc.input.value +'1'">
<INPUT TYPE="button" NAME="two" VALUE=" 2 " OnCLick="Calc.input.value += '2'">
<INPUT TYPE="button" NAME="three" VALUE=" 3 " OnClick="Calc.input.value += '3'">
<INPUT TYPE="button" NAME="plus" VALUE=" + " OnClick="Calc.input.value += ' + '">
<br>
<INPUT TYPE="button" NAME="four" VALUE=" 4 " OnClick="Calc.input.value += '4'">
<INPUT TYPE="button" NAME="five" VALUE=" 5 " OnCLick="Calc.input.value += '5'">
<INPUT TYPE="button" NAME="six" VALUE=" 6 " OnClick="Calc.input.value += '6'">
<INPUT TYPE="button" NAME="minus" VALUE=" - " OnClick="Calc.input.value += ' - '">
<br>
<INPUT TYPE="button" NAME="seven" VALUE=" 7 " OnClick="Calc.input.value += '7'">
<INPUT TYPE="button" NAME="eight" VALUE=" 8 " OnCLick="Calc.input.value += '8'">
<INPUT TYPE="button" NAME="nine" VALUE=" 9 " OnClick="Calc.input.value += '9'">
<INPUT TYPE="button" NAME="mul" VALUE=" x " OnClick="Calc.input.value += ' * '">
<br>
<INPUT TYPE="button" NAME="clear" VALUE=" c " OnClick="Calc.input.value = ''">
<INPUT TYPE="button" NAME="zero" VALUE=" 0 " OnClick="Calc.input.value += '0'">
<INPUT TYPE="button" NAME="ans" VALUE=" = " OnClick="Calc.input.value = eval(Calc.input.value)">
<INPUT TYPE="button" NAME="div" VALUE=" / " OnClick="Calc.input.value += ' / '">
<br>
</TD>
</TR>
</TABLE>
</FORM>

</html>

How to create count-down timer in javascript

<form name="count">

Select day for Count Down
<input type="date" onchange="countdown()" name="sdate" id="sdate" />
<p id="count3"></p>
</form>

<script>

var current="today"
var montharray=new Array("Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec")

function countdown(yr,m,d)
{
var select_day=document.getElementById("sdate").value;

var n=select_day.split("-");
yr=n[0];m=n[1];d=n[2];

theyear=yr;themonth=m;theday=d;
var today=new Date();
var todayy=today.getYear();

if (todayy < 1000)
{
todayy+=1900
var todaym=today.getMonth()
var todayd=today.getDate()
var todayh=today.getHours()
var todaymin=today.getMinutes()
var todaysec=today.getSeconds()
var todaystring=montharray[todaym]+" "+todayd+", "+todayy+" "+todayh+":"+todaymin+":"+todaysec;

futurestring=montharray[m-1]+" "+d+", "+yr
dd=Date.parse(futurestring)-Date.parse(todaystring)
msPerDay = 24 * 60 * 60 * 1000 ;
dday=Math.floor(dd/(msPerDay))
dhour=Math.floor((dd%(msPerDay))/(60*60*1000)*1)
dmin=Math.floor(((dd%(msPerDay))%(60*60*1000))/(60*1000)*1)
dsec=Math.floor((((dd%(msPerDay))%(60*60*1000))%(60*1000))/1000*1)

if(dday==0&&dhour==0&&dmin==0&&dsec==1)
{
document.forms.count.count2.value=current
return
}

else
{
//document.forms.count.count2.value="Only "+dday+ " days, "+dhour+" hours, "+dmin+" minutes, and "+dsec+" seconds";
document.getElementById("count3").innerHTML= dday+" days "+dhour+" :"+dmin+" :"+dsec;
setTimeout("countdown(theyear,themonth,theday)",1000)
}
}

}
//countdown(2013,12,25)
//2013-05-27

</script>

How to create Calculator In Javascript,html5 and css3

<html>
<head>
<style>

html {
height: 100%;
background: white;
background: radial-gradient(circle, #fff 20%, #ccc);
background-size: cover;
}

/* Using box shadows to create 3D effects */
#calculator {
width: 325px;
height: auto;

margin: 100px auto;
padding: 20px 20px 9px;

background: #9dd2ea;
background: linear-gradient(#9dd2ea, #8bceec);
border-radius: 3px;
box-shadow: 0px 4px #009de4, 0px 10px 15px rgba(0, 0, 0, 0.2);
}

/* Top portion */
.top span.clear {
float: left;
}

/* Inset shadow on the screen to create indent */
.top .screen {
height: 40px;
width: 245px;

float: right;

padding: 0 10px;

background: rgba(0, 0, 0, 0.2);
border-radius: 3px;
box-shadow: inset 0px 4px rgba(0, 0, 0, 0.2);

/* Typography */
font-size: 17px;
line-height: 40px;
color: white;
text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2);
text-align: right;
letter-spacing: 1px;
}

/* Clear floats */
.keys, .top {overflow: hidden;}

/* Applying same to the keys */
.keys span, .top span.clear {
float: left;
position: relative;
top: 0;

cursor: pointer;

width: 66px;
height: 36px;

background: white;
border-radius: 3px;
box-shadow: 0px 4px rgba(0, 0, 0, 0.2);

margin: 0 7px 11px 0;

color: #888;
line-height: 36px;
text-align: center;

/* prevent selection of text inside keys */
user-select: none;

/* Smoothing out hover and active states using css3 transitions */
transition: all 0.2s ease;
}

/* Remove right margins from operator keys */
/* style different type of keys (operators/evaluate/clear) differently */
.keys span.operator {
background: #FFF0F5;
margin-right: 0;
}

.keys span.eval {
background: #f1ff92;
box-shadow: 0px 4px #9da853;
color: #888e5f;
}

.top span.clear {
background: #ff9fa8;
box-shadow: 0px 4px #ff7c87;
color: white;
}

/* Some hover effects */
.keys span:hover {
background: #9c89f6;
box-shadow: 0px 4px #6b54d3;
color: white;
}

.keys span.eval:hover {
background: #abb850;
box-shadow: 0px 4px #717a33;
color: #ffffff;
}

.top span.clear:hover {
background: #f68991;
box-shadow: 0px 4px #d3545d;
color: white;
}

/* Simulating "pressed" effect on active state of the keys by removing the box-shadow and moving the keys down a bit */
.keys span:active {
box-shadow: 0px 0px #6b54d3;
top: 4px;
}

.keys span.eval:active {
box-shadow: 0px 0px #717a33;
top: 4px;
}

.top span.clear:active {
top: 4px;
box-shadow: 0px 0px #d3545d;
}

</style>
<script>
function sign()
{
if(Calc.input.value > 0)
{
Calc.input.value=-(Calc.input.value);
}
else
{
Calc.input.value=Math.abs(Calc.input.value);
}
}
</script>

</head>
<body>
<form name="Calc">

<div id="calculator">

<div class="top">
<span class="clear" OnCLick="Calc.input.value = ''">C</span>
<div><INPUT TYPE="text" class="screen" NAME="input" Size="20"></div>
</div>

<div class="keys">

<span OnCLick="Calc.input.value = Math.cos(Calc.input.value);">cos</span>
<span OnCLick="Calc.input.value = Math.sin(Calc.input.value);">sin</span>
<span OnCLick="Calc.input.value = Math.tan(Calc.input.value);">tan</span>
<span ONCLICK="Calc.input.value = Calc.input.value.substring(0, Calc.input.value.length - 1)"><-</span>

<span OnCLick="Calc.input.value = Math.sqrt(Calc.input.value);">sqrt</span>
<span OnCLick="Calc.input.value *=Calc.input.value;">x<sup>2</sup></span>
<span OnCLick="Calc.input.value = Math.pow(Calc.input.value, 3);">x<sup>3</sup></span>
<span OnCLick="sign();">+/-</span>

<span OnCLick="Calc.input.value += '7'">7</span>
<span OnCLick="Calc.input.value += '8'">8</span>
<span OnCLick="Calc.input.value += '9'">9</span>
<span class="operator" OnCLick="Calc.input.value += '+'">+</span>

<span OnCLick="Calc.input.value += '4'">4</span>
<span OnCLick="Calc.input.value += '5'">5</span>
<span OnCLick="Calc.input.value += '6'">6</span>
<span class="operator" OnCLick="Calc.input.value += '-'">-</span>

<span OnCLick="Calc.input.value += '1'">1</span>
<span OnCLick="Calc.input.value += '2'">2</span>
<span OnCLick="Calc.input.value += '3'">3</span>
<span class="operator" OnCLick="Calc.input.value += '/'">/</span>

<span OnCLick="Calc.input.value += '0'">0</span>
<span OnCLick="Calc.input.value += '.'">.</span>
<span class="eval" OnCLick="Calc.input.value=eval(Calc.input.value)">=</span>
<span class="operator" OnCLick="Calc.input.value += '*'">x</span>

</div>
</div>

</form>
</body>

</html>