WHAT'S NEW?
Loading...
Showing posts with label javascript. Show all posts
Showing posts with label javascript. Show all posts

Tutorial Details




live demo :
  • Pustaka flash- actionscript3
  • Pustaka flash- actionscript2
  • Pustaka flash- PHP
  • Pustaka flash- Mysql

Scripth yang digunakan : 
<ul>
 <li>Pustaka flash- actionscript3</li>
 <li>Pustaka flash- actionscript2</li>
 <li>Pustaka flash- PHP</li>
<li>Pustaka flash- Mysql</li>
</ul>
<script type="text/javascript"><!--
var elm_li = document.getElementsByTagName('li');         // gets all the <li> tags

// function to execute when the mouseover is triggered
function over() {
  // sets a background color to the curent element
  this.style.background = '#07da08';
}

// function to execute when the mouseout is triggered
function out() {
  // remove the background color of the curent element
  this.style.background = 'none';
}

// traverse the object with the LI elements
for(var i=0; i<elm_li.length; i++) {
  // register mouseover and mouseout to each LI
  elm_li[i].addEventListener('mouseover', over, true);
  elm_li[i].addEventListener('mouseout', out, false);
}
--></script>


5 Halaman yang sering dikunjungi: 



Tutorial Details
  • Judul: Javascript history
  • Difficulty: Beginner
  • Platform: -
  • Bahasa Scripth: Javascript
  • Software : -
  • Estimated Completion Time: 15 minutes
  • Created:Ricko Nada (Pustaka Flash)




live demo :

Scripth yang digunakan : 
<script type="text/javascript"><!--
function kembali() {
  window.history.go(-1);
}
--></script>
<button onclick="kembali()">kembali</button>


5 Halaman yang sering dikunjungi: 



Tutorial Details




live demo :

Characters Remaining

Scripth yang digunakan :
javascript 
<script language="javascript" type="text/javascript"> 
var maxAmount = 250;
function textCounter(textField, showCountField) {
    if (textField.value.length > maxAmount) {
        textField.value = textField.value.substring(0, maxAmount);
} else { 
        showCountField.value = maxAmount - textField.value.length;
}
}
</script>

HTML 
<form>
<textarea name="ta" rows="6" style="width:340px;" onKeyDown="textCounter(this.form.ta,this.form.countDisplay);" onKeyUp="textCounter(this.form.ta,this.form.countDisplay);"></textarea>
<br>
<input readonly type="text" name="countDisplay" size="3" maxlength="3" value="250"> Characters Remaining
</form>
itulah sekiranya tutorial form Counting and Limiting using Javascript semoga membantu ,...
5 Halaman yang sering dikunjungi: 



Tutorial Details
  • Judul: Javascript
  • Difficulty: Beginner
  • Platform: Javascript
  • Bahasa Scripth: Javascript
  • Software : Notepad++
  • Estimated Completion Time: 15 minutes
  • Created:Ricko Nada (Pustaka Flash)




live demo :
Demo : Click me

Scripth yang digunakan : 
 <script>

    function getQueryVariable(variable) {
      var query = window.location.search.substring(1);
      var vars = query.split("&");
      for (var i=0;i<vars.length;i++) {
        var pair = vars[i].split("=");
        if (pair[0] == variable) {
          return pair[1];
        }
      }
    }
    </script>

    <script>
    document.write('<iframe src ="'+ getQueryVariable("url") + '" width="100%" height="400"><p>Your browser does not support iframes.</p></iframe>')
    </script>
itulah sekiranya tutorial Javascript get url with iframe semoga membantu ,...
5 Halaman yang sering dikunjungi: 



Tutorial Details




1.if...else
live demo :Di browser

Scripth yang digunakan : 
var a = 5;

var b = 3;



if (a < b){

    document.write(a+" is less than "+b);

} else if (a > b){


    document.write(a+" is greater than "+b);

} else {

    document.write(a+" must therefore be equal to "+b);

}

2.switch...break
live demo :Di browser 

var country = "USA";



switch (country) {

    case "UK":

        document.write("UK citizens are known for being drunk.");

        break;


    case "USA":

        document.write("USA citizens are known for being dumb.");

        break;

    default:

        document.write("No match for value: "+country);

}

5 Halaman yang sering dikunjungi: 



Tutorial Details
  • Judul: Javascript CSS Digital Clock
  • Difficulty: Beginner
  • Platform:javascript
  • Bahasa Scripth: javascript
  • Software : Notepad++
  • Estimated Completion Time: 15 minutes
  • Created:Ricko Nada (Pustaka Flash)




live demo :

Pustaka flash Javascript CSS Digital Clock Tutorial



Scripth yang digunakan : 
<style type="text/css">
.clockStyle {
background-color:#000;
border:#999 2px inset;
padding:6px;
color:#0FF;
font-family:"Arial Black", Gadget, sans-serif;
        font-size:16px;
        font-weight:bold;
letter-spacing: 2px;
display:inline;
}
</style>

