A
AJitator
Please don't delete this. i am in a workplace where we can
only visit this domain and my coworker wrote this code for
me. i need to copy it when i get home.
---
<-html>
<head>
<style>
div#main {
position: absolute;
top: 20px;
border: solid 1px gray;
width: 600px;
height: 300px;
}
div#thumbs {
border: solid 1px gray;
position: absolute;
top: 350px;
width: 600px;
height: 130px;
overflow: auto;
}
div#thumbs div {
border: solid 1px gray;
width: 100px;
height: 100px;
}
div#text_div {
border: solid 1px gray;
width: 200px;
height: 180px;
margin: 20px;
right: 20px;
position: absolute;
}
div#picture_box {
border: solid 1px gray;
width: 150px;
position: absolute;
left: 50px;
height: 150px;
top: 20px;
}
div#title_box {
border: solid 1px gray;
width: 130px;
position: absolute;
right: 100px;
top: 210px;
}
</style>
<script>
var titles_a = new Array('Text 1', 'Text 2', 'Text
3', 'Text 4');
var text_a = new Array();
text_a[0] = 'This lkasj glkj gkldsa glkj glkaj dgklj gll -
text 1';
text_a[1] = 'lasjlg klasj dlgkasjld kgsjdlgj sdalkjg
laskdjg laskj dlgkas dglaksj dg - text 2';
text_a[2] = 'alskg; a; sgak;s dl;gk a;sldg ksj lajhgosai
jhgo - text 3';
text_a[3] = 'k lkjs alkjglskj dlgksj dlkgj sldkjg lskdj
gl - text 4';
var pictures_a = Array();
pictures_a[0]
= 'https://sourceworks/human_resources_apps/performance/ima
ges/portal/css/image_prod_family.gif';
pictures_a[1]
= 'https://sourceworks/human_resources_apps/performance/ima
ges/portal/css/image_customer_support.jpg';
function set_text ( num ) {
document.getElementById('text_div').innerHTML =
text_a[num];
document.getElementById('title_box').innerHTML =
titles_a[num];
document.getElementById('picture_box').innerHTML
= "<img src='" + pictures_a[num] + "' />";
}
</script>
</head>
<body>
<div id='main'>
<div id='picture_box'><img
src='https://sourceworks/human_resources_apps/performance/i
mages/portal/css/image_prod_family.gif' /></div>
<div id='text_div'></div>
<div id='title_box'></div>
</div>
<div id='thumbs'>
<table>
<tr>
<td><div
onmouseover='this.style.background="orange"'
onmouseout='this.style.background="white"'
onclick='set_text(0)'><img
src='https://sourceworks/human_resources_apps/performance/i
mages/portal/css/image_prod_family.gif'
width='80' /></div></td>
<td><div onclick='set_text(1)'><img
src='https://sourceworks/human_resources_apps/performance/i
mages/portal/css/image_customer_support.jpg'
width='80' /></div></td>
<td><div
onmouseover='this.style.background="orange"'
onclick='set_text(2)'></div></td>
<td><div onclick='set_text(3)'></div></td>
<td><div onclick='set_text(4)'></div></td>
<td><div></div></td>
<td><div></div></td>
<td><div></div></td>
<td><div></div></td>
<td><div></div></td>
<td><div></div></td>
<td><div></div></td>
</tr>
</table>
</div>
<table border='1' width='100%' style='position: relative;
left: 600px;'>
<tr>
<td rowspan='2'>this is a cell</td>
<td>kdj</td>
</tr>
<tr>
<td>lkasjlg l</td>
</tr>
<tr>
<td colspan='2'>lkasjgl</td>
</tr>
</table>
</body>
only visit this domain and my coworker wrote this code for
me. i need to copy it when i get home.
---
<-html>
<head>
<style>
div#main {
position: absolute;
top: 20px;
border: solid 1px gray;
width: 600px;
height: 300px;
}
div#thumbs {
border: solid 1px gray;
position: absolute;
top: 350px;
width: 600px;
height: 130px;
overflow: auto;
}
div#thumbs div {
border: solid 1px gray;
width: 100px;
height: 100px;
}
div#text_div {
border: solid 1px gray;
width: 200px;
height: 180px;
margin: 20px;
right: 20px;
position: absolute;
}
div#picture_box {
border: solid 1px gray;
width: 150px;
position: absolute;
left: 50px;
height: 150px;
top: 20px;
}
div#title_box {
border: solid 1px gray;
width: 130px;
position: absolute;
right: 100px;
top: 210px;
}
</style>
<script>
var titles_a = new Array('Text 1', 'Text 2', 'Text
3', 'Text 4');
var text_a = new Array();
text_a[0] = 'This lkasj glkj gkldsa glkj glkaj dgklj gll -
text 1';
text_a[1] = 'lasjlg klasj dlgkasjld kgsjdlgj sdalkjg
laskdjg laskj dlgkas dglaksj dg - text 2';
text_a[2] = 'alskg; a; sgak;s dl;gk a;sldg ksj lajhgosai
jhgo - text 3';
text_a[3] = 'k lkjs alkjglskj dlgksj dlkgj sldkjg lskdj
gl - text 4';
var pictures_a = Array();
pictures_a[0]
= 'https://sourceworks/human_resources_apps/performance/ima
ges/portal/css/image_prod_family.gif';
pictures_a[1]
= 'https://sourceworks/human_resources_apps/performance/ima
ges/portal/css/image_customer_support.jpg';
function set_text ( num ) {
document.getElementById('text_div').innerHTML =
text_a[num];
document.getElementById('title_box').innerHTML =
titles_a[num];
document.getElementById('picture_box').innerHTML
= "<img src='" + pictures_a[num] + "' />";
}
</script>
</head>
<body>
<div id='main'>
<div id='picture_box'><img
src='https://sourceworks/human_resources_apps/performance/i
mages/portal/css/image_prod_family.gif' /></div>
<div id='text_div'></div>
<div id='title_box'></div>
</div>
<div id='thumbs'>
<table>
<tr>
<td><div
onmouseover='this.style.background="orange"'
onmouseout='this.style.background="white"'
onclick='set_text(0)'><img
src='https://sourceworks/human_resources_apps/performance/i
mages/portal/css/image_prod_family.gif'
width='80' /></div></td>
<td><div onclick='set_text(1)'><img
src='https://sourceworks/human_resources_apps/performance/i
mages/portal/css/image_customer_support.jpg'
width='80' /></div></td>
<td><div
onmouseover='this.style.background="orange"'
onclick='set_text(2)'></div></td>
<td><div onclick='set_text(3)'></div></td>
<td><div onclick='set_text(4)'></div></td>
<td><div></div></td>
<td><div></div></td>
<td><div></div></td>
<td><div></div></td>
<td><div></div></td>
<td><div></div></td>
<td><div></div></td>
</tr>
</table>
</div>
<table border='1' width='100%' style='position: relative;
left: 600px;'>
<tr>
<td rowspan='2'>this is a cell</td>
<td>kdj</td>
</tr>
<tr>
<td>lkasjlg l</td>
</tr>
<tr>
<td colspan='2'>lkasjgl</td>
</tr>
</table>
</body>