Cómo copiar, cortar y pegar contenidos en el portapapeles con JavaScript

El navegador Internet Explorer 10 fue el primero que añadió soporte para «copiar y pegar» contenidos mediante el método Document.execCommand() de JavaScript. El resto de navegadores también han añadido soporte para esta funcionalidad, como por ejemplo Google Chrome, que lo soporta desde la versión 43. Gracias a esta funcionalidad, cualquier texto seleccionado en el navegador se puede cortar o copiar en el portapapeles. Combinándola con otras técnicas, como la API Selection de JavaScript, puedes crear un botón llamado Copiar para copiar al portapapeles cualquier contenido de una página. Un ejemplo sencillo Para empezar con un ejemplo…

Leer más

Centrar DIV horizontal en CSS

Éste tutorial tiene como objetivo, explicar cómo centrar todo el diseño de una web horizontalmente. Nota: Para éste tutorial necesitas tener previos conocimientos sobre XHTML y CSS. <div id=»wrap»> Crearemos un div con el id wrap alrededor de todo el contenido de la página. Recuerde que puede cambiar el id por cualquier otro nombre que ústed desee, o le parezca conveniente. Tendriamos algo como ésto. CSS Para que el #wrap centre el contenido utilizaremos CSS. Utilizaremos margenes automáticos para centrar el div, y recuerde que éste debe tener un tamaño, ya sea en pixeles, em o porcentajes. #wrap { margin:0 auto 0 auto;…

Leer más

Configurar tu web para usar UTF-8

El eterno problema de no ver los caracteres de nuestra aplicación web de la manera correcta (tildes, acentos, eñes) desde diferentes plataformas es algo que suele irritar a más de uno cuando se inicia en este desgraciado medio. Sin embargo, no os preocupéis, que desde hace un tiempo elaboramos una lista (salu2 charly!) explicando qué hacer y en dónde para que tanto en la aplicación como en la base de datos se usara UTF-8 para los juegos de caracteres. He aquí los pasos a tener en cuenta: 1. Cabeceras En…

Leer más

Cómo hacer un login de usuarios en PHP

Crearemos un formulario de login en PHP en 4 sencillos pasos. Necesitamos crear varios archivos y carpetas primero: Paso 1: crear el archivo php.php y guardarlo en /application/controllers/ Paso 2: crear el archivo login.php y guardarlo en /application/views/ Paso 3: crear usuarios_model.php y guardarlo en /application/models/ Paso 4: crear la tabla mysql con algunos usuarios de prueba Paso 1: Código para el controlador «php.php»: Código : <? class Php extends CI_Controller {    function login()    {       $this->load->helper(‘form’);       if(!isset($_POST[‘maillogin’])){   //   Si no recibimos ningún valor proveniente del formulario, significa que el usuario recién ingresa.   …

Leer más

Subir ficheros al servidor (FTP)

En entregas anteriores ya se indicó como acceder vía FTP al servidor remoto. Por lo tanto, no vamos a volver a explicar como conectarnos a nuestro servidor mediante FTP y daremos por supuesto que ya estamos conectados. Una vez estemos conectados, nos aparecerá una imagen similar a la siguiente: Ahora debemos entrar en el directorio remoto htdocs (en otros servidores el nombre del directorio de trabajo suele ser public_html ó www). Este directorio es en el que debemos crear nuestras páginas en PHP ya que será el directorio que el…

Leer más

Hosting gratuito: elegir, crear la cuenta en servidor PHP

CREAR CUENTA DE HOSTING GRATUITA En Internet hay muchas páginas web que permiten crear una cuenta de hosting gratuito en un servidor php: por ejemplo www.000webhost.com, www.byethost.com, www.agilityhoster.com y varios más. Creando una cuenta en un hosting gratuito, disponemos de un servidor (que compartimos con otros usuarios) donde podemos alojar una página web. Para este curso, vamos a utilizar un servidor gratuito porque es adecuado para aprender. En concreto usaremos el servidor de Byethost (byethost.com), aunque podríamos usar cualquier otro porque todos ellos son similares. También, si dispones de una…

Leer más

Elegir navegador. Descarga e instalación. Ventajas de Google Chrome. Visualizar páginas PHP

A continuación emplearemos Google Chrome, pero si lo prefieres por algún motivo como tenerlo ya instalado, Mozilla Firefox también nos parece una opción recomendable, y puedes seguir este curso también con este navegador. Otros navegadores como Internet Explorer también se pueden usar, pero en principio no es lo más recomendable por diversos motivos. Uno de ellos es que no dispone de las mismas herramientas que Chrome o Firefox, que son los navegadores más usados por programadores y desarrolladores web. Vamos a citar algunas ventajas de Google Chrome: a) El navegador…

Leer más

Descargar Filezilla: cliente FTP para acceso a archivos en un servidor remoto.

Una forma de trabajar en desarrollos webs es remotamente. Es decir, modificando directamente en el servidor, donde tengamos nuestro sitio web, los archivos necesarios. La otra forma de trabajo sería el trabajo en local, es decir, manteniendo los archivos en nuestro propio ordenador. En general, los desarrollos web se hacen sobre servidores remotos y para trabajar con ellos tenemos que trabajar remotamente. Para esto, lo que tenemos que hacer en primer lugar es instalar un cliente FTP. Un cliente FTP es un programa que nos permite conectarnos a un servidor…

Leer más

Preparar el entorno de desarrollo para programar en PHP.

Vamos a comenzar a preparar el entorno con el que vamos a trabajar para poder crear páginas web durante este curso. Lo primero que debemos hacer es descargar el editor de texto Notepad++ e instalarlo. Para ello nos vamos a ir a la dirección siguiente: http://notepad-plus-plus.org   Cuando la página haya terminado de cargar, hacemos click en la sección download del menú. Ten en cuenta que la apariencia de la página web puede cambiar cada pocos meses. En la página web que nos aparecerá, descargamos la versión “Installer” actual. El…

Leer más

Aprende cómo escribir código PHP y crear webs dinámicas

¿QUÉ NECESITO PARA ESCRIBIR CÓDIGO PHP Y CREAR PÁGINAS WEB DINÁMICAS? Los requisitos indispensables para poder escribir y crear páginas PHP son los siguientes: 1.- Disponer de un editor de textos con el que escribir el código de la página PHP. Por ejemplo el Notepad++ es más que suficiente (el “Bloc de notas” de Windows también valdría pero es mucho más limitado). En vez de un editor de textos podríamos usar un programa más avanzado (entorno de desarrollo), pero en este curso vamos a centrarnos en el manejo básico de…

Leer más