Apunts de javascript

De Infowiki

Contingut

1 Validar un email d'un formulari
2 posar transparència a les imatges png a Internet explorer 6 i 5
3 la propietat getelementbyid
4 Enllaços d'interès

Validar un email d'un formulari

per assegurar-nos que ens omplen bé el camp email, podem usar aquesta expressió regular.


var regex = /^[a-zA-Z0-9\._-]+\@(\[?)[a-zA-Z0-9\-\.]+\.([a-zA-Z]{2,4}|[0-9]{1,3})(\]?)$/;
      if (!regex.test(f.ext_email.value))
      {
          alert('error en el format de l'email');
          return false;
      }
      return true;

posar transparència a les imatges png a Internet explorer 6 i 5


function PNG_loader() {
  for(var i=0; i<document.images.length; i++) {
    var img = document.images[i];
    var imgName = img.src.toUpperCase();
    if (imgName.substring(imgName.length-3, imgName.length) == "PNG") {
      var imgID = (img.id) ? "id='" + img.id + "' " : "";
      var imgClass = (img.className) ? "class='" + img.className + "' " : "";
      var imgTitle = (img.title) ? "title='" + img.title + "' " : "title='" + img.alt + "' ";
      var imgStyle = "display:inline-block;" + img.style.cssText;
      if (img.align == "left") imgStyle += "float:left;";
      if (img.align == "right") imgStyle += "float:right;";
      if (img.parentElement.href) imgStyle += "cursor:hand;";
      var strNewHTML = "<span " + imgID + imgClass + imgTitle
         + " style=\"" + "width:" + img.width + "px; height:" + img.height + "px;" + imgStyle + ";"
         + "filter:progid:DXImageTransform.Microsoft.AlphaImageLoader"
         + "(src=\'" + img.src + "\', sizingMethod='scale');\"></span>";
      img.outerHTML = strNewHTML;
      i--;
    }
  }
}
window.attachEvent("onload", PNG_loader);

guardem aquest ultim codi com a png.js al directori on volem.

I a l'html afegim aquesta linia.


<!--[if gte IE 5.5000]>
<script type="text/javascript" src="png.js"></script>
<![endif]-->

la propietat getelementbyid


<script>
  function input_readonly(posicio)
  {
      var tic = document.getElementById('field_'+posicio+'_streaming').checked;
      if(tic)
      {
          document.getElementById('field_'+posicio+'_fitxer').disabled = true;
          document.getElementById('field_'+posicio+'_imatge').disabled = true;
          document.getElementById('field_'+posicio+'_peu').disabled = true;
      }
      else
      {
          document.getElementById('field_'+posicio+'_fitxer').disabled = false;
          document.getElementById('field_'+posicio+'_imatge').disabled = false;
          document.getElementById('field_'+posicio+'_peu').disabled = false;
      }
  }

</script>