Función PHP para remover todo código Javascript

Con la siguiente función podrán remover todos los códigos Javascript almacenados en una variable.

Por ejemplo, si están usando Fckeditor y no desean que alguien pueda insertar un código Javascript, esta función les servirá de mucho.

<?php
function remover_javascript($html)
{
$javascript = ‘/<script[^>]*?>.*?<\/script>/si’;  //Expresión regular buscará todos los códigos Javascripts 
$html = preg_replace($javascript, “”, $html);
$javascript = ‘/<script[^>]*?javascript{1}[^>]*?>.*?<\/script>/si’;
$html = preg_replace($javascript, “”, $html); //Expresión regular buscará todos los códigos Javascripts 
return $html;
}

//Ejemplo de uso

$html = “<html><head><script>alert(‘Hola mundo’);</script></head><body><h2>Hola</h2></body> </html>”;

echo remover_javascript($html);

//Retornará

<html><head></head><body><h2>Hola</h2></body> </html>

?>

HTML5 como dibujar un cuadrado con fillRect y CANVAS

Por si no sabian que es canvas es un elemento HTML incorporado en HTML5 que permite generar gráficos estáticos y animaciones.
Osea, es una etiqueta html donde podemos hacer dibujos y animaciones

La sintáxis de canvas es

<canvas id=“identificador” width=“600” height=“600”> </canvas>

Donde width=“600” height=“600” definen el área de trabajo donde se podrá dibujar e id=”identificador” es el atributo que nos servirá como referencia al momento de dibujar sobre <canvas>.

En está ocación les mostraré como hacer un cuadrado dentro del elemento <canvas>

  • PASO 1 Configurar el doctype de la página y  escribir  etiqueta <canvas> con sus respectivos atributos
    <!DOCTYPE html>  (ESTO VA EN LA PRIMERA LINEA DE CÓDIGO)
    <canvas id=”identificador” width=”600″ height=”600″> </canvas>  (Dentro del <body>)
  • Paso 2.- Crear función JAVASCRIPT  que dibuje sobre canvas

function dibujar_cuadro()
{
var lienzo = document.getElementById(“lienzo”);
var trabajo = lienzo.getContext(“2d”); //Siempre requerida
trabajo.fillStyle=”#ccc”;
trabajo.fillRect(150,150,300,300);

  • Paso 3.- Agregar función al onload, para que sea ejecutada al abrir la página
<body onload=“dibujar_cuadro();”

Explicación de la función


* En la primera línea de nuestra función var lienzo = document.getElementById(“lienzo”); estamos almacenando en una variable al elemento <canvas> para poder trabajar con el.
* En la segunda línea  var trabajo = lienzo.getContext(“2d”); crea una variable llamada trabajo la cual tendrá los métodos para dibujar líneas, cuadros, círculos y más…
* La tercera trabajo.fillStyle=“#ccc“; está indicando que el color del relleno será “#ccc” mas o menos gris.
* La cuarta y última línea trabajo.fillRect(150,150,300,200); Está indicando el tamaño y la posición del cuadrado dentro de la etiqueta <canvas>
la función fillRect dibuja un cuadrado relleno con el color especificado en fillStyle y utiliza la siguiente sintáxis:

 fillRect(Espaciado a la izquierda , Espaciado superior, Ancho del rectangulo, Alto del rectangulo);

El código final quedará asi!
<html xmlns=”http://www.w3.org/1999/xhtml”&gt;
<head>
<meta http-equiv=”Content-Type” content=”text/html; charset=utf-8″ />
<title> Como dibujar un cuadrado con fillRect y CANVAS </title>
<script>
function dibujar_cuadro()
{
var lienzo = document.getElementById(“lienzo”);
var trabajo = lienzo.getContext(“2d”); //Siempre requerida
trabajo.fillStyle=“#ccc”;
trabajo.fillRect(150,150,300,200);
}
</script>
</head>
<body onload=”dibujar_cuadro();“>
<canvas id=”lienzo” style=“border:1px #D5D5D5 solid;” width=”600” height=”600“></canvas>
</body>
</html> 

Para mas información visitar: http://www.w3schools.com/html5/html5_ref_canvas.asp

Como usar ajax $.ajax con Jquery y PHP

En este breve tutorial les voy a explicar como utilizar la forma mas básica de AJAX con Jquery: $.ajax y enviar un grupo de variables a un archivo PHP, al igual que mostrar un indicador al usuario de que se está procesando su solicitud.

Paso 1.- Primero que nada debes incluir la librería de Jquery en tu página (ya sea HTML o PHP) por medio de una etiqueta <script>:
<script src=http://code.jquery.com/jquery-1.5.js“></script>
Paso 2.- Ya teniendo la librería en nuestro página podemos ejecutar  $.ajax();
$.ajax se usa de la siguiente manera: Sigue leyendo

Como quitar etiquetas y etiquetas p por defecto en FCkeditor

El FckEditor es un completo editor de texto que puedes insertar en tu página Web .
Nos da la posibilidad de combinar  en un documento textos, imágenes, tablas, etc., y mostrar en pantalla una imagen exacta de cómo quedaría. Este tipo de aplicaciones son conocidas como WYSIWYG (What You See Is What You Get).

Hay que tener en cuenta que la posibilidad de inserción de contenido “html” en la web puede ser una fuente de problemas, ya que dependiendo del código insertado por el usuario, éste puede desestructurar nuestra web.

Uno de los problemas con los que me encontré en el FCKeditor es que por defecto se agregan ciertas etiquetas que son en algunos casos innecesarias como las siguientes: Sigue leyendo

Como saber si existe una función en Javascript

Si no estamos seguros de ejecutar alguna función en Javascript por el temor de que ocurriera un error en caso de que no exista podemos utilizar el siguiente código. El cual se encarga de detectar si existe tal función


<script type=”text/javascript”>

if(typeof window.alerta == ‘function’) { //Si existe una funcion llamada alerta

alert(“Tu función existe puedes utilizarla “);
alerta();  //Usamos la función
}else
{

alert(“La función no existe”);

}
function alerta()
{
           alert(“Esta siendo ejecutada”)
}
</script>