LesOlivex

Serveis informàtics



javascript: Trabajar con formularios

Category : javascript gen 27th, 2015

Ejemplos sobre manipulación de formularios en javascript.

Recoger valores de un formulario.

// Elemento que contiene el valor
var caixa_subtotal = document.getElementById('subtotal');

// Recoger el valor que obtiene convertido a numero e base 10
var subtotal   = parseInt(caixa_subtotal.value,10);

// Redondear numero
caixa_subtotal.value = Math.round(subtotal*100/100);

// Convertir a numero entero sin decimales
impresions = Math.floor(impresions);

Modificar elementos concretos dentro de un identificador.


// Caja contenedora
var el = document.getElementById("exemples");
// Elementos td dentro de la caja
var as = el.getElementsByTagName("td");
for (var i=0; i 0 ) {
      // Modificamos enlace
      enlace[0].href = "javascript: cambiar_imatge_exemple("+altura+");";
   }
}

Comprobar la existencia de una opción de un select.


var existe = false;
// Recorremos select
for (x = 0; x < caixa_altura.length; x++) {
   // Si el valor corresponde
   if(caixa_altura.options[x].value == imgAltura){
      existe = true;
      // Lo seleccionamos
      caixa_altura.options[x].selected = true;
      }
   }

// Sino existe lo añadimos
if ( existe == false ) {
   caixa_altura.options[caixa_altura.length]=new Option(imgAltura,imgAltura,"defaultSelected");
}

Comprobamos que el valor de un select no es nulo y la selección esta por encima de las dos primera opciones.


function select_modificado(theList){
   if (theList.value!='null' && theList.selectedIndex > 1 ) {
      theList.form.submit();
      }
   }

Reemplazar urls planas por enlaces html con javascript

Category : javascript gen 27th, 2015

Script para detectar enlaces y generar el código automáticamente

Función que remplaza los enlaces planos por enlaces html:

function replaceURLWithHTMLLinks(text) {
   var exp = /(\b(https?|ftp|file):\/\/[-A-Z0-9+&@#\/%?=~_|!:,.;]*[-A-Z0-9+&@#\/%=~_|])/gi;
   return text.replace(exp,"<a href='$1'>$1</a>");
   }

Forma de utilizarla:

var elements = document.getElementsByClassName('contingut_comentari');

for(var i = 0;i < elements.length;i++) {
   elements[i].innerHTML = replaceURLWithHTMLLinks(elements[i].innerHTML);
   }

Evitar problemas en formularios con las comillas en php y javascript

Category : javascript, php, Programación gen 3rd, 2015

En el caso de un valor que nos viene de la base de datos, desde PHP:

<input type="hidden" name="pLitLink[$i]" id="pLitLink" value="<?php echo htmlentities($vLitLink, ENT_QUOTES, 'UTF-8'); ?>">;

Escapamos las comillas dobles.

Al introducir contenido desde javascript

theFirstTD1.innerHTML = '  <input type=\"hidden\" name=\"pLitLink['+ numLinks +']\" id=\"pLitLink\" value=\"'+ theForm.fLit.value.replace(/"/g, '&quot;') +'\">';

Utilizamos comillas simples para value.

Antes de insertarlos en la base de datos:

if (!get_magic_quotes_gpc()) {
   for ($i=0;$i&lt;count($pURLLink);$i++){
      $pURLLink[$i]=addslashes(trim($pURLLink[$i]));
   }
}

Escapamos variables en caso de que no haga directamente PHP.

Al crear la sql:

$insertItem = "INSERT INTO linksarticles (nIdArticle,vchLitLink,vchURLLink) VALUES ($nIdArticle,'$aLitLinks[$i]','$aURLLinks[$i]') ";