Tema: Rotor de Capas
Ver Mensaje Individual
  #12 (permalink)  
Antiguo 12/05/2009, 14:29
rickyl
 
Fecha de Ingreso: marzo-2009
Mensajes: 30
Antigüedad: 15 años, 2 meses
Puntos: 0
Respuesta: Rotor de Capas
Gracias por el interés que han mostrado, es lo que hace grande estos foros.

¿como iría el HTML entonces?, ...nunca he trabajado con PHP aún.

Trataba de analiza la de la NBA pero no me daja ver los botones.

El código de la NBA, es bastante largo... A ver si sé publicarlo en su caja aquí. Solo para que lo vean, si no es permitido lo borran.

Gracias.-

Código javascript: 
Ver original
  1. // Parses in Unix Time and prints out formatted timestamp
  2. function nbaRenderTimeStamp(date,timeString) {
  3.  
  4. nbaStoryPublishTime = (date) ? new Date(date) : nbaStoryPublishTime;
  5. var days = new Array('Sun','Mon','Tue','Wed','Thur','Fri','Sat');
  6. var months = new Array('January', 'February', 'March', 'April', 'May', 'June', 'July', 'August', 'September', 'October', 'November', 'December');
  7. var nbaDay = days[nbaStoryPublishTime.getUTCDay()];
  8. var nbaMonth = months[nbaStoryPublishTime.getUTCMonth()];
  9. var nbaYear = nbaStoryPublishTime.getUTCFullYear();
  10. var nbaDate = nbaStoryPublishTime.getUTCDate();
  11. var nbaHour = nbaStoryPublishTime.getHours();
  12. var nbaMinutes = nbaStoryPublishTime.getMinutes();
  13. var nbaAMPM = '';
  14. var nbaDateSuffix='';
  15.  
  16. //Set am/pm
  17. if (nbaHour   > 11) {
  18. nbaAMPM = "pm"; 
  19. }else{
  20. nbaAMPM = "am"; 
  21. }
  22.  
  23. // Set Hour
  24. if (nbaHour   > 12) { nbaHour = nbaHour - 12;}
  25.  
  26. // Add a zero if less than 10
  27. if (nbaMinutes < 10){nbaMinutes = "0" + nbaMinutes;}
  28.  
  29. // Add number suffix
  30. if (nbaDate == 1){
  31. nbaDateSuffix = "st";
  32. }else if (nbaDate == 2) {
  33. nbaDateSuffix = "nd";
  34. }else if (nbaDate == 3) {
  35. nbaDateSuffix = "rd";
  36. }else{
  37. nbaDateSuffix = "th";
  38. }
  39. document.write(nbaMonth + '&nbsp;' + nbaDate+nbaDateSuffix+'&nbsp;'+ nbaYear + ' ' + nbaHour+ ':' +nbaMinutes+ '&nbsp;' +nbaAMPM);
  40.  
  41. }
  42.  
  43. // T1 functionality
  44.     var stories = new Array('nbaT1Story1','nbaT1Story2','nbaT1Story3','nbaT1Story4','nbaT1Story5');
  45.     var rotate = null;
  46.     var r = 1;
  47.     
  48.     function nbaRotateT1() {
  49.         nbaShowT1(r);
  50.         if (r < 5) {
  51.             rotate = setTimeout('nbaRotateT1()',15000);
  52.         } else if (r = 5) {
  53.             r = 0;
  54.             rotate = setTimeout('nbaRotateT1()',15000);
  55.         }
  56.         r++;
  57.     }
  58.     
  59.     function nbaRotateT1Continue(){
  60.         clearTimeout(rotate);
  61.         rotate = null;
  62.         
  63.         //push to next position
  64.         //r = ( (r+1) >= 1 && (r+1) <= 5) ? (r+1) : 1;
  65.         nbaRotateT1();
  66.     }
  67.     function nbaSetPosition(oPosition){
  68.         r = oPosition;
  69.         //alert("position: " + r);
  70.     }
  71.     
  72.     function nbaShowT1(n) {
  73.     // changes visibility of current story
  74.         for (i = 0; i < stories.length; i++) {
  75.             if (document.getElementById(stories[i])) { 
  76.                 document.getElementById(stories[i]).style.display = (('nbaT1Story' + n) == stories[i]) ? 'block':'none'; 
  77.             }
  78.         }
  79.         
  80.     // Gets current position of the array
  81.  
  82.     // changes class of current thumb
  83.     var thumbs = document.getElementById('nbaT1Thumbs').getElementsByTagName('a');  
  84.         for (j = 0; j < thumbs.length; j++) {
  85.             thumbs[j].className = ((j + 1) == n) ? 'nbaSelected':'';
  86.         }
  87.         
  88.         //set the positon of the rotate array
  89.         nbaSetPosition(n);
  90.     }
  91.  
  92.  
  93.  
  94. //Switcher functionality for nba store
  95. var si = 1;
  96.  
  97. function swicththis2(che){
  98.         var attera = "";
  99.         if(che == 1)
  100.         {        si = si + 1;
  101.                  if(si > 5){ si = 1;}
  102.                  attera = 's' + si;
  103.         }
  104.         if(che == 2)
  105.         {        si = si - 1;
  106.                  if(si < 1){ si = 5;}
  107.                  attera = 's' + si;
  108.         }
  109.         document.getElementById('scounter').innerHTML =  si;
  110.         var jumps = 0;
  111.         var storejump =new Array("s1","s2","s3","s4","s5");
  112.     for (jumps;jumps<=4;jumps++)
  113.     {
  114.             document.getElementById(storejump[jumps]).style.display = "none";
  115.     }
  116.     document.getElementById(attera).style.display = "block";
  117. }
  118.  
  119. var Fabtabs = Class.create();
  120.  
  121. Fabtabs.prototype = {
  122.     initialize : function(element) {
  123.         try{
  124.         this.element = $(element);
  125.         var options = Object.extend({}, arguments[1] || {});
  126.         this.menu = $A(this.element.getElementsByTagName('a'));
  127.         this.show(this.getInitialTab());
  128.         this.menu.each(this.setupTab.bind(this));
  129.         }
  130.         catch(err)
  131.         {
  132.         }
  133.     },
  134.     setupTab : function(elm) {
  135.         Event.observe(elm,'click',this.activate.bindAsEventListener(this),false)
  136.     },
  137.     activate :  function(ev) {
  138.         var elm = Event.findElement(ev, "a");
  139.         Event.stop(ev);
  140.         this.show(elm);
  141.         this.menu.without(elm).each(this.hide.bind(this));
  142.     },
  143.     hide : function(elm) {
  144.         try{
  145.         $(elm).removeClassName('active-tab');
  146.         $(this.tabID(elm)).removeClassName('active-tab-body');
  147.         }
  148.         catch(err)
  149.         {
  150.         }
  151.     },
  152.     show : function(elm) {
  153.         try{
  154.         $(elm).addClassName('active-tab');
  155.         $(this.tabID(elm)).addClassName('active-tab-body');
  156.         }
  157.         catch(err)
  158.         {
  159.         }
  160.     },
  161.     tabID : function(elm) {
  162.         return elm.href.match(/#(\w.+)/)[1];
  163.     },
  164.     getInitialTab : function() {
  165.         if(document.location.href.match(/#(\w.+)/)) {
  166.             var loc = RegExp.$1;
  167.             var elm = this.menu.find(function(value) { return value.href.match(/#(\w.+)/)[1] == loc; });
  168.             return elm || this.menu.first();
  169.         } else {
  170.             return this.menu.first();
  171.         }
  172.     }
  173. }
  174.  
  175.  
  176. Event.observe(window,'load',function(){ new Fabtabs('tabs'); },false);
  177. Event.observe(window,'load',function(){ new Fabtabs('nbaSubNav'); },false);
  178. Event.observe(window,'load',function(){ new Fabtabs('subNbaTvTabs'); },false);
  179. Event.observe(window,'load',function(){ new Fabtabs('subTopPlaysTabs'); },false);
  180. Event.observe(window,'load',function(){ new Fabtabs('subTntOvertimeTabs'); },false);
  181. Event.observe(window,'load',function(){ new Fabtabs('subBarkleyTabs'); },false);
  182.  
  183.  
  184. // Headline Tabs
  185. function HideLinks() {
  186.     var MainLinks = new Array ("nbaRailPodsnav1", "nbaRailPodsnav2");
  187.     var SubLinks = new Array ("nbaRailPodsnavL", "nbaRailPodsnavR");
  188.     for (var i=0; i<MainLinks.length; i++) {
  189.         document.getElementById(MainLinks[i]).className = "nbaRailPodsNavItem";
  190.         document.getElementById(MainLinks[i]).hideFocus = true;
  191.     }
  192.     for (var i=0; i<SubLinks.length; i++) {
  193.         document.getElementById(SubLinks[i]).className = "nbaRailPodsnavL hide";
  194.     }
  195. }
  196. function ShowLink(MainLinkId, SubLinkId) {
  197.     document.getElementById(MainLinkId).className = "nbaRailPodsNavItem RailPodsNavactive";
  198.     document.getElementById(SubLinkId).className = "nbaRailPodsnavL show";
  199. }
  200. function ActiveMenu(MainLinkId, SubLinkId) {
  201.     HideLinks();
  202.     ShowLink(MainLinkId, SubLinkId);
  203. }   
  204.  
  205. // Zebra color for Headline div
  206. function init() {
  207. alternate('nbaTabHeader');
  208. }
  209. function alternate(nbaTabHeader){
  210.  if(document.getElementsByTagName){  
  211.    var list = document.getElementById(nbaTabHeader);  
  212.    var rows = list.getElementsByTagName("li");  
  213.    for(i = 0; i < rows.length; i++){          
  214.  //manipulate rows
  215.      if(i % 2 == 0){
  216.        rows[i].className = "nbaHeadlinesLiBg";
  217.      } 
  218.    }
  219.  }
  220. }
  221.  
  222.  
  223.  
  224.  
  225. window.onload = function (){
  226. nbaRotateT1();
  227. init();
  228. }