WorldWideScripts.net Delivering the best Add-Ons in more than 37 languages.

中文(简体), English, हिन्दी/हिंदी, Español/Castellano, العربية, Русский язык, Français, 中文 (台灣), বাংলা, Bahasa Indonesia, اردو, Português, Deutsch, Bahasa Melayu (بهاس ملايو‎), 日本語 (にほんご), فارسی, Italiano, తెలుగు, Türkçe, ગુજરાતી, Język polski/polszczyzna, Tiếng Việt, ಕನ್ನಡ, Українська мова, ไทย
JavaScript / Miscellaneous

TimeZone Corrector

— Add-On para WorldWideScripts.net

@pt1wwsAssine o nosso feed para se manter atualizado!

Novo! Siga-nos o que você quiser!


TimeZone Corrector - CodeCanyon Item for Sale

Ads

Ad: Bluehost hosting

TimeZone Corrector é uma ferramenta de JavaScript que corrige tempo e datas no conteúdo do site.

A maioria dos sites na Internet são internacionais e muitas vezes esses sites publicam datas que são correspondentes à sua fuso horário local. Na maioria das vezes é realmente difícil para os visitantes de diferentes fusos horários para recuperar o atraso com a diferença de horário e aqui vem o fuso horário Corrector.

Com esta ferramenta, os visitantes serão capazes de ver a data e hora correta em seu fuso horário apenas por pairando sobre a hora ea data.

Demonstração do plugin

Os formatos suportados:

  • (H | G): i
  • (h | g): i (a | A)
  • (H | G):. I (m | n) (d | j) Y.
  • (h | g): i (a | A) (d | J) (m | n).Y.
  • (d | j) (m | n).Y (H | G):. i: s
  • (m | n) (d | J).Y (h | g):. i: s (A | A)

Exemplos destes formatos:

  • 14:23
  • 19:32
  • 2013/03/25 17:29
  • 25.03.2011 04:53
  • 2013/11/15 19:23:44
  • 1990/07/29 01:55:23

* Os formatos de data e hora estão de acordo com a função PHP date ()

O que ele tem?

  • O script não é dependente de qualquer quadro (jQuery / Prototype / etc).
  • Ele pode ser usado ilimitadas vezes em uma página. É organizado como JavaScript Class.
  • Ele tem dois temas neutros e número ilimitado de temas podem ser construir com CSS.
  • É signular arquivo. O CSS é anexado ao cabeçalho do documento em tempo de execução.
  • Fica apenas a 5 KB minified e 9KB não minified.
  • É cross-browser compatível. Ele funciona no IE6 +, Firefox, Chrome, Safari, Opera.

Como usar?

  1. Primeiro você tem que incluir o script no documento:
     <script type = "text / javascript" src = "/ TZC tzc.min.js"> </ script> 
  2. Então você deve inicializar a classe usando este script:

     var = new TimeZoneCorrector myTZC ('tzcselector'); 

    O primeiro parâmetro é o seletor do elemento HTML. Para ID do selector deve ser #elemendit ou elementID. Para a classe deve ser .classname (como css). Você também pode usar elemento de objeto diretamente.

    O segundo parâmetro é (opcional) objeto com opções para TimeZone Corrector. Por favor, verifique todas as opções disponíveis da tabela abaixo.

    Exemplos:

    Selector ID

     var = new TimeZoneCorrector myTZC ('tzcselector'); 

    Selector ID

     var = new TimeZoneCorrector myTZC ('# tzcselector'); 

    Seletor de classe

     var = new TimeZoneCorrector myTZC ('tzcselector.'); 

    Seletor de objeto direto

     var = new TimeZoneCorrector myTZC (document.getElementById ('tzcselector')); 

    Seleccionar com jQuery

     var = new TimeZoneCorrector myTZC ($ ('tzcselector.')); 

    Nota: TimeZoneCorrector () da classe é o mesmo que TZC então use o que você preferir.

Opções

 phpfile (string) o caminho para o arquivo tzc.php. Pode ser caminho relativo ou absoluto cookieName (string) O nome do cookie que tzc.php arquivo cria labelText (string) o texto que é antes do tempo corrigido na dica tema (string) o nome do tema. Padrão: [escuro]. As opções possíveis: [escuro, luz] 

Exemplo de como utilizar todas as opções:

 <div id = "Meu conteúdo"> Minha longa conteúdo... com datas como esta 2013/03/10 16:30... etc </ div> <script type = "text / javascript"> var myTZC = new TZC ('Meu conteúdo ", { labelText: 'Em seu fuso horário:', phpfile: 'TZC / tzc.php', cookieName: 'TZC', tema: 'dark' }); </ script> 

Configurações de fuso horário

Como alterar o fuso horário padrão do seu site?

Muitas vezes, o seu site está hospedado em fuso horário diferente do seu. Para corrigir isso, você deve abrir o arquivo na pasta tzc.php TZC.

Neste arquivo você tem as seguintes configurações:

 $ timezone = 'America / New_York "; // O fuso horário $ cookieName = 'TZC'; // O nome do cookie $ cookieExpiration = 2; // O tempo de expiração do cookie em horas 

Para alterar o fuso horário padrão do seu site, você deve primeiro encontrar o nome de fuso horário correto no http://www.php.net/manual/en/timezones.php

Em seguida, altere o valor da variável $ fuso horário para o seu selecionado.

As outras duas configurações estão relacionadas com o cookie que o script cria. Se você quiser mudar o nome do cookie, você pode fazê-lo alterando o valor da variável $ cookieName. Se você alterar o nome do cookie, você deve definir o novo nome com opção cookieName ao inicializar o script TZC.

Além disso, o tempo de expiração do cookie pode ser alterado por variável $ cookieExpiration. O valor para esta variável é em horas.

Changelog

  • v 1.2 - Corrige um pequeno erro que quebra o roteiro às vezes

  • v 1.1 - Adicionado suporte para a seleção de elementos por classe e fornecendo elemento de objeto para a classe

    Exemplo:

    Seleção de classe 15:23 adipiscing elit. Nam vel risus 10:57 nunc.

    Seleção de classe 16:23 adipiscing elit. Nam vel risus 09:57 nunc.

    A seleção por objeto DOM 18:23 adipiscing elit. Nam vel risus 02:57 nunc.

    Código:

     <p class="tzcClass">Selecting by class 15:23 adipiscing elit. Nam vel risus 10:57 am nunc.</p> <p class="tzcClass">Selecting by class 16:23 adipiscing elit. Nam vel risus 9:57 am nunc.</p> <p id="tzcObject">Selecting by DOM object 18:23 adipiscing elit. Nam vel risus 02:57 am nunc.</p> 

     <script type="text/javascript"> var classTZC = new TimeZoneCorrector('.tzcClass'); var elObjTZC = new TimeZoneCorrector(document.getElementById('tzcObject')); </script> 

  • v 1.0 - Versão inicial


Download
Outros componentes nesta categoriaTodos os componentes deste autor
ComentáriosPerguntas mais frequentes perguntas e respostas

Propriedades

Criado:
1 13 de julho

Última atualização:
08 de fevereiro 15 de

Alta resolução:
sim

Navegadores compatíveis:
IE6, IE7, IE8, IE9, IE10, Firefox, Safari, Opera, Chrome

Arquivos incluídos:
JS JavaScript, PHP

Palavras-chave

eCommerce, eCommerce, Todos os itens, correç, ã, o, corretor, encontro, de geolocalizaç, ã, o, no meu tempo, Tempo, fuso horá, rio, reló, gio mundial