Entradas con la etiqueta ‘html’

XML DOM

Domingo, 14 de Marzo de 2010

Hola amigo programador, amiga programadora y/o despistado que cayo por casualidad jajaja, en está ocasión y siguiendo lo que vamos viendo en la universidad intentare medio explicarles un poco del código de xml dom, en un breve tutorial la verdad en los ejercicios estubierón un tanto complejos pero lo importante es que al final pudimos ejecutarnoslo.

XML dom se enfoca al manejo de nodos de un archivo xml, si nodos, como en estructuras de datos en java que vimos hace algunos ayeres.

Bien primero creamos nuestro archivo con extensión *.xml, en el cual iran todos los datos agrupados, como si se tratase de un mapa del sitio, o un catalogo dividido por secciones o algo así:


< ?xml version="1.0" encoding="ISO-8859-1"?>


  



    Bob Dylan
    USA
    Columbia
10.90
    1985
  
  

    Bonnie Tyler
    UK

    CBS Records
9.90
    1988
  
  

    Dolly Parton

    USA
    RCA
9.90
    1982
  
  

    Gary More
    UK
    Virgin redords
10.20
    1990
  

  

    Eros Ramazzotti
    EU
    BMG
9.90

    1997
  
  

    Bee Gees
    UK
    Polydor
10.90
    1998
  
  

    Dr.Hook
    UK

    CBS
8.10
    1973
  
  

    Rod Stewart

    UK
    Pickwick
8.50
    1990
  
  

    Andrea Bocelli
    EU
    Polydor
10.80
    1996
  

  

    Percy Sledge
    USA
    Atlantic
8.70

    1987
  
  

    Savage Rose
    EU
    Mega
10.90
    1995
  
  

    Many
    USA

    Grammy
10.20
    1999
  
  

    Kenny Rogers

    UK
    Mucik Master
8.70
    1995
  
  

    Will Smith
    USA
    Columbia
9.90
    1997
  

  

    Van Morrison
    UK
    Polydor
8.20

    1971
  
  

    Jorn Hoel
    Norway
    WEA
7.90
    1996
  
  

    Cat Stevens
    UK

    Island
8.90
    1990
  
  

    Sam Brown

    UK
    A and M
