TP-Docs
HTML5 Icon HTML5 Icon HTML5 Icon
TP on Social Media

Recent

User

Welcome to TinyPortal. Please login or sign up.

June 05, 2023, 10:27:17 PM

Login with username, password and session length

Stats

Members
Stats
  • Total Posts: 194,367
  • Total Topics: 21,157
  • Online today: 110
  • Online ever: 3,540
  • (September 03, 2022, 01:38:54 AM)
Users Online
Users: 0
Guests: 42
Total: 42

Rotating Banners

Started by RebelRose, August 23, 2006, 09:45:22 PM

Previous topic - Next topic

0 Members and 1 Guest are viewing this topic.

Print
Go Down Pages1 2 ... 4
User actions

rebelrose

August 23, 2006, 09:45:22 PM Last Edit: September 21, 2008, 04:08:41 AM by IchBinâ„¢
Rotating Banners refreshes without you having to refresh a page. You can see it here.

http://www.rebelrosenetworks.com/forum/index.php


Code Select

<center>

<ilayer id="l1">
<layer id="l2">
<div id="l1">
<div id="l3" style="position:relative">
</div>
</div>
</layer>
</ilayer>





<script language="JavaScript">
<!--


var bannerArray = new Array();
var myCount=0;
// Banner Code Assignment
bannerArray[0] = "<A HREF=\"http://www.yourdomain.com\"><IMG SRC=\"http://www.yourdomain.com/banner.jpg\" border=\"0\" width=\"470\" height=\"60\"></A>";
bannerArray[1] = "<A HREF=\"http://www.yourdomain.net\"><IMG SRC=\"http://www.yourdomain.com/banner.jpg\" border=\"0\" width=\"470\" height=\"60\"></A>";
bannerArray[2] = "<A HREF=\"http://www.yourdomain.net\"><IMG SRC=\"http://www.yourdomain.com/banner.jpg\" border=\"0\" width=\"470\" height=\"60\"></A>";
bannerArray[3] = "<A HREF=\"http://www.yourdomain.net\"><IMG SRC=\"http://www.yourdomain.com/banner.jpg\" border=\"0\" width=\"470\" height=\"60\"></A>";
bannerArray[4] = "<A HREF=\"http://www.yourdomain.net\"><IMG SRC=\"http://www.yourdomain.com/banner.jpg\" border=\"0\" width=\"470\" height=\"60\"></A>";

bannerRotate();

function bannerRotate() {

if(myCount > bannerArray.length-1){myCount=0;}

// Write out rotation
if (document.all){ // it is IE
document.all.l3.innerHTML=bannerArray[myCount];
}

else if (document.layers){ // it is NN

document.layers.l1.document.layers.l2.document.open();
document.layers.l1.document.layers.l2.document.write(bannerArray[myCount]);
document.layers.l1.document.layers.l2.document.close();
}
setTimeout("bannerRotate()", 3000);
myCount++;
}
// -->
</script>

</center>



--edit by IchBin
Updated code for it to work in other browsers.
http://www.tinyportal.net/index.php/topic,7747.msg209101.html#msg209101

rebelrose

#1
August 24, 2006, 04:53:17 AM
finally got it working right.

eli

#2
November 03, 2006, 04:44:59 AM
Parse error: syntax error, unexpected '<' in /home/username/public_html/Sources/Load.php(1708) : eval()'d code(35) : eval()'d code on line 1

JPDeni

#3
November 03, 2006, 05:20:49 AM
Put it in a scriptbox, not a phpbox.

eli

#4
November 03, 2006, 12:36:57 PM
Doesn't display the image. Shows up on the source code as this:
Quote<script language="JavaScript">
<!--


