PepDevils

//link      https://tympanus.net/codrops/2015/09/15/styling-customizing-file-inputs-smart-way/

//html
<input style="margin-left:auto; margin-right:auto; color:#000000;" type="file" name="orderfiles" id="orderfiles" class="inputfile" data-multiple-caption="{count} ficheiros selecionados" multiple />
<label id="label_orderfiles" for="orderfiles">
  <svg xmlns="http://www.w3.org/2000/svg" width="20" height="17" viewBox="0 0 20 17">
    <path d="M10 0l-5.2 4.9h3.3v5.1h3.8v-5.1h3.3l-5.2-4.9zm9.3 11.5l-3.2-2.1h-2l3.4 2.6h-3.5c-.1 0-.2.1-.2.1l-.8 2.3h-6l-.8-2.2c-.1-.1-.1-.2-.2-.2h-3.6l3.4-2.6h-2l-3.2 2.1c-.4.3-.7 1-.6 1.5l.6 3.1c.1.5.7.9 1.2.9h16.3c.6 0 1.1-.4 1.3-.9l.6-3.1c.1-.5-.2-1.2-.7-1.5z"></path>
  </svg>
  <span>Escolha um ficheiro</span>
</label>

PepDevils

//contact form 7 - form
<div class="row">
      <div class="col-md-0" >
          <label class="lblform"> Ano </label>
          [date ano id:subs-date-ano date-format:yyyy min:1930-01-01 max:today-14years text your-name placeholder "aaaa" ]
      </div>
      <div class="col-md-1" style="margin-right: 20px;">
          <label class="lblform"> Mês </label>
          [select* menu-month id:subs-date-mes "Janeiro" "Fevereiro" "Março" "Abril" "Maio" "Junho" "Julho" "Agosto" "Setembro" "Outubro" "Novembro" "Dezembro" ] 
      </div>

PepDevils

Plataforma OpenCart
No template/layout do produto, esconder ou mostar Opções dependentes de um <select>

//catalog/view/theme/custom_theme/template/product/product.tpl
  //line 120 a nossa referencia principal para encontrar o <select>
  <div id="product">
  
  //line 126 - o <select> - acrescentar uma função onchange
    <select onchange="functionSelectAndToggle();" name="option[<?php echo $option['product_option_id']; ?>]" id="input-option<?php echo $option['product_option_id']; ?>" class="form-control">
  

PepDevils

links importantes:
  https://www.regular-expressions.info/numericranges.html
  https://www.regular-expressions.info/examples.html
  https://www.icewarp.com/support/online_help/203030104.htm
  https://www.ibm.com/support/knowledgecenter/en/ssw_ibm_i_73/db2/rbafzregexp_like.htm

exemplos:

    validar numeros inteiros no intervalo de 0 a 9:
      \b([0-9])\b

PepDevils

/*
Wordpress - woocomerce

Como mudar o estado do produto (Pode ser Comprado / Não pode ser comprado), apartir do seu estado de stock (Brevemente/Sem stock/com stock/etc...);
Estudar Hooks do wordpress.
Estes podem ser interceptados por Actions ou Filters

*/

//tutoriais wordpress

PepDevils

7/12/2017

//colocar neve para o natal numa loja opencart



//depois de inspect element para ver a class da zona onde quero implementar um gif de neve no fundo, tenho as seguintes classes:
    -new-space
    -container

PepDevils

// REACT JS
// React's modular programming style
// create web components
// virtual-DOM é apenas uma representação em javascript puro (memória) do DOM

//JSX is a syntax extension for JavaScript:
const h1 = <h1>Hello world</h1>;

//need to instal a  JSX compiler, to browsers read it

PepDevils

//ANGULAR JS 1
//create a app and make a title in html page
// feito para criar single page aplications - o browser não actualiza a pagina mas sim o javascript unicamente onde é preciso

//js/app.js  - criar a app

// js/controllers/MainController.js  - adicionar controlador a app e adicionar titlo ao scopo
app.controller('MainController', ['$scope', function($scope) { 
  $scope.title = 'Top Sellers in Books'; 
}]);

PepDevils

Como resolver o problema de partilhar o post no facebook no wordpress
o facebook mudou a politica e agora precisa de <meta> para que partilhe o post com imagem certa,titulo,descrição etc

modelo de meta:
<meta property="og:url"                content="http://customdomain.com/type/post.html" />
<meta property="og:type"               content="article" />
<meta property="og:title"              content="When Great Minds Don’t Think Alike" />
<meta property="og:description"        content="How much does culture influence creative thinking?" />
<meta property="og:image"              content="http://customdomain.com/wp-content/uploads/thememaker/theme/pasta/idpost/qualityimage/csdghcvdsb24461.jpg" />

PepDevils

// ADD in HTML, before any other javascript, probably in the footer
<script
  src="https://code.jquery.com/jquery-3.2.1.min.js"
  integrity="sha256-hwg4gsxgFZhOsEEamdOYGBf13FyQuiTwlAQgxVSNgt4="
  crossorigin="anonymous">
</script>


// GET DOM OBJECT -- GET DOM OBJECT -- GET DOM OBJECT -- GET DOM OBJECT
//simula o click num elemento DOM com id login que faz um toggle num elemento DOM com a class loginMenu