Viva le Blog!

Wednesday, 25 November 2015

<canvas width="800" height="600" id="canvas1"

style="border:1px solid blue";

onmouseenter=drawtext() >

</canvas>
<input type="button" onclick="showpictures()"

value="Load">

<script>
var canvas = document.getElementById("canvas1");
var ctx = canvas.getContext("2d");
function showpictures()
{

var img = new Image();
img.src = "Cisco";
ctx.drawImage(img, 10, 10);
}

function drawtext()
{
ctx.fillText("Hello World",10,50);
}

</script>

Blogger can only inline

Blogger can only inline
Inline javascript
Inline stylesheet

3 IFRAME by Totardo
Iframe 1:	Iframe 2:	Iframe 3:
Link for Iframe 1:	Link for Iframe 2:	Link for Iframe 3:
Copyright Totardo
History:

<body style="background-color:blue">

<table border="1px" align="center" style="background-color:yellow">
<tr style="background-color:red">
<td colspan="3" style="text-align:center"><h1>3 IFRAME by Totardo</h1></td>
</tr>
<tr>
<td><h2>Iframe 1:</h2><iframe id="iframe1"></iframe></td>
<td><h2>Iframe 2:</h2><iframe id="iframe2"></iframe></td>
<td><h2>Iframe 3:</h2><iframe id="iframe3"></iframe></td>
</tr>
<tr>
<td>Link for Iframe 1: <input type="text" id="text1"><input type="button" Value="Load" onclick="loadbutton1()"></td>
<td>Link for Iframe 2: <input type="text" id="text2"><input type="button" value="Load" onclick="loadbutton2()"></td>
<td>Link for Iframe 3: <input type="text" id="text3"><input type="button" value="Load" onclick="loadbutton3()"></td>
</tr>
<tr>
<td colspan="3" style="text-align:center">Copyright Totardo</td>
</tr>
<tr><td colspan="3">
<p>History: <br/>
<span id="demo"></p></td></tr>
</table>

<script>
var myhistory = [];
var tempvar=0;
var mysentence="";

function loadbutton1()
{
x = document.getElementById("text1").value;
document.getElementById("iframe1").src = x;
loopz(x);
}

function loadbutton2()
{
y = document.getElementById("text2").value;
document.getElementById("iframe2").src = y;
loopz(y);
}

function loadbutton3()
{
z = document.getElementById("text3").value;
document.getElementById("iframe3").src = z;
loopz(z);
}

function loopz(i)
{
for (m==0;m==tempvar;m++)
{
if(myhistory[m]==myhistory[tempvar])
{
alert("will be breaked");
break;
}
myhistory[tempvar]=i;
}

if (tempvar==0)
{
mysentence = myhistory[tempvar];
}
mysentence = mysentence + ", "+ myhistory[tempvar];
tempvar = tempvar + 1;
document.getElementById("demo").innerHTML=mysentence;
}
</script>

Tuesday, 24 November 2015

HOW-TO Draw Canvas on HTML

Javascript commands are case sensitive. Like below:
You can't write docuement.
Better use notepad++.

1. Mouse object properties

2. Accessing html input properties
Suppose you created:
<input type="text" id="text1">
</input>
http://www.w3schools.com/jsref/prop_text_value.asp

3. Accessing mouse events-list

Monday, 23 November 2015

DHCP

I want to make a host that enter/connect to my LAN either via switch or via access-point take/receive automatically proper IP address without I must configure it. How can I do that?