how to add code from <head> to <body> tag?
I would like to show links in particular body location.
PHP Code:
<html>
<head>
<title></title>
<script type="text/javascript">
<!-- Begin
var listName=''; // the title of your list between single quotes
var mpic=new Array();
/* Edit link info in this order: name, image file, site title, URL
Insert each info between single quote marks, followed by a comma
(Replace '#' with the URL but leave the two quotes, i.e.
'http://www.theURL.com')
Do not edit after the URL. Add or remove lines as required */
mpic[mpic.length] = new info('My products1', 'images/products/myimage1.jpg', 'My products1', 'html/product1.htm', 'm' + mpic.length);
mpic[mpic.length] = new info('My product2', 'euian.jpg', 'Hantojin', 'html/product2.htm', 'm' + mpic.length);
mpic[mpic.length] = new info('John', 'john.jpg', 'Radical Druid', '#', 'm' + mpic.length);
mpic[mpic.length] = new info('Lillyanne', 'lilly.jpg', 'Astrodiva\'s Notebook', '#', 'm' + mpic.length);
mpic[mpic.length] = new info('May', 'may.jpg', 'Shady Spot', '#', 'm' + mpic.length);
mpic[mpic.length] = new info('Silk', 'silk.jpg', 'In the Realm of Senses', '#', 'm' + mpic.length);
var minArr=new Array();
for (i=0; i<mpic.length; i++) {
minArr[i]=new Image();
minArr[i].src=mpic[i].thumb;
}
function info(nam, thumb, Title, web, markID) {
this.nam = nam;
this.thumb = thumb;
this.Title = Title;
this.web = web;
this.markID = markID;
}
function codeIt() {
document.write('<div id="hotlist"><b>' + listName + '<\/b>');
document.write('<p width="100%" size="0">');
for (j=0; j<mpic.length; j++) {
document.write('<a target="offsite" href="');
document.write(mpic[j].web);
document.write('" onMouseover="preview(' + j + ',\'' + mpic[j].markID + '\')">');
document.write(mpic[j].nam);
document.write('<\/a><span class="arrow" id="' + mpic[j].markID + '"> ◄<\/span><br>');
}
document.write('<br>');
document.write('<div id="preview">');
document.write('<img class="thumbnail" alt="" name="screenshot" src="' + minArr[0].src + '" onClick="dest()">');
document.write('<div id="caption"><\/div>');
document.write('<P><\/p>');
document.write('<\/div><\/div>');
/* --- Please attribute! The following line must appear --- */
document.write('<P style="text-align:center; font-size:12px"><\/p>');
}
function preview(t,a) {
unmarkAll();
document.getElementById(a).style.visibility='visible';
document.getElementById('preview').style.display='block';
document.getElementById('caption').innerHTML=mpic[t].Title;
document.images.screenshot.src=minArr[t].src;
document.images.screenshot.title='Click here! ' + mpic[t].nam + '. More...';
}
function dest() {
for (x=0; x<mpic.length; x++) {
if (document.images.screenshot.src==minArr[x].src) {
window.open(mpic[x].web, 'offsite');
}
}
}
function hide() {
document.getElementById('preview').style.display='none';
unmarkAll();
}
function unmarkAll() {
for (c=0; c<mpic.length; c++) document.getElementById(mpic[c].markID).style.visibility='hidden';
}
// End -->
</script>
</head>
<body>
<script type="text/javascript">
<!-- Begin
codeIt()
// End -->
</script>
My products1 link
My products2 link
</body>
</html>
CSS Codes
Reply With Quote
Bookmarks