8.90
    1988
  
  

    T`Pau
    UK
    Siren
7.90
    1987
  

  

    Tina Turner
    UK
    Capitol
8.90

    1983
  
  

    Kim Larsen
    EU
    Medley
7.80
    1983
  
  

    Luciano Pavarotti
    UK

    DECCA
9.90
    1991
  
  

    Otis Redding

    USA
    Atlantic
7.90
    1987
  
  

    Simply Red
    EU
    Elektra
7.20
    1985
  

  

    The Communards
    UK
    London
7.80

    1987
  
  

    Joe Cocker
    USA
    EMI
8.20
    1987
  

Ya que esta nuestro archivo *.xml en nuestro servidor el cual en este caso llamamos “cd_catalog.xml”, crearemos los scripts dentro de un archivo html, para poder mostrarlos.
A continuación se detallan dos archivos HTML con 4 scripts de xml dom en total.

< !DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"

"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">











El segundo archivo html con su script en xmldom, y de los más complejos.






Y ya casi para concluir es necesario crear javascript en un archivo aparte para hacer el llamado al metodo “loadxmldoc” que se emplea en los 4 scripts, este script se encarga de abrir el archivo *.xml, por cierto a este archivo lo llamaremos “loadxmldoc.js”.

function loadXMLDoc(dname)
{
if (window.XMLHttpRequest)
  {
  xhttp=new XMLHttpRequest();
  }
else
  {
  xhttp=new ActiveXObject("Microsoft.XMLHTTP");
  }
xhttp.open("GET",dname,false);
xhttp.send("");
return xhttp.responseXML;
}

Bueno espero les sea de grandisima ayuda para los que hayan podido resolverlo y como aquellos que no hayan podido para darse una idea de como hubiera sido más o menos y también posiblemente algún día pueda servirnos de gran ayuda.

PD: Visualiza los ejemplos expuestos.
Ejemplo 1 xml dom, ejemplo 2 xml dom xml

PD2: Descarga todos los elementos clic.

PD3: English vertion.

aplication xml dom with scripts xml, in a html page.
xml dom use nodes how data structures and call for some scripts, written in programation language XML.

codigo para dejar comentarios tipo blog

Lunes, 22 de Febrero de 2010

Hola amig@s lectores hace algunos días me pidieron ayuda para un codigo en el cual se pueda dejar comentarios y leerlos, pero sin adentrarse mucho en los RSS, ni MySQL, así que me di a la tarea de buscar en mis codigos antiguos y por fin los encontre les explicare el tutorial paso a paso este codigo no es 100% mio me fui basando en varias ideas de algunos foros de programación web.

Tutorial:

Bien primero meteremos el siguiente codigo HTML en nuestra sección que queramos que aparesca un boton con la leyenda "dejar comentario" y crearemos otro boton "Ver comentarios" para que el usuario pueda dejar y ver los demás comentarios.

A está página llamaremos index.html

 

Ingresa tu nombre: Escribe tu comentario:

Ahora ya esta nuestra interfaz vamos con la parte un tanto más compleja pero sencilla. Crearemos un archivo nuevo en formato *.php, lo pueden lograr haciendo en bloc de notas y ahi guardando y cuando escriban el nombre le colocan el .php, entocnes el nuevo archivo se llamara: “revisarcomentario.php” el cual contendrá el siguiente código


< ?php
  $ar=fopen("comentariosl.txt","a") or
    die("Problemas en la creacion");
  fputs($ar,$_REQUEST['nombre']);
  fputs($ar,"\n");
  fputs($ar,$_REQUEST['comentarios']);
  fputs($ar,"\n");
  fputs($ar,"------------------------------------------------------------------");
  fputs($ar,"\n");
/*Creamos e imprimimos nombre y comentarios separados por una linea de guiones*/
  fclose($ar);
  echo "Los datos se cargaron correctamente.";
/*Cerramos el flujo abierto y mostramo que los datos si cargaron todo esto se guarda en el archivo txt*/
 ?>

 

Ahora ya revisamos el comentario y le mostramos al usuario que su comentario se cargo correctamente dandole dos opciones una para ver los comentarios y la otra para regresar a la página principal, ahora ya casi para concluir crearemos un tercer archivo el cual se llama "comentarios.php", en este nos encargaremos de mostrar los comentarios, lo podriamos jalar directamente desde el txt pero para una inteerfaz gráfica más bonita lo haremos así con sl siguiente codigo:

< !DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">






< ?php $ar=fopen("comentariosl.txt","r") or die("No se pudo abrir el archivo"); while (!feof($ar)) { $linea=fgets($ar); $lineasalto=nl2br($linea); echo $lineasalto; } fclose($ar); ?>

Y ya para concluir crearemos un archivo *.txt llamado "comentarios.txt" el cual estara vacio, ahora ya tenemos nuestros 4 archivos listos para funcionar, pero ocurre un pequeño problema los corres y no sirven en tu compu

¿Que es lo que pasa?
R= Sencillo no tienes configurado el servidor Apache en tu maquina así que la foma de comprobar que funcionana es subirlos a algun servidor de hosting en internet.

¿Al subirlos a un servidor no sirve el codigo?
R=Comprueba que las rutas y los archivos se llamn igual en los archivos y en el codigo fuente.

¿Ya comprobe los nombres pero mi servidor de hosting me marca error?
R=Esto es muy comun con lso servidores gratuitos (000webhost, aaacevedo, iespana, etc) los servidores gratutitos casi nunca permiten subir de este tipo de archivos en donde enlaces y hagas operaciones dentro de los servidores de entrada y salida de datos de flujo, la solución compra un hosting de pago/privativo o contactame puedo proporcionarte algun espacio en internet y tu cuenta ftp a bajos costos.

Espero el codigo anteriormente expuesto les sea de gran ayuda y los ayude muchisimo en sus proyectos.

Por cierto este codigo fue con el que empece originalmente hace casi ya tres años mi página web de puraslineas, pueden checar a la pagina en su primera version en:
PuRaSLiNeAs punto com Archivo 01

Ahi mismo observaran el funcionamiento del codigo anteriormente expuesto aquí.

Cualquier duda adelante pregunta que estoy para ayudarte.

Por cierto un saludo a la banda del "club de programación" que me solicito este codigo ojalá chavos y les sirva de mucho.

Codigo para hacer más vistosa la Web

Viernes, 19 de Febrero de 2010

Hola que tal pues muchos me han preguntado que pex que como hacen una página web más vistosa y que tenga un buen de efectos, podrían hacerla con Flash pero caga mucho la memoria caché y tarda muchisimo en cargar, podrían hacerla con otros lenguajes pero para lo basico y que iniciamos esta JavaScript, les dejo tres scripts muy sencillos, para que los implementen en su página web personal o donde sea.

Ah tambien es para probar el nuevo plugin que le instale al blog, saludos cordiales y vamonos con algo de JavaScript y HTML sencillo.

Deja tus comentarios o mentadas.

















Hello PuRaSLiNeAs!!!!!!!

I love you