Wednesday 25 November 2015

<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>

No comments:

Post a Comment