var bannerArray = new Array();
var myCount=0;
// Banner Code Assignment
bannerArray[0] = "<A HREF=\"http://www.devira.info\"><IMG SRC=\"http://www.devira.info/images/brooke/jennaboyd3a.jpg\" border=\"0\" width=\"133\" height=\"200\"></A>";
bannerArray[1] = "<A HREF=\"http://www.devira.info\"><IMG SRC=\"http://www.devira.info/images/brooke/jennaboyd5a.jpg\" border=\"0\" width=\"133\" height=\"200\"></A>";
bannerArray[2] = "<A HREF=\"http://www.devira.info\"><IMG SRC=\"http://www.devira.info/images/brooke/jennaboyd6a.jpg\" border=\"0\" width=\"133\" height=\"200\"></A>";
bannerArray[3] = "<A HREF=\"http://www.devira.info\"><IMG SRC=\"http://www.devira.info/images/brooke/jennaboyd7a.jpg\" border=\"0\" width=\"133\" height=\"200\"></A>";
bannerArray[4] = "<A HREF=\"http://www.devira.info\"><IMG SRC=\"http://www.devira.info/images/brooke/jennaboyd3a.jpg\" border=\"0\" width=\"133\" height=\"200\"></A>";

bannerRotate();

function bannerRotate() {

if(myCount > bannerArray.length-1){myCount=0;}

// Write out rotation
   if (document.all){         // it is IE
      document.all.l3.innerHTML=bannerArray[myCount];
   }

   else if (document.layers){   // it is NN

   document.layers.l1.document.layers.l2.document.open();
   document.layers.l1.document.layers.l2.document.write(bannerArray[myCount]);
   document.layers.l1.document.layers.l2.document.close();
   }
setTimeout("bannerRotate()", 3000);
myCount++;
}
// -->
</script>

But no execution.

pvcblue

#5
November 03, 2006, 01:11:23 PM
Eliana I use the code Rose shows and it works fine I just removed the size restraints and put it in a table - make sure you put it in a script box -

Code Select
<center>
<table width="470" height="85" border="0" align="center" cellpadding="2" cellspacing="0">
Ã,  <tr>
Ã,  Ã,  <td height="100" align="center" valign="middle"><center>
Ã,  Ã,  Ã,  Ã,  <ilayer id="l1">
Ã,  Ã,  Ã,  Ã,  <layer id="l2">
Ã,  Ã,  Ã,  Ã,  <div id="l1">
Ã,  Ã,  Ã,  Ã,  Ã,  <div id="l3" style="position:relative"> </div>
Ã,  Ã,  Ã,  Ã,  </div>
Ã,  Ã,  Ã,  Ã,  </layer>
Ã,  Ã,  Ã,  Ã,  </ilayer>
Ã,  Ã,  Ã,  Ã,  <script language="JavaScript">
<!--


var bannerArray = new Array();
var myCount=0;
// Banner Code Assignment
bannerArray[0] = "<A HREF=\"http://LINKED WEBSITE URL HERE\" target=\"_blank\"><IMG SRC=\"IMAGE SOURCE HERE\" border=\"0\"></A>";
bannerArray[1] = "<A HREF=\"http://LINKED WEBSITE URL HERE\" target=\"_blank\"><IMG SRC=\"IMAGE SOURCE HERE\" border=\"0\"></A>";
bannerArray[2] = "<A HREF=\"http://LINKED WEBSITE URL HERE\" target=\"_blank\"><IMG SRC=\"IMAGE SOURCE HERE\" border=\"0\"></A>";
bannerArray[3] = "<A HREF=\"http://LINKED WEBSITE URL HERE\" target=\"_blank\"><IMG SRC=\"IMAGE SOURCE HERE\" border=\"0\"></A>";
bannerArray[4] = "<A HREF=\"http://LINKED WEBSITE URL HERE\" target=\"_blank\"><IMG SRC=\"IMAGE SOURCE HERE\" border=\"0\"></A>";
bannerArray[5] = "<A HREF=\"http://LINKED WEBSITE URL HERE\" target=\"_blank\"><IMG SRC=\"IMAGE SOURCE HERE\" border=\"0\"></A>";
bannerArray[6] = "<A HREF=\"http://LINKED WEBSITE URL HERE\" target=\"_blank\"><IMG SRC=\"IMAGE SOURCE HERE\" border=\"0\"></A>";
bannerArray[7] = "<A HREF=\"http://LINKED WEBSITE URL HERE\" target=\"_blank\"><IMG SRC=\"IMAGE SOURCE HERE\" border=\"0\"></A>";