<h2>Pustaka flash Javascript CSS Digital Clock Tutorial</h2>
<div id="clockDisplay" class="clockStyle"></div>
<script type="text/javascript" language="javascript">
function renderTime() {
var currentTime = new Date();
var diem = "AM";
var h = currentTime.getHours();
var m = currentTime.getMinutes();
    var s = currentTime.getSeconds();
setTimeout('renderTime()',1000);
    if (h == 0) {
h = 12;
} else if (h > 12) { 
h = h - 12;
diem="PM";
}
if (h < 10) {
h = "0" + h;
}
if (m < 10) {
m = "0" + m;
}
if (s < 10) {
s = "0" + s;
}
    var myClock = document.getElementById('clockDisplay');
myClock.textContent = h + ":" + m + ":" + s + " " + diem;
myClock.innerText = h + ":" + m + ":" + s + " " + diem;
}
renderTime();
</script>

itulah sekiranya tutorial Javascript CSS Digital Clock,... semoga membantu
5 Halaman yang sering dikunjungi: 



Tutorial Details
  • Judul: javascript key input
  • Difficulty: Beginner
  • Platform:javascript
  • Bahasa Scripth: javascript
  • Software : Notepad++
  • Estimated Completion Time: 15 minutes
  • Created:Ricko Nada (Pustaka Flash)




live demo :

Javascript Keyboard Input Example: pencet salasatu keyboard anda dan lihat hasilnya

onkeydown - onkeyup

Keyboard di pencet :
Keyboard Code :

Keyboard Event Status


Scripth yang digunakan : 
<script type="text/javascript">
document.onkeydown = function(event) {
var key_press = String.fromCharCode(event.keyCode);
var key_code = event.keyCode;
document.getElementById('kp').innerHTML = key_press;
    document.getElementById('kc').innerHTML = key_code;
var status = document.getElementById('status');
status.innerHTML = "DOWN Event Fired For : "+key_press;
if(key_press == "W"){
alert("Put script to run specific for 'W' key here");
} else if(key_press == "A") {
alert("Put script to run specific for 'A' key here");
} else if(key_press == "S") {
alert("Put script to run specific for 'S' key here");
} else if(key_press == "D") {
alert("Put script to run specific for 'D' key here");
}
}
document.onkeyup = function(event){
    var key_press = String.fromCharCode(event.keyCode);
var status = document.getElementById('status');
status.innerHTML = "UP Event Fired For : "+key_press;
}
</script>
<h2>Javascript Keyboard Input Example: pencet salasatu keyboard anda dan lihat hasilnya</h2>
<h3>onkeydown - onkeyup</h3>
Keyboard di pencet : <span id="kp"></span>
<br />
Keyboard Code : <span id="kc"></span>
<p id="status">Keyboard Event Status</p>

itulah sekiranya tutorial javascript key input,... semoga membantu
5 Halaman yang sering dikunjungi: 



Tutorial Details
  • Judul: Javascript Allert Box
  • Difficulty: Beginner
  • Platform: -
  • Bahasa Scripth: Javascript
  • Software : -
  • Estimated Completion Time: 15 minutes
  • Created:Ricko Nada (Pustaka Flash)




live demo :

Scripth yang digunakan : 
<script type="text/javascript">

function alertUser(str) {

    alert(str); // make the popup appear

}

</script>

<input type="button" value="Crick Me!" onclick="alertUser('Herro')">


5 Halaman yang sering dikunjungi: 



Tutorial Details




live demo :

status...


Scripth yang digunakan : 
<script type="text/javascript">

function myPrompt(){

    var promptValue = prompt('Supply us with a value below:', '');


    if(promptValue != null){

        document.getElementById("status").innerHTML = promptValue;

    }

}

</script>

<p><input type="button" value="Supply Value" onclick="myPrompt()"></p>


<h3 id="status">status...</h3>


5 Halaman yang sering dikunjungi: 



Tutorial Details
  • Judul: javascript konfirmasi
  • Difficulty: Beginner
  • Platform: -
  • Bahasa Scripth: Javascript
  • Software : -
  • Estimated Completion Time: 15 minutes
  • Created:Ricko Nada (Pustaka Flash)




live demo :


Scripth yang digunakan : 
<script type="text/javascript">

function runCheck() {

    var c = confirm("Are you sure you want to do that?");

    var status = document.getElementById("status");

    if (c == true){


        status.innerHTML = "You confirmed, thanks";

    } else {

        status.innerHTML = "You cancelled the action";

    }

}

</script>

<input type="button" value="Perform Action" onclick="runCheck()">


<h2 id="status"></h2>


5 Halaman yang sering dikunjungi: 


Follow:

Blogger Templates20 Created by ThemeXpose