Bienvenidos a Trocitos de programación


Bienvenidos a Trocitos de programación (En construcción)
Creo este blog para hacer como un pequeño repositorio de pequeños scripts o trocitos de código que he utilizado en algún momento y pueden ser útiles para otras personas o para mi mismo en algún momento.
Aclarar que no soy ningún experto en la materia ni mucho menos y que tampoco no todos los códigos estarán hechos por mi en su totalidad sino que igual en su momento busque una solución y encontre la solución completa o parcial.
(por esto pido comprensión si alguna vez alguien ve algun trocito que él mismo puso en algun foro ya que no puedo tener las fuentes de todas las cosas que he sacado de internet, si se diera el caso, el propietario que deje un comentario publicando su desaprobación de que yo publique ese contenido junto con un enlace al lugar en el que él lo publico, y mis más sinceras disculpas).

domingo, 28 de octubre de 2012

Multiplicar o duplicar div con JQuery

Con este trocito de codigo podemos duplicar o multiplicar campos de un formulario simplemente metiendolos dentro de un div (usando JQuery, para ver este ejemplo solo con javascript visita esta entrada):
Ejemplo:

Numero de inputs:

Código HTML:

<div>
      <form name="ejMultiInput">
             Numero de inputs:
             <input maxlength="2" name="numInputs" onkeyup="multiplicarInputs(this)" size="5" type="text" />
             <br />
             <div id="divMultiInputs">
             </div>
             <input onclick="controlMultiInput()" type="button" value="Comprobar" />
      </form>
</div>
Código Javascript:

function multiplicarInputs(text){
      var num= text.value
      var div='';
      for (var i=0;i<num;i++){ 
           var cont=i+1;
           div+="<br> Input text "+cont+"<input maxlength='5' name='inputTextMulti[]' size='6' type='text' />&nbsp;";
      }

      $("#divMultiInputs").html(div);
}
Y para realizar la recogida de datos:
En Javascript:

function controlMultiInput(){
      if ($("#numInputs").val().length<1){ 
            alert('Especifica el numero de Input text que quieres'); 
            return false;
      }

      if($("input[name='inputTextMulti[]']")){
            for (var i=0; i < $("#numInputs").val(); i++){
                  var cont=i+1;
                  if($("input[name='inputTextMulti[]']").get(i).value.length<1){alert('Debes introducir contenido del Input text '+cont);       return false;}
            }
      }else{
            if($("input[name='inputTextMulti[]']").length<1){
                  alert('Debes rellenar el unico Input text');
                  return false;
            }
      }
      alert('Formulario correcto');
}
En PHP:

$inputs=$_POST['inputTextMulti'];
for ($i=0; $i<count($inputs);$i++){
      $cont=$i+1;
      if (empty($inputs[$i])){
            $fallos.="<br>Debes rellenar introducir contenido para el Input text $cont.";
      }
}
if ($fallos!=""){
      echo $fallos;
}else{
    .... RESTO DEL PROGRAMA
Bueno ahí lo dejo, seguro que hay alguna forma mejor o más optima pero yo lo resolví así, si alguien quiere poner un comentario explicando una forma mejor que no se vea cohibido puesto que la función de este blog es ayudar y mejorar en la medida de lo posible.

Un saludo.

Ocultar y mostrar div con JQuery

Con este trocito de código podemos ocultar o mostrar un div u otro dependiendo el valor seleccionado en un select option de HTML (usando JQuery, para ver esto usando solo javascript visita esta entrada )
Ejemplo:
Nuestro numero de cuenta es: 000000000000000000000

Codigo HTML:

<div>
      <div>
           <SELECT NAME="pago" onChange="pagoOnChange(this)">
              <OPTION VALUE="transferencia">Transferéncia</OPTION>
              <OPTION VALUE="tarjeta">Pago con tarjeta</OPTION> 
           </SELECT>
      </div>
      <div id="nCuenta" style="display:none;">
           Nuestro numero de cuenta es: 000000000000000000000
      </div>
      <div id="nTargeta" style="display:;">
           <br>
           Numero*
           <br>
           <input type='text' name='nTarjeta'size='20' maxLength='60'>
           <br><br>
           Titular*
           <br>
           <input type='text' name='titularTarjeta'size='20' maxLength='60'>
           <br><br>
           Numero de seguridad*
           <input type='text' name='numeroSeguridad'size='3' maxLength='3'>
      </div>
</div>
Codigo Javascript:

function pagoOnChange(sel) {
      if (sel.value=="transferencia"){
           $("#nCuenta").show();
           $("#nTargeta").hide();

      }else{

           $("#nCuenta").hide();
           $("#nTargeta").show();

      }
}
Bueno ahí lo dejo, seguro que hay alguna forma mejor o más optima pero yo lo resolví así, si alguien quiere poner un comentario explicando una forma mejor que no se vea cohibido puesto que la función de este blog es ayudar y mejorar en la medida de lo posible.

Un saludo.

Crear o modificar un fichero .txt con PHP

Con este trocito de codigo podemos crear y escribir en un fichero .txt:
NOTA: en servidores Linux seguramente debereis darle permisos en el Sistema operativo  
Código HTML:

<div>
      <form name="control" method="post" action="">
            Da Nombre : <br>
            <input type = "text" name="nombre" size="20" maxlength="15"><BR>
            Da Apellidos : <br>
            <input type = "text" name="apellido" size="20" maxlength="19"><BR>
            Da Correo : <br>
            <input type = "text" name="correo" size="30" maxlength="28"><BR><br>
            <input type= "submit" value="Enviar" ><br><br>
      </form>
</div>

Código PHP:

$nombre = trim($_POST["nombre"]);         //Recogemos el nombre *borrando espacios en blanco de delante
$apellido = trim($_POST["apellido"]);     //Recogemos el apellido *borrando espacios en blanco de delante
$correo = trim($_POST["correo"]);         //Recogemos el correo *borrando espacios en blanco de delante
$fecha = date("d/m/y");                   //Recogemos la fecha actual en formato dd/mm/yyyy

if ((strlen($nombre)>0) && (strlen($apellido)>0) && (strlen($correo)>0)) {
    $file=fopen("fichero.txt","a");   //fopen intenta abrir el archivo 'fichero.txt' con permisos de lectura y escritura, y con el parametro 'a' si no existe lo crea 

    $f = "Fecha: ";
    $cad = $fecha;
    $cad = $f . "$cad";
    $cad = $cad . "<br>";
    fputs($file,$cad);      //Inserta en el fichero la cadena
    

    $c = "Nombre: ";
    $cad=$nombre;
    $cad=$c . "$cad";
    $cad=$cad . "<br>";
    fputs($file,$cad);  //Inserta en el fichero la cadena
    

    $c = "Apellido: ";
    $cad = $apellido;
    $cad = $c . "$cad";
    $cad = $cad . "<br>";
    fputs($file,$cad);  //Inserta en el fichero la cadena

    

    $c = "Correo: ";
    $cad = $correo;
    $cad = $c . "$cad";
    $cad = $cad . "<br><hr>";
    fputs($file,$cad);      //Inserta en el fichero la cadena

    fclose($file);      //Cierra el fichero 

} else {
    echo "Algún campo del formulario esta vacio.";
} 
    

Bueno ahí lo dejo, seguro que hay alguna forma mejor o más optima pero yo lo resolví así, si alguien quiere poner un comentario explicando una forma mejor que no se vea cohibido puesto que la función de este blog es ayudar y mejorar en la medida de lo posible. Un saludo.