bannerRotate();

function bannerRotate() {

if(myCount > bannerArray.length-1){myCount=0;}

// Write out rotation
if (document.all){ // it is IE
document.all.l3.innerHTML=bannerArray[myCount];
}

else if (document.layers){ // it is NN

document.layers.l1.document.layers.l2.document.open();
document.layers.l1.document.layers.l2.document.write(bannerArray[myCount]);
document.layers.l1.document.layers.l2.document.close();
}
setTimeout("bannerRotate()", 3000);
myCount++;
}
// -->
</script>
Ã,  Ã,  Ã,  </center></td>
Ã,  </tr>
</table>
</center>

akulion

#6
November 03, 2006, 02:04:15 PM
Eliana Tamerin turn the EDITOR off from your settngs area and it wont do that :up:

eli

#7
November 03, 2006, 09:06:49 PM
It still does not work, even if I turn off the editor. I added a new block without the editor and that doesn't work. The images show up fine when you go to the URL separately. It is in a script box, no editor, with the URLs working. What is the problem, then? The code? What TP version is this made for?

rebelrose

#8
November 03, 2006, 09:15:46 PM
It is a script for no special version of TP,  can you post the code as you are using so we can take a look at it and maybe a link to your site?

rebelrose

#9
November 03, 2006, 09:32:56 PM Last Edit: November 04, 2006, 05:32:35 PM by RebelRose
ok, first problem is you changed the script and added bbc code, you have [/url] at the end of each one.

I have it up on my test site with your code and it is working great:

http://rebelrose.com/newtheme/smf/index.php

Try this:

Code Select

<center>
<table width="470" height="85" border="0" align="center" cellpadding="2" cellspacing="0">
  <tr>
    <td height="100" align="center" valign="middle"><center>
        <ilayer id="l1">
        <layer id="l2">
        <div id="l1">
          <div id="l3" style="position:relative"> </div>
        </div>
        </layer>
        </ilayer>
<script language="JavaScript">
<!--


var bannerArray = new Array();
var myCount=0;
// Banner Code Assignment
bannerArray[0] = "<A HREF=\"http://www.devira.info\"><IMG SRC=\"http://www.devira.info/images/brooke/jennaboyd3a.jpg\" border=\"0\" width=\"133\" height=\"200\"></a>";
bannerArray[1] = "<A HREF=\"http://www.devira.info\"><IMG SRC=\"http://www.devira.info/images/brooke/jennaboyd5a.jpg\" border=\"0\" width=\"133\" height=\"200\"></a>";
bannerArray[2] = "<A HREF=\"http://www.devira.info\"><IMG SRC=\"http://www.devira.info/images/brooke/jennaboyd6a.jpg\" border=\"0\" width=\"133\" height=\"200\"></a>";
bannerArray[3] = "<A HREF=\"http://www.devira.info\"><IMG SRC=\"http://www.devira.info/images/brooke/jennaboyd7a.jpg\" border=\"0\" width=\"133\" height=\"200\"></a>";
bannerArray[4] = "<A HREF=\"http://www.devira.info\"><IMG SRC=\"http://www.devira.info/images/brooke/jennaboyd3a.jpg\" border=\"0\" width=\"133\" height=\"200\"></a>";

bannerRotate();

function bannerRotate() {

if(myCount > bannerArray.length-1){myCount=0;}

// Write out rotation
   if (document.all){         // it is IE
      document.all.l3.innerHTML=bannerArray[myCount];
   }

   else if (document.layers){   // it is NN

   document.layers.l1.document.layers.l2.document.open();
   document.layers.l1.document.layers.l2.document.write(bannerArray[myCount]);
   document.layers.l1.document.layers.l2.document.close();
   }
setTimeout("bannerRotate()", 3000);
myCount++;
}
// -->
</script>
</center></td>
  </tr>
</table>
</center>
Print
Go Up Pages1 2 ... 4
User actions