kampoeng.web.id Free Website Tutorial

Welcome to kampoeng.web.id Free Website Tutorial

English French German Spain Italian Dutch Russian Portuguese Japanese Korean Arabic Chinese Simplified

Recent Posts

Disable Right Click Context Menu with jQuery

Just shared with you, now i will give sample code for disable right click. This code using jQuery code and very simple for you try on web page. Look code below:

1. jQuery Code, copy and paste on web page between <head>…</head>.

<script type=”text/javascript” src=”http://code.jquery.com/jquery-1.7.2.js”></script>
<script type=”text/javascript”>
$(document).ready(function(){
$(document).bind(“contextmenu”,function(e){
return false;
});
});
</script>

2. after that, saved or update your HTML.

Multiplication Array Two Dimensional

array multiplication two dimensional

I want to  share about Two Dimensional Arrays & Matrix Multiplication. Matrix multiplication of array two dimensional in c++. For example, this below is multiplication for matrix 3×3.

#include <iostream.h>
#include <conio.h>
double (double
void main(){
double a[3][3];
double b[3][3];
double c[3][3];
cout<<”matrix multiplication two dimensional”<<endl;
//input value for matrix a//
for (int i=0;i<3;i++)
{
for (int j=0;j<3;j++)
{
cout<<”input a ["<<i<<"]["<<j<<"] : “;cin>>a[i][j];
}
}
//input value for matrix b//
for (int i=0;i<3;i++)
{
for (int j=0;j<3;j++)
{
cout<<”input b ["<<i<<"]["<<j<<"] : “;cin>>b[i][j];
}
}
//showing matrix  a//
cout<<”matrix a”<<endl;
for (int i=0;i<3;i++)
{
for (int j=0;j<3;j++)
{
cout<<a[i][j]<<”   “;
}
cout<<endl;
}
//showing matrix b//
cout<<”matrix b”<<endl;
for (int i=0;i<3;i++)
{
for (int j=0;j<3;j++)
{
cout<<b[i][j]<<”   “;
}
cout<<endl;
}
//multiplication matrix axb//
for (int i=0;i<3;i++)
{
for (int j=0;j<3;j++)
{
c[i][j]=0;
for (int k=0;k<3;k++)
{
c[i][j]=c[i][j]+a[i][k]*b[k][j];
}
}
}
//showing for matrix c value //
cout<<”matrix c value”<<endl;
for (int i=0;i<3;i++)
{
for (int j=0;j<3;j++)
{
cout<<c[i][j]<<”  “;
}
cout<<endl;
}
getch();
}

Download Accelerator Plus 9.7.0.7

Download Accelerator Plus (DAP) 9.7Download Accelerator Plus (DAP) provides the fastest possible download speed, and includes comprehensive privacy and file management tools.

DAP has been updated to provide the best overall performance and now features a power channel for consistent downloading, fully featured Firefox integration, and a plug-in for the 64-bit Internet Explorer browser.

Download Accelerator Plus (DAP) 9.7

Don’t miss the download speed you need.

  • Get the fastest possible download experience
  • Supporting the latest browser updates (IE9, Firefox8, Chrome15, Opera11)
  • Customized to 42 different languages
  • Optimized for HTTPS downloads

Download : Accelerator Plus 9.7.0.7

jQuery Effect Delay Time Tutorials

jQuery delay time effectNice to meet you in this article. Just share for you, i prefer something that is beautiful and attractive. Wow, Because it can make some one feel happy and satisfied. This time i will share about jQuery effect who attractive, that is jQuery delay time. This effect can helpful for as alert on web page. by the way, i also use this delay time effect for as alert in single post on  title top.  you can see text “Thank You..! Please Leave a Reply.”  :-) Now, learning step by step below:

  • The first step, copy and paste this code bellow between tag <head>….</head>. For wordpress, you can enter to header.php. Then save code.

<script type=”text/javascript” src=”http://code.jquery.com/jquery-1.7.2.js”></script>
<script type=”text/javascript”>
$(document).ready(function(){
setTimeout(function(){
$(“.delay”).fadeOut(“slow”, function(){
$(“.delay”).remove(“slow”);
});
},6000);
});
</script>

Descriptions :

  1. Used jquery-1.7.2.js  from   http://code.jquery.com/jquery-1.7.2.js. If you want download, upload on your web host.
  2. (“.delay”) is class selector for something to used delay effect time. for example image, text, link , etc.
  3. fadeOut and remove is given effect to content, image, or text.
  4. 6000 is timer in milisecond.
  • The next, copy and paste this code bellow to web page or sidebar.

<h3 class=”delay”>Thank You..! Please Leave a Reply.</h3>

  • If You want setting CSS web design, you can adding selector in CSS with .support. for example :

.delay{
color:#003366;
text-decoration:blink;
text-align:center;
}

  • The Last , look in single post web page, then the alert will show and remove after 6 second.

CSS Positioning Properties

CSS Position important for setting positioning a text, content, or content on web page. Elements can be positioned using the top, bottom, left, and right properties.

Property Values :

VALUE DESCRIPTION
static Elements renders in order, as they appear in the document flow. This is default.
absolute The element is positioned relative to its first positioned (not static) ancestor element
fixed The element is positioned relative to the browser window
relative The element is positioned relative to its normal position, so “left:20″ adds 20 pixels to the element’s LEFT position
inherit The value of the position property is inherited from the parent element

Static Positioning:

HTML elements are positioned static by default. A static positioned element is always positioned according to the normal flow of the page. Static positioned elements are not affected by the top, bottom, left, and right properties.

 

Absolute Positioning :

The box’s position (and possibly size) is specified with the ’top’, ’right’, ’bottom’,
and ’left’ properties. These properties specify offsets with respect to the box’s
containing block. Absolutely positioned boxes are taken out of the
normal flow and can overlap other elements.

.h1{
position:absolute;
left:100px;
top:150px;
}

Fixed Positioning :

An element with fixed position is positioned relative to the browser window. Fixed positioned elements can overlap other elements. We can give negative values for this position. For setting full width content, we can used percentage (100%).

.banner{
position:fixed;
top:0px;
right:5px;
}

Relative Positioning :

The content of relatively positioned elements can be moved and overlap other elements, but the reserved space for the element is still preserved in the normal flow.

h1.side_left
{
position:relative;
left:-40px;
}
h1.side_right
{
position:relative;
left:20px;
}

 

Network    

Supporter    

Resource    

Supporter