1. ¡OFERTA! con cupón "DIRVPS": hosting por $0,01 y también VPS Linux y Windows por $0,01 el primer mes por Interserver ← publi
    Descartar aviso
Descartar aviso
Al usar este sitio web, aceptas que nosotros y nuestros socios podamos establecer cookies para fines tales como personalizar el contenido y la publicidad. Más información.

Ayuda con Script

Tema en 'Programación y Diseño Web' iniciado por Alex3030, 7 Oct 2010.

  1. Alex3030

    Alex3030 Nuevo usuario

    bueno amigos aca vengo con una duda nesesito este escrip para poner en mi web un contador regrsivo de cuantos dias faltan para navidad y no encuentro donde editarlo para poder poner la configuracion que quiero este escrip es para una web en undercontruction pero lo quiero poner para que diga cuanto falta para navidad aca les dejo el codigo para ver si alguien me puede decir donde editarlo
    aca una parte del codigo que no me deja ponerlo todo
    CODE, HTML o PHP Insertado:
    (function($) { // Hide scope, no $ conflict
    
    /* Countdown manager. */
    function Countdown() {
    	this.regional = []; // Available regional settings, indexed by language code
    	this.regional[''] = { // Default regional settings
    		// The display texts for the counters
    		labels: ['', '', '', '', '', '', ''],
    		// The display texts for the counters if only one
    		labels1: ['', '', '', '', '', '', ''],
    		compactLabels: ['y', 'm', 'w', 'd'], // The compact texts for the counters
    		whichLabels: null, // Function to determine which labels to use
    		timeSeparator: ':', // Separator for time periods
    		isRTL: false // True for right-to-left languages, false for left-to-right
    };
    	this._defaults = {
    		until: null, // new Date(year, mth - 1, day, hr, min, sec) - date/time to count down to
    			// or numeric for seconds offset, or string for unit offset(s):
    			// 'Y' years, 'O' months, 'W' weeks, 'D' days, 'H' hours, 'M' minutes, 'S' seconds
    		since: null, // new Date(year, mth - 1, day, hr, min, sec) - date/time to count up from
    			// or numeric for seconds offset, or string for unit offset(s):
    			// 'Y' years, 'O' months, 'W' weeks, 'D' days, 'H' hours, 'M' minutes, 'S' seconds
    		timezone: null, // The timezone (hours or minutes from GMT) for the target times,
    			// or null for client local
    		serverSync: null, // A function to retrieve the current server time for synchronisation
    		format: 'dHMS', // Format for display - upper case for always, lower case only if non-zero,
    			// 'Y' years, 'O' months, 'W' weeks, 'D' days, 'H' hours, 'M' minutes, 'S' seconds
    		layout: '', // Build your own layout for the countdown
    		compact: false, // True to display in a compact format, false for an expanded one
    		significant: 0, // The number of periods with values to show, zero for all
    		description: '', // The description displayed for the countdown
    		expiryUrl: '', // A URL to load upon expiry, replacing the current page
    		expiryText: '', // Text to display upon expiry, replacing the countdown
    		alwaysExpire: false, // True to trigger onExpiry even if never counted down
    		onExpiry: null, // Callback when the countdown expires -
    			// receives no parameters and 'this' is the containing division
    		onTick: null, // Callback when the countdown is updated -
    			// receives int[7] being the breakdown by period (based on format)
    			// and 'this' is the containing division
    		tickInterval: 1 // Interval (seconds) between onTick callbacks
    	};
    	$.extend(this._defaults, this.regional['']);
    	this._serverSyncs = [];
    }
    
    var PROP_NAME = 'countdown';
    
    var Y = 0; // Years
    var O = 1; // Months
    var W = 2; // Weeks
    var D = 3; // Days
    var H = 4; // Hours
    var M = 5; // Minutes
    var S = 6; // Seconds
    
    $.extend(Countdown.prototype, {
    	/* Class name added to elements to indicate already configured with countdown. */
    	markerClassName: 'hasCountdown',
    	
    	/* Shared timer for all countdowns. */
    	_timer: setInterval(function() { $.countdown._updateTargets(); }, 980),
    	/* List of currently active countdown targets. */
    	_timerTargets: [],
    	
    	/* Override the default settings for all instances of the countdown widget.
    	   @param  options  (object) the new settings to use as defaults */
    	setDefaults: function(options) {
    		this._resetExtraLabels(this._defaults, options);
    		extendRemove(this._defaults, options || {});
    	},
    

    tambien les adjunto la imagen de la pagina
     

    Adjuntos:

  2.  
  3. turcu

    turcu Administrador Miembro del Staff Administrador CH

    Lo tenes que definir cuando instancias el contador.
    Aca hay un ejemplo, que calculo que te puede servir: http://keith-wood.name/countdown.html.

    El codigo es este:

    CODE, HTML o PHP Insertado:
    var newYear = new Date(); 
    [COLOR="Red"]newYear = new Date(newYear.getFullYear() + 1, 1 - 1, 1);[/COLOR] 
    $('#defaultCountdown').countdown({until: newYear}); 
     
    $('#removeCountdown').toggle(function() { 
            $(this).text('Re-attach'); 
            $('#defaultCountdown').countdown('destroy'); 
        }, 
        function() { 
            $(this).text('Remove'); 
            $('#defaultCountdown').countdown({until: newYear}); 
        } 
    );
    
    En el codigo de ejemplo, cuenta los dias hasta fin de año. Lo que tendrias que reemplazar, es solamente la asignacion de la fecha que necesitas, quedando algo asi:

    CODE, HTML o PHP Insertado:
    newYear = new Date(newYear.getFullYear(), 11, 25);
    
    Ahi le estas indicando que cuente hasta el 25 de Diciembre a las 0:00 hs (24 a la noche).

    O en el codigo que vos pasas, podes modificar lo que esta marcado en azul, por lo siguiente (calculo que va a funcionar):

    CODE, HTML o PHP Insertado:
    until: new Date(new Date().getFullYear(),11,25)
    
    Saludos!
     
  4. Alex3030

    Alex3030 Nuevo usuario

    gracias voy a probar y te cuento que soy nuevo para todo esto!! saludos :aprueba:
     
  5. Alex3030

    Alex3030 Nuevo usuario

    no funciono borro los numeros de la cuenta regresiva... ahora no sale nada :crap:
     
  6. turcu

    turcu Administrador Miembro del Staff Administrador CH

    Tene en cuenta que "defaultCountdown" es el nombre del ejemplo... eso, seria el nombre que le pusiste vos al span en donde se dibuja el contador... ademas, en tu caso, el ejemplo de

    no iria. Corrobora que en donde dice: "defaultCountdown" tiene que ir el nombre que tiene el span en tu sitio, algo similar a:

    CODE, HTML o PHP Insertado:
    <span id="defaultCountdown"></span>
    
    Pero, puede que tenga otro nombre el tuyo. Si una vez que encontraste el tag este (el span), y tiene el mismo nombre que en el codigo, sigue sin funcionar, agrega al final de la pagina el siguiente codigo, y fijate si funciona (reeplazando defaultCountdown por tu nombre):

    CODE, HTML o PHP Insertado:
    <script>
    var newYear = new Date();
    newYear = new Date(newYear.getFullYear() - 1, 0, 25);
    $('#defaultCountdown').countdown({until: newYear});
    </script>
    
    Y si sigue sin funcionar, proba agregando algo asi:

    CODE, HTML o PHP Insertado:
    <span id="defaultCountdown"></span>
    <script>
    var newYear = new Date();
    newYear = new Date(newYear.getFullYear() - 1, 0, 25);
    $('#defaultCountdown').countdown({until: newYear});
    </script>
    
    Y fijate si te lo dibuja en algun lado.

    El codigo que pasaste al principio, no habria que modificarlo... Eso seguramente esta en el archivo countdown.js, y solo incluirlo en la pagina... Si esta incluido el archivo countdown.js, jquery.js, etc... tendria que funcionar. Si sigue sin funcionar, tenemos un problema :),

    saludos!
     


Alojamiento web, Hosting Reseller, Servidores Dedicados - All in Hosting


    
    
    
    
Blog · Sitios amigos: GuiaHosting · Unidominios · Interalta ·