Upload
phungkhue
View
220
Download
0
Embed Size (px)
Citation preview
1
UNIVERSIDAD DE GUAYAQUIL
FACULTAD DE CIENCIAS MATEMATICAS Y FISICAS
CARRERA DE INGENIERIA EN SISTEMAS
COMPUTACIONALES
“ENCICLOPEDIA WEB INFORMATICA SOBRE
FUNCIONES Y PROCEDIMIENTOS DE LENGUAJES DE
PROGRAMACION ORIENTADA A LA IMPLEMENTACION
DE E-LEARNING”
Proyecto #17
TESIS DE GRADO
Previa a la obtención del Título de:
INGENIERO EN SISTEMAS COMPUTACIONALES
AUTOR: CARLOS ANTONIO ZAMBRANO IZQUIERDO
TUTOR: ING. XAVIER LOAIZA
GUAYAQUIL – ECUADOR
2010
2
Guayaquil, 11 de octubre del 2010
APROBACION DEL TUTOR
En mi calidad de Tutor del trabajo de investigación, “Enciclopedia Web Informática
Sobre Funciones y Procedimientos de Lenguajes de Programación Orientada a la
Implementación de E-Learning” elaborado por el Sr. Carlos Antonio Zambrano
Izquierdo, egresado de la Carrera de Ingeniería en Sistemas Computacionales,
Facultad de Ciencias Matemáticas y Físicas de la Universidad de Guayaquil, previo a la
obtención del Título de Ingeniero en Sistemas, me permito declarar que luego de haber
orientado, estudiado y revisado, la Apruebo en todas sus partes.
Atentamente
………………………………….
Ing. XAVIER LOAIZA
TUTOR
3
DEDICATORIA
Todo esfuerzo tiene su recompensa, cuando
uno cae se levanta y sigue, por eso, mi trabajo
es dedicado a todas las personas quienes su
vida se base en la perseverancia y actitud.
4
AGRADECIMIENTO
Agradezco a Dios sobre todas las cosas, a mis
padres y hermanos quienes son mi ejemplo de
superación y agradezco también a mis
compañeros de tesis que supieron trabajar en
equipo para alcanzar la meta planteada.
5
TRIBUNAL DE GRADO
Ing. Frenando Abad Montero Ing. Juan Chanabá Alcócer
DECANO DE LA FACULTAD DIRECTOR
CIENCIAS MATEMATICAS Y FISICAS
Ing. Xavier Loaiza Ing.
TUTOR PROFESOR DEL ÁREA - TRIBUNAL
AB. Juan Chávez A.
SECRETARIO
6
UNIVERSIDAD DE GUAYAQUIL
FACULTAD DE CIENCIAS MATEMATICAS Y FISICAS
CARRERA DE INGENIERIA EN SISTEMAS
COMPUTACIONALES
“ENCICLOPEDIA WEB INFORMATICA SOBRE
FUNCIONES Y PROCEDIMIENTOS DE LENGUAJES DE
PROGRAMACION ORIENTADA A LA IMPLEMENTACION
DE E-LEARNING”
RESUMEN
El internet es una gran herramienta para la búsqueda de información, todo al
instante y todo detallado, pero a su vez todo un poco desorganizado, el estudiante
que está aprendiendo a programar, empieza conociendo lo básico de cualquiera
que sea el lenguaje que esté usando, con el tiempo tendrá que ir perfeccionando
su técnica de desarrollo y dependiendo de los procesos que esté desarrollando ,
tendrá que utilizar un sin número de funciones o procedimientos que dicho lenguaje
de programación le facilite para su uso.
El estudiante tendrá que aprender a usar esas funciones o procedimientos, pero,
¿qué ocurre cuando no las conoce o no las sabe utilizar?, hay muchos libros de
programación en las bibliotecas, pero muy pocos “manuales de bolsillo” que le
indiquen las funciones, su sintaxis, su formato o tal vez ejemplos de su uso. Es ahí
cuando el estudiante o profesional pierde un tiempo valioso en la búsqueda de
información cuando ese tiempo lo puede utilizar en implementar la misma.
Autor: Carlos A. Zambrano Izquierdo
Tutor: Ing. Xavier Loaiza
7
UNIVERSIDAD DE GUAYAQUIL
FACULTAD DE CIENCIAS MATEMATICAS Y FISICAS
CARRERA DE INGENIERIA EN SISTEMAS
COMPUTACIONALES
ENCICLOPEDIA WEB INFORMATICA SOBRE FUNCIONES
Y PROCEDIMIENTOS DE LENGUAJES DE
PROGRAMACION ORIENTADA A LA IMPLEMENTACION
DE E-LEARNING
Proyecto de trabajo de grado que se presenta como requisito para optar por el título de
INGENIERO EN SISTEMAS COMPUTACIONALES
Auto: Carlos Antonio Zambrano Izquierdo
C.I.: 0916634264
Tutor: Ing. Xavier Loaiza
Guayaquil, octubre de 2010
8
CERTIFICADO DE ACEPTACIÓN DEL TUTOR
En mi calidad de Tutor del Primer Curso de Fin de Carrera, nombrado por el
Departamento de Graduación y la Dirección de la Carrera de Ingeniería en Sistemas
Computacionales de la Universidad de Guayaquil,
CERTIFICO:
Que he analizado el Proyecto de Grado presentado por el egresado Carlos
Antonio Zambrano Izquierdo, como requisito previo para optar por el título de
Ingeniero cuyo problema es:
Enciclopedia Web Informática Sobre Funciones y Procedimientos de Lenguajes de
Programación Orientada a la Implementación de E-Learning.
Considero aprobado el trabajo en su totalidad.
Presentado por:
Carlos Antonio Zambrano Izquierdo _____0916634264_____
Apellidos y Nombres completos Cédula de ciudadanía N°
Tutor: __Ing. Xavier Loaiza________
Guayaquil, octubre de 2010
9
INDICE GENERAL
Caratula. 1
Aprobación del tutor. 2
Dedicatoria. 3
Agradecimiento. 4
Firmas del Tribunal de Grado. 5
Resumen. 6
Certificado de aceptación del tutor. 8
Indice General. 9
Indice de gráficos. 11
Introducción. 12
CAPITULO I. “EL PROBLEMA”. 13
1.1. Ubicación del problema en un contexto. 13
1.2. Situación conflicto, nudos críticos. 14
1.3. Causas del problema, Consecuencias. 14
1.4. Delimitación del problema. 15
1.5. Formulación del problema. 15
1.6. Evaluación del problema. 15
1.7. Objetivos de la investigación 17
1.7.1. Objetivos Generales. 17
1.7.2. Objetivos Especificos. 17
1.8. Alcances de la investigación. 18
1.9. Justificación e Importancia de la investigación. 19
10
CAPITULO II. “MARCO TEORICO”. 20
2.1. Antecedentes del estudio. 20
2.2. Fundamentación Teorica. 20
2.2.1. Conceptos Utilizados. 20
2.2.2. Arquitectura del Proyecto. 21
2.2.3. Estudio de Factibilidad. 24
2.2.3.1. Factibilidad Operacional 24
2.2.3.2. Factibilidad Teorica. 25
2.2.3.3. Factibilidad Económica. 25
2.3. Fundaenteción legal. 26
2.4. Hipotesis, preguntas a contestarse. 27
2.5. Variables de la investigación. 28
2.6. Definiciones conceptuales. 28
CAPITULO III. “METODOLOGIA” 30
3.1. Modalidad de la investigación. 30
3.2. Tipo de investigación. 30
3.3. Instrumentos de recolección de datos. 31
3.4. Procesamientos de la investigación. 31
3.5. Recolección de la inforación. 33
CAPITULO IV. “MARCO ADMINISTRATIVO”. 34
4.1. Cronograma. 34
4.2. Presupuesto. 39
Referencias Bibliográficas. 40
11
INDICE DE GRAFICOS
Pág.
GRAFICO 1.
Arquitectura n Capas 22
GRAFICO 2.
Arquitectura AJAX 23
GRAFICO 3.
Arquitectura AJAX Tiempos 23
GRAFICO 4.
Arquitectura Elearning 24
12
INTRODUCCIÓN
En la actualidad las personas por debido al desarrollo de sus actividades laborales
disponen de muy poco tiempo para dedicarse al enriquecimiento profesional por ese
motivo optamos por el uso del modelo de estudios a distancia E-Learning, el cual
enfoca muchos aspectos funcionales que se pueden desarrollar de una manera
progresiva a tal punto de llegar a ser una herramienta eficiente, fuerte y estable para
el alumnado de la carrera, ayudado por documentación en línea y apoyado con
tutores o profesores que estarán siempre respondiendo a cualquier inquietud del
mismo.
Mi proyecto a platearse es solucionar una necesidad específica al sistema,
enfocado a problemas que todo estudiante de Sistemas tiene al momento de aprender
una nueva plataforma o herramienta de programación.
Mi proyecto o propuesta de tesis la denominaré en el transcurso del desarrollo del
mismo como: “WikiFunciones”.
Con la flexibilidad que ofrece e-Learning, su Facilidad de acceso, sus bajos costos
y la reducción en tiempos de aprendizaje, hacen de este la mejor solución en para el
estudio no presencial.
Durante el desarrollo de este documento explicare como el modulo Wikifunciones
ayudara al estudiante en el aprendizaje y manejo de los diferentes lenguajes de
programación, sin la necesidad de navegar por un sin número de sitios web
desordenadamente hasta encontrar soluciones.
13
CAPÍTULO I
EL PROBLEMA
“Enciclopedia Web Informática Sobre Funciones y Procedimientos de
Lenguajes de Programación Orientada a la Implementación de E-Learning"
1.1. UBICACIÓN DEL PROBLEMA EN UN CONTEXTO
El internet es una gran herramienta para la búsqueda de información, todo al instante
y todo detallado, pero a su vez todo un poco desorganizado, el estudiante que está
aprendiendo a programar, empieza conociendo lo básico de cualquiera que sea el
lenguaje que esté usando, con el tiempo tendrá que ir perfeccionando su técnica de
desarrollo y dependiendo de los procesos que esté desarrollando , tendrá que utilizar
un sin número de funciones o procedimientos que dicho lenguaje de programación le
facilite para su uso.
El estudiante tendrá que aprender a usar esas funciones o procedimientos, pero, ¿qué
ocurre cuando no las conoce o no las sabe utilizar?, hay muchos libros de
programación en las bibliotecas, pero muy pocos “manuales de bolsillo” que le
indiquen las funciones, su sintaxis, su formato o tal vez ejemplos de su uso. Es ahí
cuando el estudiante o profesional pierde un tiempo valioso en la búsqueda de
información cuando ese tiempo lo puede utilizar en implementar la misma.
14
1.2. SITUACIÓN CONFLICTO NUDOS CRÍTICOS
El problema es no obtener de manera rápida en un mismo lugar y al alcance del
usuario que está conectado, toda la gama de información de funciones y
procedimientos de los lenguajes de programación actuales, con información
suficiente que satisfaga las necesidades de los programadores y que al mismo
tiempo permita consultar a más personas en una gran comunidad de
desarrolladores sobre el uso de las mismas.
Herramientas como .NET, IIS, son exclusivas de su fabricante lo cual nos limita
en parte el acceso a sus manuales en línea.
Otras herramientas como PHP, JAVA. Son en ocasiones más difícil de encontrar
ejercicios y notas sobre sus funciones y procedimientos. Y lo mas critico es no
poder encontrar en un mismo sitio toda esa información.
1.3. CAUSAS Y CONSECUENCIAS DEL PROBLEMA
Las consecuencias más notorias:
El alumno no cumple con sus tareas.
Perdida del interés por el lenguaje.
Poca importancia por la programación.
Pérdida de tiempo valioso en la búsqueda de un lugar a otro por una
función de un tema especifico.
15
1.4. DELIMITACIÓN DEL PROBLEMA
Este sitio Web tendrá el acceso de los estudiantes pertenecientes a la Carrera de
Ingeniería en Sistemas de la Universidad de Guayaquil, los cuales formarán una
comunidad que apoyara al incremento de información a “Wikifunciones”.
Se busca con esto alcanzar un mayor grado de aprendizaje por parte del estudiante,
obteniendo mejoras en el desarrollo de sistemas y crear un sentido de colaboración
entre ellos. Agregar o editar datos dentro de la Wiki ayudara a incrementar
conocimientos al sistema y que el alumnado pueda interactuar con un tutor o sus
compañeros para entregar ayudas o soluciones en los códigos que aquí en la Wiki
pudieran encontrar.
1.5. FORMULACIÓN DEL PROBLEMA
El problema es no obtener de manera rápida, en un mismo lugar, clasificado y
ordenado, toda la gama de información de funciones y procedimientos de los
distintos lenguajes de programación actuales, tanto que se le dificulte al estudiante
realizar investigaciones eficientes para solucionar problemas lógicos o estructurales
en códigos de programación en lenguajes algo confusos.
1.6. EVALUACIÓN DEL PROBLEMA
Los aspectos generales de evaluación son:
Delimitado: El sitio web será montado en una plataforma e-learning el cual será
accedido por los alumnos de la Carrera de Ingeniería de Sistemas y contemplará los
lenguajes más comunes. La base de datos tendrá lenguajes actuales como: AJAX,
JAVA, JAVASCRIPT, HTML, PHP, ORACLE, SQL, VISUAL BASIC .NET, etc.
16
y otros más antiguos como: C++, COBOL, FOXPRO/VISUAL FOXPRO, VISUAL
BASIC, etc.
Claro: desarrollar una solución web, que permita incorporar en un mismo sitio, de
forma ordenada y clasificada, toda una enciclopedia de funciones y procedimientos
de programación que abarque los lenguajes que actualmente están en el mercado
informático y que el estudiante este utilizando para sus clases universitarias.
Relevante: Mantener ordenada la información en la plataforma e-learning hace más
fácil, flexible, rápida y eficiente la manera de ejecutar sistemas que requieran de
códigos difíciles, los alumnos son los propios ejecutores de una buena información.
Como ejemplo tenemos la Wikipedia, el cual se basa en publicaciones de los
mismos lectores que cumpliendo una serie de simples configuraciones han
mantenido un portal de buena calidad de información.
Factible: El sistema se basa en lenguaje PHP lo cual lo hace flexible en desarrollo y
de acceso gratuito, los alumnos pueden leer la información y al mismo tiempo
pueden retroalimentar la base de funciones agregando nuevas o editando las ya
existentes.
Variables: Ias variables identificadas en el desarrollo son: los alumnos de CISC, las
materias que hagan referencia a lenguajes de programación y el internet.
17
1.7. OBJETIVOS
1.7.1. Objetivo General
Desarrollo de un Sitio Web que permita obtener de manera ordenada y
clasificada, toda información referente a funciones y procedimientos de los
distintos lenguajes de programación y además deberá permitir el ingreso, edición
o eliminación de los textos compartidos por los múltiples usuarios registrados.
1.7.2. Objetivos específicos
Para cumplir con el objetivo general se plantea lo siguiente:
1. Permitir el acceso al sitio web por registro de usuario.
2. Establecer distintos métodos de búsqueda.
3. Diseñar una interface para el ingreso y edición de textos que permitan
adicionar información al sitio web.
4. Elaborar un control del historial de cambios en la información y
seguridad administrativa sobre los usuarios.
5. Ofrecer una interface que permita compartir preguntas y respuestas sobre
los datos mostrados por el sitio web.
18
1.8. ALCANCES
Para cumplir con los objetivos específicos se plantean los siguientes alcances por
cada uno:
Los perfiles de usuario identificarán los accesos a la aplicación,
todos los accesos seran para vizualización y edición pero solo el
acceso de profesores serán de tipo administrativo.
Se integrará una opción de búsqueda de información, clasificada
por: nombres de los lenguajes de programación, iniciales
alfanuméricas y un casillero de búsqueda por cualquier tipo de
texto ingresado.
Los usuarios que quieran colaborar con más información para el
sitio, tendrán una interface que les ayudara muy fácilmente a
ingresar datos que podrán ser editados por otros usuarios.
La información mostrada tendrá contenido como: Lenguaje de
programación al que pertenecen, nombre del objeto, nombre de la
función o método, descripción, sintaxis, variables, descripción de
variables y ejemplos de uso.
Para mantener un control sobre la información que entra al sitio, el
usuario que ingrese o edite textos, podrá mantener un historial
sobre los cambios y ediciones previas a la misma.
19
El administrador podrá bloquear a usuarios que no cumplan con las
normas y reglamentos o que hayan sido denunciados por otros
usuarios, todo bajo una revisión del historial.
Cada función que se muestre en el sitio web tendrá un pequeño
espacio donde ingresar comentarios, notas o preguntas.
1.9. JUSTIFICACION E lMPORTANCIA
La aplicación Web tiene el propósito de brindarle al estudiante una herramienta de
información clasificada y ordenada, en la cual poder encontrar una extensa gama de
funciones y procedimientos de lenguajes de programación actuales y que estén
siendo usados como herramientas de aprendizaje en su nivel de estudio.
Los Estudiantes tendrán acceso desde el aula virtual y de los demás módulos de E-
learning, facilitara la enseñanza del profesor y ayudara al estudiante a tener
respuestas a sus inquietudes.
La terminología WIKI es utilizada para sitios web cuyas páginas pueden ser
editadas por múltiples voluntarios a través del navegador web. Los usuarios pueden
crear, modificar o borrar un mismo texto que comparten.
WIKIFUNCIONES es parte de proyecto E-Learning para la Carrera de Ingeniería en
Sistemas Computacionales de La Universidad de Guayaquil y será desarrollado
como una aplicación WEB 2.0, utilizando herramientas de desarrollo web y
tecnología AJAX.
20
CAPÍTULO II
MARCO TEÓRICO
2.1. ANTECEDENTES DEL ESTUDIO
Proyectos similares podemos encontrar en la web, por ejemplo:
http://php.net/manual/es/ (manuales de php), y la más conocida http://es.wikipedia.org
(enciclopedia mundial), pero se quiere juntar todo esto en un solo sitio, crear una
enciclopedia de funciones no solo de php, sino de c++, .net, etc. Un lugar donde se
encuentren todos los lenguajes y que obtenga las funcionalidades básicas de una wiki.
Para delimitar un poco se planeo aplicarlo en el modelo de estudios e-learning de la
carrera de Ing. De sistemas y así limitar el acceso solo a los estudiantes y profesores que
por medio de un logoneo puedan acceder a la información.
2.2. FUNDAMENTACIÓN TEÓRICA
2.2.1 Conceptos Utilizados
Wiki: Es una forma de sitio Web en donde se acepta que usuarios creen, editen,
borren o modifiquen el contenido de una página web, de una forma interactiva,
fácil y rápida. Dichas facilidades hacen de una wiki una herramienta efectiva
para la escritura colaborativa” (wikipedia) La utilización más conocida de los
wiki es wikipedia, la gran enciclopedia libre de Internet. [1]
____________
[1] Fuente: Pedro Cuesta Morales “Aplicaciones Educativas de la Web 2.0”
desde http://www.slideshare.net/pedrocuesta/wikis-70922
21
eLearning: El eLearning es la utilización de las nuevas tecnologías y de Internet
para mejorar la calidad del aprendizaje y facilitar el acceso a la educación y la
formación. “En la sociedad del conocimiento las nuevas Tecnologías de la
Información y la Comunicación (TIC) desempeñan un papel esencial. Como
resultado de la aplicación de esas nuevas tecnologías al ámbito de la educación y
de la formación surge el e-learning, que según definición de la Comisión
Europea es “la utilización de las nuevas tecnologías multimediales y de Internet
para mejorar la calidad del aprendizaje facilitando el acceso a recursos y
servicios, así como los intercambios y la colaboración a distancia”.[2]
2.2.2 Arquitectura del Proyecto
Aunque existen muchas variaciones posibles, una aplicación web está
normalmente estructurada como una aplicación de n-capas. En su forma más
común, el navegador web ofrece la primera capa y un motor capaz de usar
alguna tecnología web dinámica (ejemplo: PHP, Java Servlets o ASP) constituye
la capa intermedia. Por último, una base de datos constituye la última capa.
El navegador web manda peticiones a la capa de en medio que ofrece servicios
valiéndose de consultas y actualizaciones a la base de datos y a su vez
proporciona una interfaz de usuario Internet.
Se procederán a crear las capas necesarias y cada una realizara los
____________
[2] Fuente: Aula 10 en Español
desde http://www.auladiez.com/didactica/e-learning-01.html
22
procedimientos para los cuales han sido creadas. En la capa externa los
componentes sirven a las operaciones de interfaz del cliente. En la capa interna,
los componentes realizan operaciones de interfaz del sistema. Las capas
intermedias proporcionan servicios de utilidad y funciones del software de
aplicaciones.
Gráfico.1 Arquitectura N Capas
Fuente: http://www.google.com
Apache PHP,
Tomcat
23
Gráfico.2 Arquitectura Modelo AJAX
Fuente: http://www.google.com
Gráfico.3 Arquitectura Modelo Ajax “Tiempos”
Fuente: http://www.google.com
24
Gráfico.4 Modelo E-Learning
Fuente: http://escuela.med.puc.cl/publ/arsmedica/ArsMedica15/EducacionMedicaDistancia.html
2.2.3 Estudio de Factibilidad
2.2.3.1 Factibilidad operacional
El módulo WikiFunciones, será desarrollado en una interfaz sencilla,
de fácil uso, de tal forma que su utilidad sea fácil de aprender y de
manejar. De esta forma evitaríamos que los alumnos se sientan
incómodos con el sistema y no muestren interés alguno por utilizarlo.
Todos los módulos del sistema eLearning estarán interconectados,
dando mayor interactividad con el usuario como si se tratase de una
aplicación de escritorio.
25
2.2.3.2 Factibilidad Técnica.
Para el desarrollo de WikiFunciones se investigaron varias
herramientas para aplicaciones RIA, y Open Source.
Una herramienta que nos ayudará en desarrollar aplicaciones es
AJAX (JavaScript Asíncrono y XML), debido a que los códigos de
Ajax son completamente transparentes para los desarrolladores de
aplicaciones web. Por lo tanto, los usuarios finales obtienen una
interacción y respuesta similar a las de una aplicación de escritorio,
mientras que la complejidad del desarrollo es similar a la que tendría
la codificación de aplicaciones de escritorio.
En cuanto a las otras herramientas se emplearán tales como
Dreamweaver para el desarrollo del sistema, APACHE como servidor
de aplicaciones, el lenguaje PHP del lado del servidor y My SQL
como motor de base de datos.
Cabe indicar que los componentes y herramientas mencionada son
compatibles con los diferentes navegadores del mercado, entre los
principales: Internet Explorer, Firefox y Chrome entre otros.
2.2.3.3 Factibilidad Económica.
Como resultado del análisis costo/beneficio del sistema eLearning
modulo WikiFunciones, concluimos que el análisis, diseño y
desarrollo no representará costo alguno.
Los beneficios son de satisfacción ya que lograr implementar el
modulo en la carrera de Sistemas es el primera meta y lograr la
aceptación total de los alumnos es lo primordial.
26
Para realizar un control de marketing aplicaremos 4 características de
control:
a. Flujo: Estado de interactividad y valor añadido que espera ver el usuario
al entrar a nuestra página.
b. Funcionalidad: Se refiere a una web atractiva, con navegación clara y
útil para el usuario.
c. Feedback: Es construir una relación con el cliente basada en sus
necesidades para personalizar en función de esto la página después de
cada contacto.
d. Fidelización: Establecer un diálogo personalizado con los alumnos, el
tutor es el responsable de mantener buena comunicación interna en el y
su alumnado.
2.3. FUNDAMENTACIÓN LEGAL
El desarrollo total del sistema se ampara bajo las leyes de desarrollo de Software Libre
“Open Source” debido a que todas las herramientas utilizadas para su desarrollo se
basan en dicha ley.
“La palabra "libre" en nuestro nombre no se refiere al precio; se refiere a la libertad.
Primero, a la libertad de copiar y redistribuir un programa a tus vecinos, para que ellos
al igual que tu, lo puedan usar también. Segundo, a la libertad de cambiar un programa,
así podrás controlarlo en lugar que el programa te controle a ti; para esto, el código
fuente tiene que estar disponible para ti.”[3]
____________
[3] Fuente: Free Software Foundation, 1986
Desde Volumen 1, numero 1, pagina 8 : http://www.gnu.org/bulletins/bull1.txt
27
En referencia a la utilización de “Código Libre”, tenemos en el Ecuador la siguiente ley:
Decreto NO
1014 firmado el 10 de abril del 2008 por el Presidente del Ecuador Rafael
Correa Delgado decreta:
Art1. Establecer como política publica para las Entidades de la Administración
Publica Central la utilización de Software Libre en sus sistemas y equipamientos
informáticos.
Art2. Se entiende por Software Libre, a los programas de computación que se
pueden utilizar y distribuir sin restricción alguna, que permitan su acceso a los
códigos fuentes y que sus aplicaciones puedan ser mejoradas.
Estos programas de computación tienen las siguientes libertades:
a) Utilización del programa con cualquier propósito de uso común
b) Distribución de copias sin restricción alguna.
c) Estudio y modificación del programa (Requisito: código fuente disponible)
d) Publicación del programa mejorado (Requisito: código fuente disponible).
2.4. HIPÓTESIS PREGUNTAS A CONTESTARSE
La hipótesis a demostrar es la siguiente: ”Puede el estudiante mejorar su aprendizaje
con el ahorro de tiempo, teniendo toda las características y funciones de programación
organizadas en un solo sitio.”
Con esto quiero demostrar que montar una herramienta de este tipo en un sitio web es
una alivio al estudiante cuando le llega la hora de buscar y buscar en la Red la
información que puede encontrar en muchos sitios distintos. Ademas, demostrar que
28
esto forma parte del la flexibilidad de aprendizaje que nos brinda la plataforma
eLearning.
2.5. VARIABLES DE LA INVESTIGACIÓN
Aprendizaje. Acto de aprender algo.
Tiempo. Medida convencional del desarrollo de algo, como los segundos, las
horas, los años, los siglos, etc.
Organización. Acto de organizar u organizarse.
Eficacia. Capacidad para producir un efecto o resultado deseado.
2.6. DEFINICIONES CONCEPTUALES
Sobre el Aprendizaje:
El conocimiento se desarrolla (crece, se incrementa) con el apoyo de la
investigación. Por tal motivo necesita apoyo el cual lo recibirá con el sistema,
dándole la facilidad de búsqueda, aumentando su tiempo de desarrollo.
Sobre el Tiempo:
Unos de los factores en la navegación web es el tiempo, el cual se puede medir por
velocidad de transmisión de datos, procesador, memoria, etc. Además de estos
factores tenemos el acceso a la información puntual, el cual no siempre se encuentra
muy fácilmente.
29
Sobre la Organización.
Es muy importante para lograr mejores resultados. Obtener información organizada
permite ser más ágiles en la clasificación de lo que se necesita utilizar.
Sobre la Eficacia.
La eficacia es la capacidad de alcanzar el efecto que espera o se desea tras la
realización de una acción. Además es el resultado que queremos alcanzar con el
desarrollo del proyecto.
Sobre eLearning.
El eLearning es la utilización de las nuevas tecnologías y de Internet para mejorar la
calidad del aprendizaje y facilitar el acceso a la educación y la formación. “En la
sociedad del conocimiento las nuevas Tecnologías de la Información y la
Comunicación (TIC) desempeñan un papel esencial. Como resultado de la
aplicación de esas nuevas tecnologías al ámbito de la educación y de la formación
surge el e-learning, que según definición de la Comisión Europea es “la utilización
de las nuevas tecnologías multimediales y de Internet para mejorar la calidad del
aprendizaje facilitando el acceso a recursos y servicios, así como los intercambios y
la colaboración a distancia”.
Sobre Lenguajes de Programación.
Lenguaje artificial que puede ser usado para controlar el comportamiento de una
máquina, especialmente una computadora. Estos se componen de un conjunto de
reglas sintácticas y semánticas que permiten expresar instrucciones que luego serán
interpretadas.
30
CAPÍTULO III
METODOLOGÍA
DISEÑO DE LA INVESTIGACIÓN
3.1. MODALIDAD DE LA INVESTIGACION
Este proyecto tiene modalidad de campo. En la investigación de campo los datos
son recogidos de primera mano por el propio investigador, lo hace en la propia
realidad donde ocurre el fenómeno, fuera del espacio del laboratorio donde tiene
poco o casi ningún control sobre las variables.
3.2. TIPO DE INVESTIGACION
El tipo de investigación será por la Factibilidad, ya que el proyecto permitirá
solucionar un problema que se ha ido dando durante mucho tiempo, aunque este
problema sea invisible, está presente en el trabajo diario de un programador o un
estudiante de sistemas. Como característica:
Actividades y recursos necesarios para su ejecución.
Se cuenta con el personal que ejecutara el sistema, estos serán los alumnos, se
cuenta con la tecnología necesaria y entre las actividades tenemos la continua
alimentación de información por parte de los propios alumnos.
31
3.3. INSTRUMENTOS DE RECOLECCIÓN DE DATOS
Las técnicas de recolección de datos aplicadas en la investigación de este proyecto
fueron:
El internet: Es la herramienta numero uno para la obtención de información relevante
en el desarrollo del proyecto, de aquí obtendremos ideas, conversaciones, ayudas, y
herramientas para la elaboración.
La encuesta: la encuesta cuyo objeto es de interactuar de forma directa con el recurso
humano, para obtener opiniones importantes. La utilización de esta técnica se realizó a
través de un foro electrónico montado en Facebook
(http://www.facebook.com/group.php?gid=167849896562971&v=app_2373072738#!/t
opic.php?uid=167849896562971&topic=202) elaborado a fin de recoger las ideas,
comentarios o sugerencias de un número de integrantes que perteneces a la misma
carrera e interés, en este caso la población es incontable porque puede ir creciendo
como no.
3.4. PROCEDIMIENTOS DE LA INVESTIGACIÓN
En el estudio total para la implementación de una Biblioteca virtual de programación
que será parte de la plataforma eLearning, se fijo los siguientes pasos:
El problema:
Ubicación del problema en un contexto
Situación conflicto nudos críticos
32
Causas y consecuencias del problema
Delimitación del problema
Formulación del problema
Evaluación del problema
Objetivos de la Investigación
Justificación o importancia de la investigación
Marco teórico:
Antecedentes del estudio.
Fundamentación teórica.
Arquitectura del proyecto
Estudio de Factibilidad.
Fundamentación legal.
Hipótesis.
Variables de la investigación.
Módulos disponibles en Opendomo.
Metodología:
Diseño de Investigación (Tipo de Investigación)
Instrumentos de recolección de datos
Procedimiento de la Investigación
33
3.5. RECOLECCIÓN DE LA INFORMACIÓN
Para la recolección de información se utilizo las técnicas de:
La Encuesta. La cual se realizo de forma electrónica, creado foros de discusión en el
portal de Facebook, agregando solo a alumnos de la Carrera de Sistemas.
La Observación. Esta técnica nos permita analizar a los actores, los lugares, las
herramientas que existen en la actualidad y la manera en que se están utilizando.
34
CAPÍTULO IV
MARCO ADMINISTRATIVO
4.1. CRONOGRAMA
35
36
37
38
39
4.2. PRESUPUESTO
El presupuesto estimado de gastos en el desarrollo del proyecto podemos describir los
siguientes:
Cuadro No. 1
Detalle de egreso del proyecto
Equipos de Computación $0
Herramientas de desarrollo $0
Internet $115 / $23 mensuales
Licencias de software $0
Servidores de Aplicación $0
Transporte a tutorías y reuniones $50
Total $165
Horas de desarrollo 720 h
Impresión, anillado, empastado de
documentación
$100
Elaboración: Carlos A. Zambrano Izquierdo
Fuente: Grupo de Desarrollo del Proyecto eLearning.
Ingresos: La elaboración del proyecto no tuvo ningún financiamiento externo por tal
motivo todos los gastos fueron dinero propio.
Egresos: En el cuadro No. 1 observamos el desgloce de los egresos en la elaboración
del proyecto, como podemos observar, en software es cero dólares, esto debido a la
utilización del Código Libre.
40
REFERENCIAS BIBLIOGRÁFICAS
C++ manual de bolsillo, Alan C. Plantz, Mexico, editorial: ADDISON-
WESLEY.
Programacion Basica de FoxPro, Ramon M.Chordá, editorial: ADDISON-
WESLEY.
Pedro Cuesta Morales “Aplicaciones Educativas de la Web 2.0”, desde
http://www.slideshare.net/pedrocuesta/wikis-70922
Aula 10 en Español, desde http://www.auladiez.com/didactica/e-learning-
01.html
Concepto elearning, desde http://www.maestrosdelweb.com/editorial/elearning/
Concepto de WIKI, desde http://es.wikipedia.org/wiki/Wiki
Decreto 1014. Decreto de la ley de la Republica del Ecuador, desde
http://www.drwsoluciones.net/2008/04/11/decreto-1014-software-libre-en-
ecuador
41
ANEXOS
42
Panel
Principal en
modo
Usuario
Repositorio de FuncionesUltimas Funciones
Ingresadas
Consulta de
existencia de
funcionP1. Consultas de
Datos
Busqueda de Funcion
Por metodo de busqueda
Repositorio de
Lenguajes
De Programación
Detalles para
Control de
nombres de
lenguajes
Repositorio de Preguntas y Repuestas
Detalle de funcion para
La busqqueda
Registros de
Preguntas y
respuestas encontradas
por funcion
DFD – Nivel 0 – [ WK2 ] – Entrada al Sistema en Modo Administrador
Resultado de
Busqueda
individual
Busqueda de Funcion
individual
P2. Ingreso o
Edicion de
Funciones
Peticion de
Ingreso Nuevo
Denuncias
Ingreso de
Pregunta
Escritura de Preguntas
Segun registro de
Funcion presentada
Almacenaje de
nueva Pregunta
Peticion de
Edicion
Aplica
Denuncia
Envio de
Datos
Editados
Detalles para el Control de
nombres de lenguajes
Revision de
Denuncias
Registros de
funciones
encontradas
Aplicación o
negación de
Denuncias
Devuelve
Denuncias
P3. Mantenimiento
De Datos
Mostrar
Modulo
edita
Muestra
Envio de
Datos
Editados
Envio de
Datos
para Editar
43
Panel
Principal en
modo
Usuario
Repositorio de FuncionesUltimas Funciones
Ingresadas
Consulta de
existencia de
funcionP1. Consultas de
Datos
Busqueda de Funcion
Por metodo de busqueda
Repositorio de
Lenguajes
De Programación
Detalles para
Control de
nombres de
lenguajes
Repositorio de Preguntas y Repuestas
Detalle de funcion para
La busqqueda
Registros de
Preguntas y
respuestas encontradas
por funcion
DFD – Nivel 1 – [ WK2 ] – Entrada al Sistema en Modo Administrador
Resultado de
Busqueda
individual
Busqueda de Funcion
individual
Peticion de
Ingreso Nuevo
Denuncias
Ingreso de
Pregunta
Escritura de Preguntas
Segun registro de
Funcion presentada
Almacenaje de
nueva Pregunta
Peticion de
Edicion
Aplica
Denuncia
Envio de
Datos
Editados
Detalles para el Control de
nombres de lenguajes
Revision de
Denuncias
Registros de
funciones
encontradas
Aplicación o
negación de
Denuncias
Devuelve
Denuncias
Mostrar
Modulo
edita
Muestra
Envio de
Datos
Editados
Envio de
Datos
para Editar
Mantener
Lenguajes y
DatosMantenimiento
Historial de
Cargas
Mantenimiento
de Lenguajes
orden
orden
Ingreso o
Edicion de
Datos
Revisar WK3 – NIVEL 1
44
Panel
Principal en
modo
Usuario
Repositorio de FuncionesUltimas Funciones
Ingresadas
Consulta de
existencia de
funcionP1. Consultas de
Datos
Busqueda de Funcion
Por metodo de busqueda
Repositorio de
Lenguajes
De Programación
Detalles para
Control de
nombres de
lenguajes
Registros de
funciones
encontradas
Repositorio de Preguntas y Repuestas
Detalle de funcion para
La busqqueda
Registros de
Preguntas y
respuestas encontradas
por funcion
DFD – Nivel 0 – [ WK3 ] – Entrada al Sistema en Modo Usuario
Resultado de
Busqueda
individual
Busqueda de Funcion
individual
P2. Ingreso o
Edicion de
Funciones
Peticion de
Ingreso Nuevo
Denuncias
Ingreso de
Pregunta
Escritura de Preguntas
Segun registro de
Funcion presentada
Almacenaje de
nueva Pregunta
Peticion de
Edicion
Envio de denuncia
Envio de
Datos
Editados
Detalles para el Control de
nombres de lenguajes
HistorialRegistro de
Historial
Denuncias
Devuelve
Denuncia
45
Panel
Principal en
modo
Visitante
Repositorio de FuncionesUltimas Funciones
Ingresadas
Consulta de
existencia de
funcion
Busqueda de Funcion
por metodo de busqueda
Registros de
funciones
encontradas
Repositorio de Preguntas y Repuestas
Detalle de funcion para
La busqqueda
Registros de
Preguntas y
respuestas encontradas
por funcion
DFD – Nivel 1 – [ WK3 ] – Entrada al Sistema en Modo Usuario
Revisar
Resultados
Revision de
Funcion y
FAQ
Registro de
funcion
individual
Busqueda de Funcion
individual
Resultado de busqueda
Individual
Ingreso de
Pregunta
Escritura de Preguntas
Segun registro de
Funcion presentada
Almacenaje de
nueva Pregunta
Peticion de
Ingreso Nuevo
Denuncias
Peticion de
Edicion
Envio de denuncia
Envio de
Datos
Editados
Detalles para el
Control de
nombres de lenguajes
Repositorio de
Lenguajes
De Programación
Detalles para
Control de
nombres de
lenguajes
Ingreso o
Edicion de
Datos
P2.1.
Seguimiento de
ediciones y
Denuncias
Peticion de Seguimiento
HistorialRegistro de
Historial
Denuncias
Devuelve
Denuncia
46
DFD – Nivel 2 – [ WK3 ] – P2.1: Seguimiento de ediciones y Denuncias
DenunciasEnvio de denuncia
Ingreso o
Edicion de
Datos
Peticion de Seguimiento
Historial
Registro de
Historial
Proceso de
seguimiento
y control de
usuarios
editores
Ingreso de
denunciado,
detalle
Denuncia
Recepcion de Registro de
Historial
Lecturas de
historiales
Envio de Registro de
Historial
47
Datos de
Acceso
Examen Online
Datos del perfil
Solicitar
creación de
examen
Seleccionar
tipo de
Examen
Tipo de
examen
Asignación
de curso al
examen
Ingreso de
preguntas y
alternativas de
Examen Datos del
examen Real
Examen
Examen
Preguntas y
alternativas
Datos del examen
Orden de
asignación
Activar examen
al alumno o
grupo
Alumno
Orden de
activacion
Totalizar
respuestas
Orden de
creación
Orden de
activacion
Calificaciones
Calificación
examen
Mostrar
Calificaciones
examen Real
Obtener
resultado
s
Totales
Datos del
examen
Examen
Preguntas y
opciones
Alternativas
seleccionadas
Datos del examen No
Real
Clases
Online.com
ContraseñaModulo
Estudiante
Cargar las
Opciones del
Alumno
Selección de Tipo
de examen
Iniciar el
Examen Real
Crear Curso y
asignar a los
alumnos de ese
Curso
Registrarse
si es nuevo
Base1
Modulo
Profesor
Iniciar el examen
no Real
Examen
Preguntas y
opciones
Examen
Online
Aula Virtual
Repositorio Virtual
de Alumno
Calificaciones
Orden de
acceso
Orden de
acceso
Cargar las
Opciones del
Profesor
Llego la Hora de la
clase. Y comienza la
video Conferencia Podemos ver al
Profesor y su video
Explicativo
Se habilita la
Opción de hacer
la pregunta
Hacemos la
Pregunta por
chat Después de eso el
Profesor Responde
la Pregunta
Si no esta
habilitada la
opción de Hacer
Preguntas
Esperamos que
termine de preguntar
nuestro compañero
Termino la clase y se
Profesor se desconecta
Si no se
hacen
preguntas
Elegir
Profesor
Ver
Publicaciones
Revisar
Descargar
archivo
Cns Profesor
Elegir Semestre/
Materia
Cns Semestre/Materia
Administración de
Publicaciones
Subir
Informacion
Actualizar Registro y
Estados de Información
Publicada
Cns Información
Publicada
Eliminación de
Información
Publicada
Registrar Base de
DatosRepositorio Virtual
de Docente
Aula Virtual
Prendemos nuestra
Web Cam y
comenzamos la video
conferencia a la hora
fijada
Reproducimos nuestro
video y manejamos el
“Pausa” y el “Continuar”
dependiendo la
explicación
Si termina la clase el
Profesor se desconecta y
termina el Video explicativo
Salir
Salir
Si estamos en modo
de Pregunta, cualquier
estudiante puede
preguntar
El profesor cambia a
modo ocupado
mientras responde por
Medio del chat
Cuando Termina de
Responder pasa otra
vez de modo ocupado
a modo Pregunta
Si no
PreguntanSi Nadie
Mas
Pregunta
Si hay
otra
pregunta
Si
alguien
Pregunta
Si
No
Si desea seguir
descargando
Si desea
Salir
1
Si desea
Salir
1
Si desea Salir1
1
Si desea Salir2
Si desea Salir2
Si desea Salir2
2
Panel
Principal en
modo
Visitante
Repositirio
de
funciones
Consulta de
existencia de
funcion
P1. Consultas de
Datos
Panel
Principal en
modo
Usuario
Repositorio
de
funciones
Consulta de
existencia de
funcion
P1. Consultas de
Datos
P2. Ingreso o
Edicion de
Funciones
Peticion de
Ingreso Nuevo
Ingreso de
Pregunta
Escritura de Preguntas
Segun registro de
Funcion presentada
Peticion de
Edicion
Panel
Principal en
modo
Usuario
Consulta de
existencia de
funcion
P1. Consultas de
Datos
P2. Ingreso o
Edicion de
Funciones
Peticion de
Ingreso Nuevo
Ingreso de
Pregunta
Escritura de Preguntas
Segun registro de
Funcion presentada
Peticion de
Edicion
Revision de
Denuncias
Aplicación o
negación de
Denuncias
P3. Mantenimiento
De Datos
Mostrar
Modulo
Generar opciones de
búsqueda, descarga y
sugerencias
Consulta
y
descarga
Validar consulta y
descarga
Visualizar y
Descargar
Requerim
iento
validado
Cargar opciones de
Administrador
Adm
inis
trad
or
regi
stra
do
Actualizar base de
Documentos
Actualización
Almacenamiento de
Documentos
Adición o
Eliminación de
Documentos
Restringir
visualización y
descarga
Restricción
SALIR
Libro solicitado
Almacén de Links
Detalle
Links
Almacén de
opiniones y
sugerencias
Libros más
consultados
Registrar
automáticamente
Numero de visitas y
descargas
Reg
istr
o
auto
mát
ico
Descargas
Información restringida
Registrar opiniones y
sugerencias
sug
eren
cias
regi
stra
das
Petición Consulta
Administrador
bibliotecario
Registrar
AdministradorDatos
Administrador
Base
Administradores
Detalle
AdministradorBibliotecas
externas
Busqueda externa
Des
crip
ción
de
suge
renc
ias
Detalle de libros
Con
sulta
y
Des
carg
a N
o
Per
miti
da
Almacén
Restringido.
Det
alle
rest
ringi
do
Detalle
consultado
Gen
erac
ión
de
Link
s m
ás
usad
os
Procesar información
estadística
Req
uerim
ient
o
Est
adís
tico
Visualizar Estadístico
Estadístico
Salir
Biblioteca virtual
Datos de usuario
Consultar
Sugerencias
Visualizar
sugerenciasDetalle
sugerencias
Consulta
Sugerencia
Revisión de sugerencias
Salida y retorno
Salir
Salida y retorno
SALIR
SalirDetalle
estadístico
1
Gestionar
Digitalización de
documentos
Documento
Digitalizado
Datos del
documento
Biblioteca Física
Entrada al sistema de biblioteca
48
Diagrama Entidad Relacion del Módulo “WikiFunciones”.
49
Anexo B (librerías)
Cuadro 2.
Coneccion a la Base de Datos <?php class DB_mysql { /* variables de conexión */ var $BaseDatos; var $Servidor; var $Usuario; var $Clave; /* identificador de conexión y consulta */ var $Conexion_ID = 0; var $Consulta_ID = 0; var $Guardado_ID = 0; /* número de error y texto error */ var $Errno = 0; var $Error = ""; /* Método Constructor: Cada vez que creemos una variable de esta clase, se ejecutará esta función */ function DB_mysql(){ //$bd = , $host = , $user = , $pass = ) { include_once("config_ecisc.php"); $this->BaseDatos = $entorno["base"]; //$bd; $this->Servidor = $entorno["servidor"]; //$host; $this->Usuario = $entorno["usuario"]; //$user; $this->Clave = $entorno["contrasena"]; //$pass; } /*Conexión a la base de datos*/ //function conectar($bd, $host, $user, $pass){ function conectar(){ //if ($bd != "") $this->BaseDatos = $bd; //if ($host != "") $this->Servidor = $host; //if ($user != "") $this->Usuario = $user; //if ($pass != "") $this->Clave = $pass; // Conectamos al servidor $this->Conexion_ID = mysql_connect($this->Servidor, $this->Usuario, $this->Clave); if (!$this->Conexion_ID) { $this->Error = "Ha fallado la conexión."; return 0; } //seleccionamos la base de datos if (!@mysql_select_db($this->BaseDatos, $this->Conexion_ID)) { $this->Error = "Imposible abrir ".$this->BaseDatos ; return 0; } /* Si hemos tenido éxito conectando devuelve el identificador de la conexión, sino devuelve 0 */ return $this->Conexion_ID; } /* Ejecuta un consulta */ function consulta($sql = ""){ if ($sql == "") { $this->Error = "No ha especificado una consulta SQL"; return 0; } //ejecutamos la consulta $this->Consulta_ID = @mysql_query($sql, $this->Conexion_ID); if (!$this->Consulta_ID) { $this->Errno = mysql_errno(); $this->Error = mysql_error(); } /* Si hemos tenido éxito en la consulta devuelve el identificador de la conexión, sino devuelve 0 */ return $this->Consulta_ID;
50
} /* Ejecuta un guardado de datos */ function guardar($sql = ""){ if ($sql == "") { $this->Error = "No ha especificado una consulta SQL"; return 0; } $this->Guardado_ID = @mysql_query($sql); if (!$this->Guardado_ID) { $this->Errno = mysql_errno(); $this->Error = mysql_error(); } return $this->Guardado_ID; } /* Ejecuta una actualización de datos */ function actualizar($sql = ""){ if ($sql == "") { $this->Error = "No ha especificado una consulta SQL"; return 0; } $this->Actualizar_ID = @mysql_query($sql); if (!$this->Actualizar_ID) { $this->Errno = mysql_errno(); $this->Error = mysql_error(); } return $this->Actualizar_ID; } /* este guarda*/ function eliminar($sql = ""){ if ($sql == "") { $this->Error = "No ha especificado una consulta SQL"; return 0; } $this->Eliminar_ID = @mysql_query($sql); if (!$this->Eliminar_ID) { $this->Errno = mysql_errno(); $this->Error = mysql_error(); } return $this->Eliminar_ID; } /* Devuelve el número de campos de una consulta */ function numcampos() { return mysql_num_fields($this->Consulta_ID); } /* Devuelve el número de registros de una consulta */ function numregistros(){ return mysql_num_rows($this->Consulta_ID); } /* Devuelve el nombre de un campo de una consulta */ function nombrecampo($numcampo) { return mysql_field_name($this->Consulta_ID, $numcampo); } /* Devuelve el un arreglo asociativo de datos */ function fetch_array(){ return mysql_fetch_array($this->Consulta_ID); } /* Devuelve currentnext de secuencia segun tabla especificada*/ //function getSecuencia($tabla){ // $consulta = $this->consulta("SELECT currentnext FROM ad_sequence where name = '".$tabla."'"); // while($resultados = $this->fetch_array()) // { return $resultados['currentnext'];} //} /* actualiza currentnext de secuencia segun tabla especificada*/ //function setSecuencia($tabla){
51
// $consulta1 = $this->consulta("SELECT incrementno FROM ad_sequence where name = '".$tabla."'"); // while($resultados1 = $this->fetch_array()){ $num= $resultados1['incrementno'];} // $newCurrentNext = $this->getSecuencia($tabla) + $num ; // return $this->guardar("UPDATE ad_sequence set currentnext= ". $newCurrentNext." where name = '".$tabla."'"); //} /* Muestra los datos de una consulta */ function setCampos() { $arr=array(); for ($i = 0; $i < $this->numcampos(); $i++){ $arr[] = array("campos" => $this->nombrecampo($i)); } echo json_encode($arr); } function getRegistro() { $arr=array(); while ($row = mysql_fetch_row($this->Consulta_ID)) { $arr[] = array("de" => $row[0],"iva" => $row[1],"sc" => $row[2],"sb" => $row[3] ); } echo json_encode($arr); } /////////////////////////////////////////////////////////// function combos($sql) { $consulta1 = $this->consulta($sql); echo " <select name='cmbConces' id='comboConces' size='' style='width:100%' class='txtOrg'>"; while ($row = mysql_fetch_row($this->Consulta_ID)) { echo "<option value='".$row[1]."'>".$row[1]."</option>"; } echo "</select>"; } /////////////////////////////////////////////////////////// function comboImgs($sql,$id) { $consulta1 = $this->consulta($sql); echo " <select class='imagenes' id='combimg'".$id." size='' style='width:200px' onclick='muestraImg(this.value,$id)'>"; while ($row = mysql_fetch_row($this->Consulta_ID)) { echo "<option
value='".$row[1]."@".$row[0]."'>".$row[1]."</option>"; } echo "</select>"; } ////////////////////////////////////////////////////////////////////// function unDato($sql) { $consulta1 = $this->consulta($sql); while ($row = mysql_fetch_row($this->Consulta_ID)) { return $row[0]; } } //////////////////////////////////////////////////////////////////////////////////////////////////////////////// function verconsulta($sql) { $consulta1 = $this->consulta($sql); $salida=""; while ($row = mysql_fetch_array($this->Consulta_ID)) { for ($i = 0; $i < $this->numcampos(); $i++){ $salida .= $row[$i].","; } $arre[] = array("regs" => $salida); $salida=""; } if($this->numregistros()!=0){ echo json_encode($arre); } else { $arre[] = array("regs" => "0"); return
json_encode($arre);} } //////////////////////////////////////////////////////////////////////////////////////////////////////////////// function consultas_2($sql) { $consulta1 = $this->consulta($sql); $salida=""; while ($row = mysql_fetch_array($this->Consulta_ID)) { for ($i = 0; $i < $this->numcampos(); $i++){ $salida .= $row[$i]."¬"; } $arre[] = array("regs" => $salida); $salida=""; } if($this->numregistros()!=0){ echo json_encode($arre); } else { $arre[] = array("regs" => "0"); echo json_encode($arre);} } } //fin de la Clse DB_mysql ?>
Archivo: Clase_Mysql.inc.php
Elaboración: Carlos A. Zambrano I.
52
Cuadro 3
Login al Sistema, Carga de Cookies <?php //esto es para decirle al cache de procesos del navegador que se desactive header("Cache-Control: no-store, no-cache, must-revalidate"); require ("clase_MySql.inc.php"); $miconexion = new DB_mysql ; $miconexion->conectar(); function quitar($mensaje) { $mensaje = str_replace("<","<",$mensaje); $mensaje = str_replace(">",">",$mensaje); $mensaje = str_replace("\'","'",$mensaje); $mensaje = str_replace('\"',""",$mensaje); $mensaje = str_replace("\\\\","\\",$mensaje); return $mensaje; } if(trim($_POST["nick"]) != "" && trim($_POST["password"]) != "" && trim($_POST["tipoUsuario"]) != ""){ $nickN = quitar($_POST["nick"]); $passN = md5($_POST["password"]); //quitar($_POST["password"]); $tipoN = quitar($_POST["tipoUsuario"]); $result; if ( $tipoN == "profesor" ){ $result = $miconexion->consulta("SELECT
password,nombres,apellidos FROM exa_profesor WHERE pro_identificacion='$nickN'"); }else if ( $tipoN == "alumno" ) { $result = $miconexion->consulta("SELECT
password,nombres,apellidos FROM exa_alumno WHERE alu_identificacion='$nickN'"); } else { $result = $miconexion->consulta("SELECT admin_password,admin_nombre,admin_apellido FROM bib_admin_bibliotecario WHERE bib_identificacion ='$nickN'"); }
if($row = mysql_fetch_array($result)){ if($row["password"] == $passN){ session_start(); $_SESSION["usNick"] = $nickN; $_SESSION["usPass"] = $passN; $_SESSION["usTipo"] = $tipoN; $_SESSION["usNoms"] = $row["nombres"]; $_SESSION["usApes"] = $row["apellidos"]; if($tipoN == "alumno") echo 1 ; else echo 2; header( 'Location: ../index.html' ); }else if($row["admin_password"] == $passN){ session_start(); $_SESSION["usNick"] = $nickN; $_SESSION["usPass"] = $passN; $_SESSION["usTipo"] = $tipoN; $_SESSION["usNoms"] = $row["admin_nombre"]; $_SESSION["usApes"] = $row["admin_apellido"]; if($tipoN == "alumno") echo 1 ; else echo 2; header( 'Location: ../index.html' ); }else { header( 'Location: login/login.php?error=La Contraseña es Incorrecta. !!!' ); mysql_free_result($result);} }else{ header( 'Location: login/login.php?error=El Número de Cédula Ingresado NO Existe. !!!' ); mysql_free_result($result); } }else{ header( 'Location: login/login.php?error=Los Datos están Incompletos para Autenticar. !!!' );} //mysql_close(); ?>
Archivo: ingresar.php
Elaboración: Carlos A. Zambrano I.
Cuadro 3
JavaScript del Sistema <script type="text/javascript" language="javascript"> function abrirMenu(){
53
$("LstMenuVar").style.height='300px'; $("LstMenuVar").style.overflow='auto'; $("MenuFuncionesVariante").style.display='inline'; /*$("MenuFuncionesVariante").style.overflow='auto'; */ } //////////////////////////////////////////////////////////////////// function denunciar(id,tipo){ var url='../seguimientos/denunciar.php'; var param= "id="+id+"&tipo="+tipo; // "nick="+ $F("nick") +"&password="+$F("password"); //alert(param); return; var ajaxRequest = new Ajax.Request(url,{method: 'post', parameters: param, asynchronous: true, //var ajaxRequest = new Ajax.Request(url,{method: 'post', asynchronous: true, onSuccess: function(transport) {
$("menuDenuncias").innerHTML=transport.responseText; alert("Denuncia enviada."); }} ); } /*////////////////////////////////////////////////////////////////////////////////////////////////////*/ function portada(){ $("capaBusc").innerHTML=""; $("capaBusc").style.display="none"; $("capaLista").style.display='none'; $("capaLista").innerHTML=""; $("LstMenuVar").style.display="none"; var url='buscador.php'; var param= ""; // "nick="+ $F("nick") +"&password="+$F("password"); //var ajaxRequest = new Ajax.Request(url,{method: 'post', parameters: param, asynchronous: true, var ajaxRequest = new Ajax.Request(url,{method: 'post', asynchronous: true, onSuccess: function(transport) { $('ladoDer').innerHTML = transport.responseText; }} ); } ////////////////////////////////////////////////////////////////////////////////////////////////////////// function contribucion(opEd,var0,var1,var2){ $("capaBusc").innerHTML=""; $("capaBusc").style.display="none"; $("capaLista").style.display='none'; $("capaLista").innerHTML=""; $("LstMenuVar").style.display="none"; var idFunc; try { idFunc = $('idFunc').value; } catch(e) { idFunc = '0';} var url='../editor/editor.php'; var param= "opEd="+opEd+"&idFunc="+idFunc+"&var0="+var0+"&var1="+var1+"&var2="+var2 ; //alert(param); var ajaxRequest = new Ajax.Request(url,{method: 'post', parameters: param, asynchronous: true, onSuccess: function(transport) { $('ladoDer').innerHTML = transport.responseText; agregap(); }} ); } ///////////////////////////////////////////////////////////////////////////////////////////////////////////////// function seguimientos(){ $("capaBusc").innerHTML=""; $("capaBusc").style.display="none"; $("capaLista").style.display='none'; $("capaLista").innerHTML=""; $("LstMenuVar").style.display="none"; var url='../seguimientos/seguimientos.php'; var param= ""; // "nick="+ $F("nick") +"&password="+$F("password"); //var ajaxRequest = new Ajax.Request(url,{method: 'post', parameters: param, asynchronous: true, var ajaxRequest = new Ajax.Request(url,{method: 'post', asynchronous: true, onSuccess: function(transport) { $('ladoDer').innerHTML = transport.responseText; }} ); } ///////////////////////////////////////////////////////////////////////////////////////////////////////////////// function historial(id){ $("capaBusc").innerHTML=""; $("capaBusc").style.display="none"; $("capaLista").style.display='none'; $("capaLista").innerHTML=""; $("LstMenuVar").style.display="none"; var url='../seguimientos/historial.php';
54
var param= "id="+id; // "nick="+ $F("nick") +"&password="+$F("password"); var ajaxRequest = new Ajax.Request(url,{method: 'post', parameters: param, asynchronous: true, //var ajaxRequest = new Ajax.Request(url,{method: 'post', asynchronous: true, onSuccess: function(transport) { $('ladoDer').innerHTML = transport.responseText; }} ); } ///////////////////////////////////////////////////////////////////////////////////////////////////////////////// function importante(){ $("capaBusc").innerHTML=""; $("capaBusc").style.display="none"; $("capaLista").style.display='none'; $("capaLista").innerHTML=""; $("LstMenuVar").style.display="none"; var url='../importante/importante.php'; var param= ""; // "nick="+ $F("nick") +"&password="+$F("password"); //var ajaxRequest = new Ajax.Request(url,{method: 'post', parameters: param, asynchronous: true, var ajaxRequest = new Ajax.Request(url,{method: 'post', asynchronous: true, onSuccess: function(transport) { $('ladoDer').innerHTML = transport.responseText; }} ); } ///////////////////////////////////////////////////////////////////////////////////////////////////////////////// function denuncias(){ $("capaBusc").innerHTML=""; $("capaBusc").style.display="none"; $("capaLista").style.display='none'; $("capaLista").innerHTML=""; $("LstMenuVar").style.display="none"; var url='../seguimientos/denuncias.php'; var param= ""; // "nick="+ $F("nick") +"&password="+$F("password"); //var ajaxRequest = new Ajax.Request(url,{method: 'post', parameters: param, asynchronous: true, var ajaxRequest = new Ajax.Request(url,{method: 'post', asynchronous: true, onSuccess: function(transport) { $('ladoDer').innerHTML = transport.responseText; }} ); } ////////////////////////////////////////////////////////////////////////////////////////////////////////// function loading(letra){ $("capaBusc").innerHTML=""; $("capaBusc").style.display="none"; $("capaLista").style.display='block'; $("capaLista").align='left'; $("capaLista").innerHTML=" <img src='../../../../images/5.gif' width='58' height='16' alt='loading' />"; setTimeout("buscarDatos('"+letra+"')",600); } ////////////////////////////////////////////////////////////////////////////////////////////////////////// //function loading2(idLeng){ // setTimeout("buscarDatosFunciones('"+idLeng+"')",980); // } //function loading2_2(idLeng){ // setTimeout("buscarTodasFunciones('"+idLeng+"')",980); // } ///////////////////////////////////////////////////////////////////////////////////////////////////////// function loading3(text){ //if($("cmbTipo").value==0) {alert("Escoja una opcion del listado [Buscar en?]..");return;} //$("capaLista").align='left'; textoLimpio = text.replace(/^\s*|\s*$/g,""); if(textoLimpio==""){$("capaBusc").style.display="none";return;} $("capaLista").innerHTML=""; $("capaLista").style.display="none"; $("capaBusc").style.display="inline"; $("imagenBuscar").innerHTML="<img src='../../../../images/14.gif' width='15' height='15' alt='loading' />"; //if(text.length <=40 ) {$("capaBusc").innerHTML=text;} setTimeout("buscarDatosCB('1"+text+"')",600); //buscarDatosCB(text); } // buscarDatos() //*****************************************************************************************************************/ // activa y muestra busquedas de el buscador alfabetico function buscarDatos(letra){ url='buscar.php'; param="letra="+letra; var ajaxRequest = new Ajax.Request(url,{method: 'POST', parameters: param, asynchronous: true,
55
onSuccess: function(transport) { arrayRoles = transport.responseText.evalJSON(); $("capaLista").innerHTML=""; //$("capaLista").align='left'; var table = document.createElement('Table'); table.width='99%'; table.style.font="11px sans-serif"; table.border='0'; table.cellspacing="0"; table.cellpadding="0";
table.id="ListaDeLenguajes"; var tabBody = document.createElement('tbody'); var tabBody1 = document.createElement('tbody'); var tr = document.createElement('TR'); var td1 = document.createElement('TD'); td1.setAttribute("colspan","2"); td1.innerHTML="<div style='float:left; color:#B1B1B1'>Lenguajes de
Programación con inicial <b>"+letra+"</b>..</div><div style='float:right; cursor:pointer;'></div>"; tr.appendChild(td1); tabBody1.appendChild(tr); table.appendChild(tabBody1); var hayL=0; var hayF=0; /****************************************/ var tr = document.createElement('TR'); var td1 = document.createElement('TD'); td1.width="600px"; var str =""; for(i=0;i<arrayRoles.length;i++) { if(arrayRoles[i].q3 == "L"){ str+=" <a href='#'
onclick='javascript:buscarTodasFunciones(""+arrayRoles[i].q2+"")'><b>"+ arrayRoles[i].q1+"</b></a> <b>- </b>";
//var td2 = document.createElement('TD'); //td1.innerHTML =" <a href='javascript:loading2_2(""+arrayRoles[i].q2+"")'>"+
arrayRoles[i].q1+"</a>"; hayL++; } // fin de L } // fin FOR td1.innerHTML = str.substring(0,str.length-11); //td2.innerHTML =" <img src='../../../../images/5.gif' width='58' height='16' alt='loading'
style='display:none' id='"+arrayRoles[i].q2+"' />"; tr.appendChild(td1); //tr.appendChild(td2); tabBody.appendChild(tr); /****************************************************/ table.appendChild(tabBody); $("capaLista").appendChild(table); if( hayL == 0 ){ var tr = document.createElement('TR'); var td1 = document.createElement('TD'); td1.innerHTML =" No hay Resultados...";
tr.appendChild(td1); var tBody1 = document.createElement('tbody'); tBody1.appendChild(tr); table.appendChild(tBody1); } //***************************************** F var tr = document.createElement('TR'); var td1 = document.createElement('TD'); td1.setAttribute("colspan","2"); var tBody2 = document.createElement('tbody'); td1.innerHTML="<div style='float:left; color:#B1B1B1'>Funciones de
programación con inicial <b>"+letra+"</b>..</div>"; tr.appendChild(td1); tBody2.appendChild(tr); table.appendChild(tBody2); str="<div style='width:800px; display:inline-block; overflow:visible'>"; var tr = document.createElement('TR'); var td1 = document.createElement('TD'); td1.width="600px"; //var td2 = document.createElement('TD'); var tBody3 = document.createElement('tbody'); for(i=0;i<arrayRoles.length;i++) { if(arrayRoles[i].q3 == "F"){ //td1.innerHTML =" <a href='javascript:loading2(""+arrayRoles[i].q2+"")'>"+
arrayRoles[i].q1+"</a>";
56
str+= " <a href='#' onclick='javascript:buscarDatosFunciones(""+arrayRoles[i].q2+"")'><b>"+ arrayRoles[i].q1+"</b></a> <b>- </b>";
//td2.innerHTML =" <img src='../../../../images/5.gif' width='58' height='16' alt='loading' style='display:none' id='"+arrayRoles[i].q2+"' />";
if (i%9 == 0) str +="<br />"; hayF++; } // fin de L } // fin FOR str+="</div>" td1.innerHTML = str; //.substring(0,str.length-11); ;
tr.appendChild(td1); //tr.appendChild(td2); tBody3.appendChild(tr); table.appendChild(tBody3); $("capaLista").appendChild(table); if( hayF == 0){ var tr = document.createElement('TR'); var td1 = document.createElement('TD'); var tBody4 = document.createElement('tbody'); td1.innerHTML =" No hay Resultados...";
tr.appendChild(td1); tBody4.appendChild(tr); table.appendChild(tBody4); } } } ); } // buscarDatos() Caja de busqueda //*****************************************************************************************************************/ // activa y busca desde la caja de busqueda function buscarDatosCB(texto){ url='buscarCB.php'; var letra = texto.substring(1,texto.length); var op = texto.substring(0,1); var pal=""; param="letra="+letra+"&op="+op; $("imagenBuscar").innerHTML="<img src='../../../../images/ico6.png' alt='search' width='15' height='15' />"; var ajaxRequest = new Ajax.Request(url,{method: 'POST', parameters: param, asynchronous: true, onSuccess: function(transport) { arrayRoles = transport.responseText.evalJSON(); $("capaBusc").innerHTML=""; $("capaBusc").align='center'; var table = document.createElement('TABLE'); table.width='100%'; table.style.font="9px Verdana, Arial, Helvetica, sans-serif"; table.border='0'; table.cellspacing="0"; table.cellpadding="0";
table.id="cajabuscar"; var hayL=0; var hayF=0; for(i=0;i<arrayRoles.length;i++) { if(arrayRoles[i].q3 == "F"){ var tb = document.createElement('TBODY'); tb.align='left'; var tr = document.createElement('TR'); var td1 = document.createElement('TD'); pal = arrayRoles[i].q2; //td1.setAttribute("onclick","buscarDatosFunciones("+arrayRoles[i].q2+")"); td1.onclick = function() { buscarDatosFunciones(pal); } var url1 = arrayRoles[i].q1.replace(letra,"<b>"+letra+"</b>"); //td1.innerHTML ="<a
href='javascript:loading2(""+arrayRoles[i].q2+"")'>"+ url1.substring(0,10)+"<b>..</b></a>"; td1.innerHTML ="<span style='color:#3B5998;font-size:10px'><b> "+
url1+"</b></span><br /><span style='color:#666; font-size:9px'> "+arrayRoles[i].q4.substring(0,60)+"..</span>";
//td2.innerHTML =arrayRoles[i].q4.substring(0,30)+"<b>..</b>"; tr.title = arrayRoles[i].q1+"... "+arrayRoles[i].q4.substring(0,100); tr.style.cursor="pointer"; tr.appendChild(td1); tb.appendChild(tr); table.appendChild(tb); hayL++; } // fin de L } // fin FOR $("capaBusc").appendChild(table); //***************************************** F
57
for(i=0;i<arrayRoles.length;i++) { if(arrayRoles[i].q3 == "D"){ var tb = document.createElement('TBODY'); tb.align='left'; var tr = document.createElement('TR'); var td1 = document.createElement('TD'); pal = arrayRoles[i].q2; //td1.setAttribute("onclick","buscarDatosFunciones("+arrayRoles[i].q2+")"); td1.onclick = function() { buscarDatosFunciones(pal); } //td1.innerHTML ="<a
href='javascript:loading2(""+arrayRoles[i].q2+"")'>"+ arrayRoles[i].q1.substring(0,10)+"<b>..</b></a>"; var res = arrayRoles[i].q4.replace(letra,"<b>"+letra+"</b>"); td1.innerHTML ="<span style='color:#3B5998;font-
size:10px'><b> "+arrayRoles[i].q1+"</b></span><br /><span style='color:#666; font-size:9px'> "+res.substring(0,70)+"..</span>";
tr.title = arrayRoles[i].q1+"... "+arrayRoles[i].q4.substring(0,100); tr.style.cursor="pointer"; tr.appendChild(td1); tb.appendChild(tr); table.appendChild(tb); hayF++; } // fin de L } // fin FOR $("capaBusc").appendChild(table); if( hayF == 0 && hayL == 0){ var tb = document.createElement('TBODY'); //tb.align='left'; var tr = document.createElement('TR'); var td1 =
document.createElement('TD');td1.setAttribute("colspan","2"); td1.innerHTML ="No hay Resultados...";
tr.appendChild(td1); tb.appendChild(tr); table.appendChild(tb);} else { var tb = document.createElement('TBODY');
var tr = document.createElement('TR');
tr.style.cursor="pointer"; var td1 = document.createElement('TD'); td1.setAttribute("colspan","2");
td1.innerHTML ="<div align='center' style='border-top:1px dashed #000'><br /><b>Ver
todos los resultados para: </b><span style='color:#006600'>"+letra+"</span></div><br />" ; td1.onclick = function() {
buscarTodo(letra); } tr.appendChild(td1); tb.appendChild(tr); table.appendChild(tb); } } } ); } //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// // muestra todos los resultados que arroja la caja de busqueda function buscarTodo(letra){ $("capaBusc").innerHTML=""; $("capaBusc").style.display="none"; $("capaLista").style.display='none'; $("capaLista").innerHTML=""; url='buscarCB.php'; var op = 2; param="letra="+letra+"&op="+op; var ajaxRequest = new Ajax.Request(url,{method: 'POST', parameters: param, asynchronous: true, onSuccess: function(transport) { arrayRoles = transport.responseText.evalJSON(); $("ladoDer").innerHTML=""; var table = document.createElement('TABLE'); table.width='98%'; table.style.font="11px Verdana, Arial, Helvetica, sans-serif"; table.border='0'; table.cellspacing="0"; table.cellpadding="0"; table.setAttribute("class","bloquesPreview"); table.aling='left'; var tbody = document.createElement('TBODY'); var tr = document.createElement('TR');
58
var td1 = document.createElement('TD'); td1.align="left"; td1.style.color="#B1B1B1"; td1.setAttribute("colspan","2");
//td1.innerHTML="<h3 style='border-bottom:1px solid #666'>Resultados de la búsqueda</h3><i>Resultados para <b>"+letra+"</b></i><br>";
td1.innerHTML="<div style='float:left; margin-right:8px;'><img src='../../images/find.ico' alt='ico1' /></div><div style=' text-align:left'><h3>Resultados de la búsqueda</h3></div><div class='small' style='margin-bottom:7px;'>Resultados para <b>"+letra+"</b></div><br />";
tr.appendChild(td1); tbody.appendChild(tr); table.appendChild(tbody); for(i=0;i<arrayRoles.length;i++) { if(arrayRoles[i].q3 == "F"){ var tbody = document.createElement('TBODY'); tbody.align='left'; var tr = document.createElement('TR'); //if( i%2 ==
0){tr.style.background="#E0EAF7";} var tr2 = document.createElement('TR'); var tr3 = document.createElement('TR'); var td1 = document.createElement('TD'); var td2 = document.createElement('TD'); var td3 = document.createElement('TD'); //td1.innerHTML ="<a
href='javascript:loading2(""+arrayRoles[i].q2+"")'>"+arrayRoles[i].q1+"</a>"; td1.innerHTML ="<a
href='javascript:buscarDatosFunciones(""+arrayRoles[i].q2+"")'><b>"+arrayRoles[i].q1+"</b></a>"; var textoAlt = arrayRoles[i].q4.replace(letra,"<b>"+letra+"</b>"); td2.innerHTML =textoAlt.substring(0,200)+" <b>...</b>"; td3.innerHTML ="<b>"+arrayRoles[i].q6 +"</b> // <b>"+arrayRoles[i].q5+"</b><br><hr />";
td3.style.color="#006600"; tr.appendChild(td1); tr2.appendChild(td2); tr3.appendChild(td3); tbody.appendChild(tr); tbody.appendChild(tr2); tbody.appendChild(tr3); table.appendChild(tbody); //table.appendChild(tr2); //table.appendChild(tr3); } // fin de L } // fin FOR $("ladoDer").appendChild(table); //***************************************** F for(i=0;i<arrayRoles.length;i++) { if(arrayRoles[i].q3 == "D"){ var tbody = document.createElement('TBODY'); tbody.align='left'; var tr = document.createElement('TR'); //if( i%2 ==
0){tr.style.background="#E0EAF7";} var tr2 = document.createElement('TR'); var tr3 = document.createElement('TR'); var td1 = document.createElement('TD'); var td2 = document.createElement('TD'); var td3 = document.createElement('TD'); //td1.innerHTML ="<a href='javascript:loading2(""+arrayRoles[i].q2+"")'>"+
arrayRoles[i].q1+"</a>"; td1.innerHTML ="<a
href='javascript:buscarDatosFunciones(""+arrayRoles[i].q2+"")'><b>"+arrayRoles[i].q1+"<b></a>"; var textoAlt2 = arrayRoles[i].q4.replace(letra,"<b>"+letra+"</b>"); td2.innerHTML = textoAlt2.substring(0,200)+" <b>...</b>"; td3.innerHTML = "<b>"+arrayRoles[i].q6 +"</b> // <b>"+arrayRoles[i].q5+"</b><br><hr />";
td3.style.color="#006600"; tr.appendChild(td1); tr2.appendChild(td2); tr3.appendChild(td3); tbody.appendChild(tr); tbody.appendChild(tr2); tbody.appendChild(tr3); table.appendChild(tbody); //table.appendChild(tr2); //table.appendChild(tr3); } // fin de L } // fin FOR $("ladoDer").appendChild(table); } } );
59
} /////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// // muestra todas las funciones cuando se elige un lenguaje en el buscador alfabetico function buscarTodasFunciones(letra){ //alert('entro'); $("capaBusc").innerHTML=""; $("capaBusc").style.display="none"; $("capaLista").style.display='none'; $("capaLista").innerHTML=""; $("MenuFuncionesVariante").innerHTML=""; url='buscarFuncionesTodas.php'; param="letra="+letra; var ajaxRequest = new Ajax.Request(url,{method: 'POST', parameters: param, asynchronous: true, onSuccess: function(transport) { arrayRoles = transport.responseText.evalJSON(); $("ladoDer").innerHTML=""; var table = document.createElement('TABLE'); table.width='98%'; table.style.font="11px Verdana, Arial, Helvetica, sans-serif"; table.border='0'; table.cellspacing="0"; table.cellpadding="0"; table.setAttribute("class","bloquesPreview"); if(arrayRoles.length == 0) { var tbody = document.createElement('TBODY'); var tr = document.createElement('TR'); var td1 = document.createElement('TD');td1.setAttribute("colspan","2");
td1.style.background="#FFFFFF"; td1.innerHTML ="<div style='float:left; margin-right:8px;'><img
src='../../images/find.ico' alt='ico1' /></div><div style=' text-align:left'><h3>Resultados de la búsqueda</h3></div><div class='small' style='margin-bottom:7px'><b>No hay Resultados...</b></div>";
$("LstMenuVar").style.display="none"; tr.appendChild(td1); tbody.appendChild(tr); table.appendChild(tbody); $("ladoDer").appendChild(table); return; } var tbody = document.createElement('TBODY'); var tr = document.createElement('TR'); var td1 = document.createElement('TD'); td1.align="left";
td1.style.color="#B1B1B1"; td1.setAttribute("colspan","2"); td1.innerHTML=" <div style='float:left; margin-right:8px;'><img src='../../images/find.ico'
alt='ico1' /></div><div style=' text-align:left'><h3>Resultados de la búsqueda</h3></div><div class='small' style='margin-bottom:7px;'>Resultados para <b>"+arrayRoles[0].q5+"</b></div><br />";
tr.appendChild(td1); tbody.appendChild(tr); table.appendChild(tbody); var menuizq ="<ul class='menu' style='background-color:#FFF' >"; $("LstMenuVar").style.display="inline"; $("tituloMenuVariante").innerHTML = '<img src="../../../../images/up.gif" width="14" height="8" alt="up"
/> Funciones de '+arrayRoles[0].q5.substring(0,13)+'...' ; for(i=0;i<arrayRoles.length;i++) { menuizq +="<li><a
href='javascript:buscarDatosFunciones(""+arrayRoles[i].q2+"")'>"+arrayRoles[i].q1+"</a></li>"; var tbody = document.createElement('TBODY'); tbody.align='left'; var tr = document.createElement('TR'); //if( i%2 ==
0){tr.style.background="#E0EAF7";} var tr2 = document.createElement('TR'); var tr3 = document.createElement('TR'); var td1 = document.createElement('TD'); var td2 = document.createElement('TD'); var td3 = document.createElement('TD'); //td1.innerHTML ="<a
href='javascript:loading2(""+arrayRoles[i].q2+"")'>"+arrayRoles[i].q1+"</a>"; td1.innerHTML ="<a
href='javascript:buscarDatosFunciones(""+arrayRoles[i].q2+"")'><b>"+arrayRoles[i].q1+"</b></a>";
td2.innerHTML = arrayRoles[i].q3.substring(0,200)+" <b>...</b>"; td3.innerHTML = "<b>"+arrayRoles[i].q5 +"</b> // <b>"+arrayRoles[i].q4+"</b><br><hr>";
td3.style.color="#006600"; tr.appendChild(td1); tr2.appendChild(td2); tr3.appendChild(td3); tbody.appendChild(tr); tbody.appendChild(tr2);
60
tbody.appendChild(tr3); table.setAttribute("class","bloquesPreview"); table.appendChild(tbody); //table.appendChild(tr2); //table.appendChild(tr3); } // fin FOR menuizq +="</ul>"; $("MenuFuncionesVariante").innerHTML=menuizq; $("ladoDer").appendChild(table);
} } ); } /////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// function comments(id){ url='comentarios.php'; param="id="+id; // alert(id); data2=""; var ajaxRequest = new Ajax.Request(url,{method: 'POST', parameters: param, asynchronous: true, onSuccess: function(transport) { arrayRoles = transport.responseText.evalJSON(); $('capaComment').innerHTML = ""; for (e=0 ; e < arrayRoles.length; e++){ registro = arrayRoles[e].regs; campos = registro.split(","); //alert(campos); var div1 = document.createElement('DIV'); div1.id="vistaComment"; if(campos[0]=='0' || campos[1]=='Undefined') { data2='No hay Comentarios...'; div1.innerHTML = data2; $('capaComment').appendChild(div1); return; } data2+="<table width='97%' border='0' cellspacing='0' cellpadding='0' style='margin-
bottom:10px'><tr><td width='30%' align='left' valing='top' style='font-size:10px '><img src='../../../../images/male.gif' width='12' height='10' alt='msg' /><span style='color:#006600'><b>"+campos[4]+"</b></span> // <img src='../../../../images/img.gif' width='12' height='10' alt='cal' /> <b>"+campos[5]+" <span style='color:#006600'>Dice:</span></b></td></tr><tr><td width='70%' valing='top' class='bloqueEjemplos' ><div style='font-weight:normal; line-height:18px; text-align:justify; font-size:13px '>"+campos[1]+"</div></td></tr></table>";
} div1.innerHTML = data2; $('capaComment').appendChild(div1); }}); } ///////////////////////////////////////////////////////////// function argumentos(arreglo){ arreglo = arreglo.substring(0,arreglo.length-1); var campos = arreglo.split("@"); var data=""; // var table = document.createElement('Table'); table.width='100%'; // table.border='0'; table.cellspacing="0"; table.cellpadding="0"; table.id="tArgumentos"; // var tabBody = document.createElement('tbody'); // var tr1 = document.createElement('TR'); // var tr2 = document.createElement('TR'); // var td1 = document.createElement('TD'); // var td2 = document.createElement('TD'); data+="<table id='tArgumentos' width='100%' border='0' cellspacing='0' cellpadding='0'>"; for (p=0; p<campos.length; p+=2){ // td1.innerHTML="<p><i class='lstargumentos'>"+campos[p]+"</i></p>"; // td2.innerHTML="<blockquote><div class='bloqueEjemplos'>"+campos[p+1]+"</div></blockquote>"; data+="<tr><td><p><i class='lstargumentos'>"+campos[p]+"</i></p></td></tr>"; data+="<tr><td align='center'><div align='left'
class='bloqueDescrParam'>"+campos[p+1]+"</div></td></tr>"; // tr1.appendChild(td1); // tr2.appendChild(td2); // tabBody.appendChild(tr1); // tabBody.appendChild(tr2); } // table.appendChild(tabBody); data+="</table>"; return data; //$('aquiArgumentos').appendChild(table); //return table; } //////////////////////////////////////////////////////////////////////// function reversaParametros(datos){
61
var campos = datos.split("@"); var texto=""; for (y=0 ; y < campos.length ; y++){ if( y%2 == 0 ) { texto += campos[y].replace(campos[y],"<<"+campos[y]+">>") ; } else { texto += campos[y].replace(campos[y],"--"+campos[y]+"--") ; } } return texto; } //***************************************************************************************************************************************
***********88 // muestra el modulo de vista completa, incluidos los FQS function buscarDatosFunciones(id){ //alert(''); //alert(id); $("capaBusc").innerHTML=""; $("capaBusc").style.display="none"; $("capaLista").style.display='none'; $("capaLista").innerHTML=""; url='buscarDatos.php'; /*dat_nombre_funcion, leng_nombre, dat_descripcion, dat_sintaxys, dat_parametros,
dat_ejemplo, wik_datos_id */ /* 0 1 2 3 4 5 6 */ param="id="+id; var ajaxRequest = new Ajax.Request(url,{method: 'POST', parameters: param, asynchronous: true, onSuccess: function(transport) { arrayRoles = transport.responseText.evalJSON(); $("capaLista").innerHTML=""; $("capaLista").align='center'; $("ladoDer").innerHTML=''; var registro = arrayRoles[0].regs var campos = registro.split("¬"); var divpr = document.createElement('DIV'); divpr.id="vistaFuncion"; var total = campos[2]; //var p = campos[2].length; //alert(p); //for (i=0 ; i < p; i++){ // total = total.replace('[[','<b>'); // total = total.replace(']]','</b>'); // } var data="<div class='bloquesPreview'> <div style='float:right; margin-right:15px; '><a
href='javascript:aWord(""+campos[6]+"")'><img src='/elearning_cisc/contenido/wikikey/images/word.ico' width='20' height='20' alt='word' style='cursor:pointer' title='Descargar a Word..' /> Exportar</a> <b>|</b> <a href='javascript:historial(""+campos[6]+"")'><img src='/elearning_cisc/contenido/wikikey/images/historial.ico' width='20' height='20' alt='word' style='cursor:pointer' title='Historial de Cambios.' /> Historial</a></div><input name='idFunc' id='idFunc' type='hidden' value='"+campos[6]+"' /><div style='float:left; margin-right:10px;'><img src='/elearning_cisc/contenido/wikikey/images/documento.ico' alt='ico1' /></div> <div style='text-align:left'><h3>"+campos[0]+"</h3></div> <div style='margin-bottom:7px; margin_top:2px; font-size:14px'><span style='font-size:10px'>Origen:</span> <b>"+campos[1]+"</b></div><br />";
data+="<div align='center'><div align='left' style='width:98%;'><div
class='tituloBloque'>Descripción<div class='editar'>[<a href='#' onclick='contribucion(1,""+campos[0]+"",""+campos[3]+"",""+total+"")'>editar</a>]</div></div> <div class='bloqueDescr'>"+total+"</div><br />";
data+="<div class='tituloBloque'>Sintaxis<div class='editar'>[<a href='#'
onclick='contribucion(11,""+campos[0]+"",""+campos[3]+"",""+total+"")'>editar</a>]</div></div> <div class='bloqueSintaxis' style='display:block' >"+campos[3]+"</div><br />";
var var3= reversaParametros(campos[4]); data+="<div class='tituloBloque'>Parámetros<div class='editar'>[<a href='#'
onclick='contribucion(2,""+campos[0]+"","",""+var3+"")'>editar</a>]</div></div>"; data+="<div id='aquiArgumentos'
class='bloquelight'>"+argumentos(campos[4])+"</div><br />"; data+="<div class='tituloBloque'>Ejemplos<div class='editar'>[<a href='#'
onclick='contribucion(3,""+campos[0]+"","",""+campos[6]+"")'>editar</a>]</div></div><div class='bloqueEjemplos'><div id='ejemplosArchivo'></div></div></div> </div></div><br />" ; buscDescrip(campos[6]);
data+="<div id='notaultimamod'>Ultima modificacion</div> <br />";
ultimaModificacion(campos[6]); data+="<div class='tituloComentarios'>Comentarios</div><br />";
62
data+="<div class='bloquesPreviewComent' align='center'><div id='capaComment'>"+comments(id)+"</div></div><br/>" ;
data+="<div style='border-bottom:1px solid #0668B3;font:12px Arial;font-
weight:bold;color:#0668B3;'>Déjanos tu comentario</div><div class='bloquesPreviewComent' align='center'> <table width='90%' height='130px' border='0' cellspacing='0' cellpadding='0'><tr><td><textarea name='comment' id='comment' type='text' style='width:100%; height:80px; border:1px inset #000; background:white;' /></textarea></td></tr><tr><td align='right'><input name='comentar' type='button' value='Comentar' onclick = 'guardaComment("+id+")' /></td></tr></table> </div>" ;
divpr.innerHTML = data; $("ladoDer").appendChild(divpr); }}); } //************************* fecha que se hizo la ultima modificacion *********************** function ultimaModificacion(id){ url='ultimaModificacion.php'; param="id="+id; var ajaxRequest = new Ajax.Request(url,{method: 'POST', parameters: param, asynchronous: true, onSuccess: function(transport) { $('notaultimamod').innerHTML = transport.responseText;
}}); } //****************** buscar descripciones ****************************************** function buscDescrip(id){ url='buscarDescripcion.php'; param="id="+id; var ajaxRequest = new Ajax.Request(url,{method: 'POST', parameters: param, asynchronous: true, onSuccess: function(transport) { $('ejemplosArchivo').innerHTML =
transport.responseText; }}); } //***************************************************************************************************************************************
*************** function guardaComment(id){ //$_SESSION["usNoms"] $_SESSION["usApes"] param="comm="+$('comment').value+"&id="+id ; url='guardarComment.php'; var ajaxRequest = new Ajax.Request(url,{method: 'POST', parameters: param, asynchronous: true, onSuccess: function(transport) { result = transport.responseText; alert(result); $('comment').value=""; comments(id); }}); } //////////////////////////////////////////////////////////////////////////////////////////////////////// function reglas(){ $("capaLista").style.display='block'; $("capaLista").innerHTML="<img src='../../images/tabla1.jpg' width='100%' height='100%' alt='tabla' />"; } //////////////////////////////////////////////////////////////////////////////////////////////////////// function siVa(id){ url='../editor/YNaportaciones.php'; var param = "id="+id+"&op=Y"; var ajaxRequest = new Ajax.Request(url,{method: 'post', parameters: param, asynchronous: true, onSuccess: function(transport) { $(id).innerHTML="<b style='color:red;
font-size:9px'>Aprobada</b>"; }} ); } function noVa(id){ url='../editor/YNaportaciones.php'; var param = "id="+id+"&op=N"; var ajaxRequest = new Ajax.Request(url,{method: 'post', parameters: param, asynchronous: true, onSuccess: function(transport) { $(id).innerHTML="<b style='color:red;
font-size:9px'>Eliminada</b>"; }} ); } function aWord(id){ var url="aWord.php?id="+id; var ventana = window.open(url,"Wiki
Cisc","toolbar=0,scrollbars=1,directories=0,location=0,Menubar=0,Status=0,Titlebar=0,Toolbar=0,width=1000, height=700,resizable=1");
63
} /*---------------------------------------------------------------------*/ function bajarVentanas(){ $("capaBusc").innerHTML="" ; $("capaBusc").style.display="none"; $("LstMenuVar").style.height='15px'; $("MenuFuncionesVariante").style.display='none'; $("capaLista").innerHTML = ""; $("capaLista").style.display = "none"; } </script>
Archivo: portada.php
Elaboración: Carlos A. Zambrano I.
Cuadro 4.
Java Script del Sistema parte 2 function guardaEjemplo(){ txtEjemplos(); var url='../editor/guardarDesc.php'; var param= "desc="+$("nEjemplo").value+"&func="+$("nFuncion").value; var ajaxRequest = new Ajax.Request(url,{method: 'post', parameters: param, asynchronous: true, onSuccess: function(transport) { $('divEjemplo').innerHTML= transport.responseText; }} ); } function max(txarea) { total = 500; tam = txarea.value.length; str=""; str=str+tam; //Digitado.innerHTML = str; document.getElementById('totalletras').innerHTML= total - str; if (tam > total){ aux = txarea.value; txarea.value = aux.substring(0,total); //Digitado.innerHTML = total document.getElementById('totalletras').innerHTML= 0 } } function timerPreview(id,func){ $(id).innerHTML='<img src="../../../../images/5.gif" alt="loading"/>'; setTimeout (func, 1000); } function transParametros(){ var value = $("nParametros").value; value = value.replace(/<</gi,"@"); value = value.replace(/>>/gi,"@"); value = value.replace(/--/gi,""); value = value.substring(1,value.length); return value; } function retParam(){ var value=transParametros(); var table = value.split("@"); var rows = table.length; var data=""; for (p=0; p<rows; p+=2){ data+="<p><i style='border-bottom:1px solid #CCCCCC'>"+table[p]+"</i></p>"; data+="<blockquote><div class='bloqueEjemplos'>"+table[p+1]+"</div></blockquote>"; } return data; } //****************************** preview ******************************************* //**************************
64
function preview (opEd) { var opaco = document.createElement('DIV'); opaco.setAttribute("class","opaco"); opaco.id="win"; opaco.align="center"; document.body.appendChild(opaco); //document.documentElement.appendChild(opaco); //alert('1'); var blanco = document.createElement('DIV'); blanco.setAttribute("class","blanco"); blanco.id="winblanco"; document.body.appendChild(blanco); //return; $("divPrev").innerHTML=''; var divpr = document.createElement('DIV'); var adver = document.createElement('div'); adver.align='center'; adver.innerHTML='<a href="#" onclick="borraWin()" style="float:right;margin-right:8px; margin-top:5px; "><h2><img
src="../../../../images/cancel_12x12.png" width="12" height="12" alt="close" style="margin-right:5px;" />Cerrar</h2></a><div id="advertencia" class="advertencia"><div style="float:left; margin-right:8px;"><img src="../../images/contribuciones.ico" alt="ico1" /></div><div style=" text-align:left"><h3>Previsualización</h3></div><div class="small" style="color:#000">¡Recuerda que esto es sólo una <b>previsualización</b> y no ha sido guardada todavía!</div></div><br />';
divpr.id="preview"; var total=""; //var sintax=""; var data=""; if(opEd==0 || opEd==1){ var total = $("nDescripcion").value var p = $("nDescripcion").value.length; for (i=0 ; i < p; i++){ total = total.replace('[[','<b>'); total = total.replace(']]','</b>'); } } if(opEd==0){ var opLenguaje= $('cmbLenguaje') ; var nLenguaje = opLenguaje.options[opLenguaje.selectedIndex].text ; data+="<div style='float:left; margin-right:10px;'><img src='/elearning_cisc/contenido/wikikey/images/documento.ico'
alt='ico1' /></div> <div style=' text-align:left'><h3>"+$("nFuncion").value+"</h3></div> <div style='margin-bottom:7px;font-size:14px'>Origen: <b>"+nLenguaje+"</b></div>";
} if(opEd==0 || opEd==1){ data+="<div class='bloquesPreview'><div class='tituloBloque'>Descripción</div><br /><div
class='bloqueSintaxis' style='display:block' >"+$('nSintaxis').value+"</div><p class='bloqueDescr'>"+total+"</p></div><br />";
} if(opEd==0 || opEd==2){ data+="<div class='bloquesPreview'><div class='tituloBloque'>Parámetros o Argumentos de la
Función</div><br />"; data+="<div class='bloquelight'>"+retParam()+"</div></div><br />"; } if(opEd==0 || opEd==3){ data+="<div class='bloquesPreview'><div class='tituloBloque'>Ejemplos</div><br /><div class='bloqueEjemplos'><div
id='divEjemplo'></div></div></div>" ; } data+='<br /><a href="#" onclick="borraWin()"><h2><img src="../../../../images/cancel_12x12.png" width="12"
height="12" alt="close" style="margin-right:5px;" />Cerrar</h2></a>'; divpr.innerHTML = data; //$("divPrev").appendChild(adver); //$("divPrev").appendChild(divpr); $("winblanco").appendChild(adver); $("winblanco").appendChild(divpr); if(opEd==0 || opEd==3){ guardaEjemplo(); } } //************************************************************************************************* //************************************************************************************************* function borraWin(){ var del = document.getElementById("win"); del.parentNode.removeChild(del); del = document.getElementById("winblanco");
65
del.parentNode.removeChild(del); } /*---------------------------------------------------*/ function txtEjemplos(){ var total = $("nEjemplo").value //var p = $("nEjemplo").value.length; //for (i=0 ; i < p; i++){ //total = total.replace(/--/g,'<br />'); total = total.replace(/[<]/gi,'1'); total = total.replace(/[?]/gi,'2'); total = total.replace(/php/gi,'p*h*p'); //total = total.replace(/ ?>/g,'*?*>*'); //total = total.replace('; ',';<br>'); //} $("nEjemplo").value = total; } function agregap(){ var table = $('tParam'); //document.getElementsByTagName("TBODY")[4]; table.width="100%";// var tbody1 = document.createElement('TBODY'); var tr = document.createElement('TR'); var td1 = document.createElement('TD'); var td2 = document.createElement('TD'); td2.width="68%"; var td3 = document.createElement('TD'); td3.align="center"; var td4 = document.createElement('TD'); //var ico1 = document.createElement('img'); var ico2 = document.createElement('img'); ico2.title='Eliminar la Fila'; ico2.style.cursor='pointer'; ico2.setAttribute('src', '../../../../images/ico3.png'); ico2.onclick = function() { //var table = table;//document.getElementsByTagName("TBODY")[0]; var table =
$('tParam'); var tdPadre = ico2.parentNode; var trPadre = tdPadre.parentNode; var tbx = trPadre.parentNode; if(table.childNodes.length > 3 ){table.removeChild(tbx);} else{
tbx.childNodes[0].childNodes[0].firstChild.value='';
tbx.childNodes[0].childNodes[1].firstChild.value=''; } } td1.innerHTML="<textarea style='width:99%; height:30px' type='text' size='26'></textarea>"; td2.innerHTML="<textarea style='width:99%; height:30px' type='text' size='26'></textarea>"; td3.innerHTML="<img src='../../../../images/ico2.png' alt='ok' width='24' height='24' style='cursor:pointer'
onclick='agregap()' title='Agregar Nueva Fila'/>"; td4.appendChild(ico2); tr.appendChild(td1); tr.appendChild(td2); tr.appendChild(td3); tr.appendChild(td4); tbody1.appendChild(tr) table.appendChild(tbody1); } function guardar(edit,id){ //alert(id); if(confirm('Confirme Guardar ?')){ //if($("tipo_pregunta").value!="0" && $("pregunta").value != "" && $("cantidad_op").value != "0" &&
$("pre_puntaje").value != "0" ){ url='../../contenido/editor/guardar.php'; var param=""; if(edit==0){ param =
"cmbLenguaje="+$("cmbLenguaje").value+"&nFuncion="+$("nFuncion").value+"&nSintaxis="+$("nSintaxis").value+"&nDescripcion="+$("nDescripcion").value+"&nParametros="+transParametros()+"&nEjemplo="+$("nEjemplo").value+"&seguimiento="+$("seguimiento").checked ;
} else if(edit == 1){ param =
"nDescripcion="+$("nDescripcion").value+"&seguimiento="+$("seguimiento").checked ;
}else if(edit == 11){ param =
"nSintaxis="+$("nSintaxis").value+"&seguimiento="+$("seguimiento").checked ;
66
}else if(edit == 2){ param =
"nParametros="+transParametros()+"&seguimiento="+$("seguimiento").checked ;
} else if(edit == 3){
param = "nEjemplo="+$("nEjemplo").value+"&seguimiento="+$("seguimiento").checked ;
} param += "&edit="+edit+"&idUpdate="+id;
// alert(param); return; var ajaxRequest = new Ajax.Request(url,{method: 'post', parameters: param, asynchronous: true, onSuccess: function(transport) { alert(transport.responseText); $("menuImportante").innerHTML='| <a
href="javascript:importante()" title="Existen Contribuciones Nuevas Esperando ser Aceptadas..."><span style="color:red;">Importante!</span></a>';
portada();
//window.location="contenido_examen.php"; }} );
} } function revertir(idDat){ //alert(idDat); //alert(itemMod); var elementos = document.getElementsByTagName("INPUT"); var edit; var valor; for(u=0 ; u < elementos.length ; u++){ if(elementos[u].type=="radio" && elementos[u].checked==true){ valor= elementos[u].value; edit = elementos[u].id; if(confirm('Confirme Revertir Datos ?')){ url='../../contenido/editor/guardar.php'; var param=""; if(edit == 1){ param = "nDescripcion="+valor+"&seguimiento=false" ; }else if(edit == 11){ param =
"nSintaxis="+valor+"&seguimiento=false"; }else if(edit == 2){ param =
"nParametros="+valor+"&seguimiento=false";
} else if(edit == 3){
param = "nEjemplo="+valor+"&seguimiento=false";
} param += "&edit="+edit+"&idUpdate="+idDat;
// alert(param); return; var ajaxRequest = new Ajax.Request(url,{method: 'post', parameters: param, asynchronous: true, onSuccess: function(transport) { alert(transport.responseText); //portada();
//window.location="contenido_examen.php"; }} );
} }//if }//for } function retornaPostparametros(claseTxt){ var l=document.getElementsByClassName(claseTxt); var f=0; var param=''; for(f=0;f<l.length;f++ ){ if(l[f].type == "radio") { if(l[f].checked == true) param += ""+l[f].id+"=Y&" ; else param += ""+l[f].id+"=N&" ;
67
} else param += ""+l[f].id+"="+l[f].value+"&" ; } var porcion = param.substring(0,param.length-1); return porcion; } function borraDen(id){ url='../seguimientos/YNdenuncias.php'; var param = "id="+id+"&op=N"; var ajaxRequest = new Ajax.Request(url,{method: 'post', parameters: param, asynchronous: true, onSuccess: function(transport) { $(id).innerHTML="<b style='color:red;
font-size:9px'><img src='/elearning_cisc/images/16.gif' width='35' height='35' alt='load' />"+transport.responseText+"</b>";
setTimeout('denuncias()',2000); }} ); } function acepDen(id,text){ url='../seguimientos/YNdenuncias.php'; var param = "id="+id+"&op=Y&descrip="+$(text).value; var ajaxRequest = new Ajax.Request(url,{method: 'post', parameters: param, asynchronous: true, onSuccess: function(transport) { $(id).innerHTML="<b style='color:red;
font-size:9px'><img src='/elearning_cisc/images/16.gif' width='35' height='35' alt='load' />"+transport.responseText+"</b>";
setTimeout('denuncias()',2000);
}} ); } function validar_enter(e, valor) { var key; if(window.event) // IE { key = e.keyCode; } else if(e.which) // Netscape/Firefox/Opera { key = e.which; } if (key == 13) { buscarTodo(valor); return true; } return false; };
Archivo: funciones.js
Elaboración: Carlos A. Zambrano I.
Cuadro 5.
API de AJAX /* Prototype JavaScript framework, version 1.6.1_rc2 * (c) 2005-2009 Sam Stephenson * * Prototype is freely distributable under the terms of an MIT-style license. * For details, see the Prototype web site: http://www.prototypejs.org/ * *--------------------------------------------------------------------------*/ var Prototype = { Version: '1.6.1_rc2', Browser: {
68
IE: !!(window.attachEvent && navigator.userAgent.indexOf('Opera') === -1), Opera: navigator.userAgent.indexOf('Opera') > -1, WebKit: navigator.userAgent.indexOf('AppleWebKit/') > -1, Gecko: navigator.userAgent.indexOf('Gecko') > -1 && navigator.userAgent.indexOf('KHTML') === -1, MobileSafari: !!navigator.userAgent.match(/Apple.*Mobile.*Safari/) }, BrowserFeatures: { XPath: !!document.evaluate, SelectorsAPI: !!document.querySelector, ElementExtensions: (function() { if (window.HTMLElement && window.HTMLElement.prototype) return true; if (window.Element && window.Element.prototype) return true; })(), SpecificElementExtensions: (function() { if (typeof window.HTMLDivElement !== 'undefined') return true; var div = document.createElement('div'); if (div['__proto__'] && div['__proto__'] !== document.createElement('form')['__proto__']) { return true; } return false; })() }, ScriptFragment: '<script[^>]*>([\\S\\s]*?)<\/script>', JSONFilter: /^\/\*-secure-([\s\S]*)\*\/\s*$/, emptyFunction: function() { }, K: function(x) { return x } }; if (Prototype.Browser.MobileSafari) Prototype.BrowserFeatures.SpecificElementExtensions = false; var Abstract = { }; var Try = { these: function() { var returnValue; for (var i = 0, length = arguments.length; i < length; i++) { var lambda = arguments[i]; try { returnValue = lambda(); break; } catch (e) { } } return returnValue; } }; /* Based on Alex Arnell's inheritance implementation. */ var Class = (function() { function create() { var parent = null, properties = $A(arguments); if (Object.isFunction(properties[0])) parent = properties.shift(); function klass() { this.initialize.apply(this, arguments); } Object.extend(klass, Class.Methods);
69
klass.superclass = parent; klass.subclasses = []; if (parent) { var subclass = function() {}; subclass.prototype = parent.prototype; klass.prototype = new subclass; parent.subclasses.push(klass); } for (var i = 0; i < properties.length; i++) klass.addMethods(properties[i]); if (!klass.prototype.initialize) klass.prototype.initialize = Prototype.emptyFunction; klass.prototype.constructor = klass; return klass; } function addMethods(source) { var ancestor = this.superclass && this.superclass.prototype; var properties = Object.keys(source); if (!Object.keys({ toString: true }).length) { if (source.toString != Object.prototype.toString) properties.push("toString"); if (source.valueOf != Object.prototype.valueOf) properties.push("valueOf"); } for (var i = 0, length = properties.length; i < length; i++) { var property = properties[i], value = source[property]; if (ancestor && Object.isFunction(value) && value.argumentNames().first() == "$super") { var method = value; value = (function(m) { return function() { return ancestor[m].apply(this, arguments); }; })(property).wrap(method); value.valueOf = method.valueOf.bind(method); value.toString = method.toString.bind(method); } this.prototype[property] = value; } return this; } return { create: create, Methods: { addMethods: addMethods } }; })(); (function() { function getClass(object) { return Object.prototype.toString.call(object) .match(/^\[object\s(.*)\]$/)[1]; } function extend(destination, source) { for (var property in source) destination[property] = source[property]; return destination; } function inspect(object) { try { if (isUndefined(object)) return 'undefined'; if (object === null) return 'null'; return object.inspect ? object.inspect() : String(object); } catch (e) {
70
if (e instanceof RangeError) return '...'; throw e; } } function toJSON(object) { var type = typeof object; switch (type) { case 'undefined': case 'function': case 'unknown': return; case 'boolean': return object.toString(); } if (object === null) return 'null'; if (object.toJSON) return object.toJSON(); if (isElement(object)) return; var results = []; for (var property in object) { var value = toJSON(object[property]); if (!isUndefined(value)) results.push(property.toJSON() + ': ' + value); } return '{' + results.join(', ') + '}'; } function toQueryString(object) { return $H(object).toQueryString(); } function toHTML(object) { return object && object.toHTML ? object.toHTML() : String.interpret(object); } function keys(object) { var results = []; for (var property in object) results.push(property); return results; } function values(object) { var results = []; for (var property in object) results.push(object[property]); return results; } function clone(object) { return extend({ }, object); } function isElement(object) { return !!(object && object.nodeType == 1); } function isArray(object) { return getClass(object) === "Array"; } function isHash(object) { return object instanceof Hash; } function isFunction(object) { return typeof object === "function"; } function isString(object) { return getClass(object) === "String"; }
71
function isNumber(object) { return getClass(object) === "Number"; } function isUndefined(object) { return typeof object === "undefined"; } extend(Object, { extend: extend, inspect: inspect, toJSON: toJSON, toQueryString: toQueryString, toHTML: toHTML, keys: keys, values: values, clone: clone, isElement: isElement, isArray: isArray, isHash: isHash, isFunction: isFunction, isString: isString, isNumber: isNumber, isUndefined: isUndefined }); })(); Object.extend(Function.prototype, (function() { var slice = Array.prototype.slice; function update(array, args) { var arrayLength = array.length, length = args.length; while (length--) array[arrayLength + length] = args[length]; return array; } function merge(array, args) { array = slice.call(array, 0); return update(array, args); } function argumentNames() { var names = this.toString().match(/^[\s\(]*function[^(]*\(([^)]*)\)/)[1] .replace(/\/\/.*?[\r\n]|\/\*(?:.|[\r\n])*?\*\//g, '') .replace(/\s+/g, '').split(','); return names.length == 1 && !names[0] ? [] : names; } function bind(context) { if (arguments.length < 2 && Object.isUndefined(arguments[0])) return this; var __method = this, args = slice.call(arguments, 1); return function() { var a = merge(args, arguments); return __method.apply(context, a); } } function bindAsEventListener(context) { var __method = this, args = slice.call(arguments, 1); return function(event) { var a = update([event || window.event], args); return __method.apply(context, a); } } function curry() { if (!arguments.length) return this; var __method = this, args = slice.call(arguments, 0); return function() { var a = merge(args, arguments); return __method.apply(this, a); } } function delay(timeout) { var __method = this, args = slice.call(arguments, 1);
72
timeout = timeout * 1000 return window.setTimeout(function() { return __method.apply(__method, args); }, timeout); } function defer() { var args = update([0.01], arguments); return this.delay.apply(this, args); } function wrap(wrapper) { var __method = this; return function() { var a = update([__method.bind(this)], arguments); return wrapper.apply(this, a); } } function methodize() { if (this._methodized) return this._methodized; var __method = this; return this._methodized = function() { var a = update([this], arguments); return __method.apply(null, a); }; } return { argumentNames: argumentNames, bind: bind, bindAsEventListener: bindAsEventListener, curry: curry, delay: delay, defer: defer, wrap: wrap, methodize: methodize } })()); Date.prototype.toJSON = function() { return '"' + this.getUTCFullYear() + '-' + (this.getUTCMonth() + 1).toPaddedString(2) + '-' + this.getUTCDate().toPaddedString(2) + 'T' + this.getUTCHours().toPaddedString(2) + ':' + this.getUTCMinutes().toPaddedString(2) + ':' + this.getUTCSeconds().toPaddedString(2) + 'Z"'; }; RegExp.prototype.match = RegExp.prototype.test; RegExp.escape = function(str) { return String(str).replace(/([.*+?^=!:${}()|[\]\/\\])/g, '\\$1'); }; var PeriodicalExecuter = Class.create({ initialize: function(callback, frequency) { this.callback = callback; this.frequency = frequency; this.currentlyExecuting = false; this.registerCallback(); }, registerCallback: function() { this.timer = setInterval(this.onTimerEvent.bind(this), this.frequency * 1000); }, execute: function() { this.callback(this); }, stop: function() { if (!this.timer) return;
73
clearInterval(this.timer); this.timer = null; }, onTimerEvent: function() { if (!this.currentlyExecuting) { try { this.currentlyExecuting = true; this.execute(); } catch(e) { /* empty catch for clients that don't support try/finally */ } finally { this.currentlyExecuting = false; } } } }); Object.extend(String, { interpret: function(value) { return value == null ? '' : String(value); }, specialChar: { '\b': '\\b', '\t': '\\t', '\n': '\\n', '\f': '\\f', '\r': '\\r', '\\': '\\\\' } }); Object.extend(String.prototype, (function() { function prepareReplacement(replacement) { if (Object.isFunction(replacement)) return replacement; var template = new Template(replacement); return function(match) { return template.evaluate(match) }; } function gsub(pattern, replacement) { var result = '', source = this, match; replacement = prepareReplacement(replacement); if (Object.isString(pattern)) pattern = RegExp.escape(pattern); if (!(pattern.length || pattern.source)) { replacement = replacement(''); return replacement + source.split('').join(replacement) + replacement; } while (source.length > 0) { if (match = source.match(pattern)) { result += source.slice(0, match.index); result += String.interpret(replacement(match)); source = source.slice(match.index + match[0].length); } else { result += source, source = ''; } } return result; } function sub(pattern, replacement, count) { replacement = prepareReplacement(replacement); count = Object.isUndefined(count) ? 1 : count; return this.gsub(pattern, function(match) { if (--count < 0) return match[0]; return replacement(match); }); } function scan(pattern, iterator) {
74
this.gsub(pattern, iterator); return String(this); } function truncate(length, truncation) { length = length || 30; truncation = Object.isUndefined(truncation) ? '...' : truncation; return this.length > length ? this.slice(0, length - truncation.length) + truncation : String(this); } function strip() { return this.replace(/^\s+/, '').replace(/\s+$/, ''); } function stripTags() { return this.replace(/<\/?[^>]+>/gi, ''); } function stripScripts() { return this.replace(new RegExp(Prototype.ScriptFragment, 'img'), ''); } function extractScripts() { var matchAll = new RegExp(Prototype.ScriptFragment, 'img'); var matchOne = new RegExp(Prototype.ScriptFragment, 'im'); return (this.match(matchAll) || []).map(function(scriptTag) { return (scriptTag.match(matchOne) || ['', ''])[1]; }); } function evalScripts() { return this.extractScripts().map(function(script) { return eval(script) }); } function escapeHTML() { escapeHTML.text.data = this; return escapeHTML.div.innerHTML; } function unescapeHTML() { var div = document.createElement('div'); div.innerHTML = this.stripTags(); return div.childNodes[0] ? (div.childNodes.length > 1 ? $A(div.childNodes).inject('', function(memo, node) { return memo+node.nodeValue }) : div.childNodes[0].nodeValue) : ''; } function toQueryParams(separator) { var match = this.strip().match(/([^?#]*)(#.*)?$/); if (!match) return { }; return match[1].split(separator || '&').inject({ }, function(hash, pair) { if ((pair = pair.split('='))[0]) { var key = decodeURIComponent(pair.shift()); var value = pair.length > 1 ? pair.join('=') : pair[0]; if (value != undefined) value = decodeURIComponent(value); if (key in hash) { if (!Object.isArray(hash[key])) hash[key] = [hash[key]]; hash[key].push(value); } else hash[key] = value; } return hash; }); } function toArray() { return this.split(''); } function succ() { return this.slice(0, this.length - 1) + String.fromCharCode(this.charCodeAt(this.length - 1) + 1);
75
} function times(count) { return count < 1 ? '' : new Array(count + 1).join(this); } function camelize() { var parts = this.split('-'), len = parts.length; if (len == 1) return parts[0]; var camelized = this.charAt(0) == '-' ? parts[0].charAt(0).toUpperCase() + parts[0].substring(1) : parts[0]; for (var i = 1; i < len; i++) camelized += parts[i].charAt(0).toUpperCase() + parts[i].substring(1); return camelized; } function capitalize() { return this.charAt(0).toUpperCase() + this.substring(1).toLowerCase(); } function underscore() { return this.gsub(/::/, '/').gsub(/([A-Z]+)([A-Z][a-z])/,'#{1}_#{2}').gsub(/([a-z\d])([A-Z])/,'#{1}_#{2}').gsub(/-
/,'_').toLowerCase(); } function dasherize() { return this.gsub(/_/,'-'); } function inspect(useDoubleQuotes) { var escapedString = this.gsub(/[\x00-\x1f\\]/, function(match) { var character = String.specialChar[match[0]]; return character ? character : '\\u00' + match[0].charCodeAt().toPaddedString(2, 16); }); if (useDoubleQuotes) return '"' + escapedString.replace(/"/g, '\\"') + '"'; return "'" + escapedString.replace(/'/g, '\\\'') + "'"; } function toJSON() { return this.inspect(true); } function unfilterJSON(filter) { return this.sub(filter || Prototype.JSONFilter, '#{1}'); } function isJSON() { var str = this; if (str.blank()) return false; str = this.replace(/\\./g, '@').replace(/"[^"\\\n\r]*"/g, ''); return (/^[,:{}\[\]0-9.\-+Eaeflnr-u \n\r\t]*$/).test(str); } function evalJSON(sanitize) { var json = this.unfilterJSON(); try { if (!sanitize || json.isJSON()) return eval('(' + json + ')'); } catch (e) { } throw new SyntaxError('Badly formed JSON string: ' + this.inspect()); } function include(pattern) { return this.indexOf(pattern) > -1; } function startsWith(pattern) { return this.indexOf(pattern) === 0; } function endsWith(pattern) { var d = this.length - pattern.length;
76
return d >= 0 && this.lastIndexOf(pattern) === d; } function empty() { return this == ''; } function blank() { return /^\s*$/.test(this); } function interpolate(object, pattern) { return new Template(this, pattern).evaluate(object); } return { gsub: gsub, sub: sub, scan: scan, truncate: truncate, strip: strip, stripTags: stripTags, stripScripts: stripScripts, extractScripts: extractScripts, evalScripts: evalScripts, escapeHTML: escapeHTML, unescapeHTML: unescapeHTML, toQueryParams: toQueryParams, parseQuery: toQueryParams, toArray: toArray, succ: succ, times: times, camelize: camelize, capitalize: capitalize, underscore: underscore, dasherize: dasherize, inspect: inspect, toJSON: toJSON, unfilterJSON: unfilterJSON, isJSON: isJSON, evalJSON: evalJSON, include: include, startsWith: startsWith, endsWith: endsWith, empty: empty, blank: blank, interpolate: interpolate }; })()); Object.extend(String.prototype.escapeHTML, { div: document.createElement('div'), text: document.createTextNode('') }); String.prototype.escapeHTML.div.appendChild(String.prototype.escapeHTML.text); if ('<\n>'.escapeHTML() !== '<\n>') { String.prototype.escapeHTML = function() { return this.replace(/&/g,'&').replace(/</g,'<').replace(/>/g,'>'); } } if ('<\n>'.unescapeHTML() !== '<\n>') { String.prototype.unescapeHTML = function() { return this.stripTags().replace(/</g,'<').replace(/>/g,'>').replace(/&/g,'&'); } } var Template = Class.create({ initialize: function(template, pattern) { this.template = template.toString(); this.pattern = pattern || Template.Pattern; }, evaluate: function(object) {
77
if (Object.isFunction(object.toTemplateReplacements)) object = object.toTemplateReplacements(); return this.template.gsub(this.pattern, function(match) { if (object == null) return ''; var before = match[1] || ''; if (before == '\\') return match[2]; var ctx = object, expr = match[3]; var pattern = /^([^.[]+|\[((?:.*?[^\\])?)\])(\.|\[|$)/; match = pattern.exec(expr); if (match == null) return before; while (match != null) { var comp = match[1].startsWith('[') ? match[2].gsub('\\\\]', ']') : match[1]; ctx = ctx[comp]; if (null == ctx || '' == match[3]) break; expr = expr.substring('[' == match[3] ? match[1].length : match[0].length); match = pattern.exec(expr); } return before + String.interpret(ctx); }); } }); Template.Pattern = /(^|.|\r|\n)(#\{(.*?)\})/; var $break = { }; var Enumerable = (function() { function each(iterator, context) { var index = 0; try { this._each(function(value) { iterator.call(context, value, index++); }); } catch (e) { if (e != $break) throw e; } return this; } function eachSlice(number, iterator, context) { var index = -number, slices = [], array = this.toArray(); if (number < 1) return array; while ((index += number) < array.length) slices.push(array.slice(index, index+number)); return slices.collect(iterator, context); } function all(iterator, context) { iterator = iterator || Prototype.K; var result = true; this.each(function(value, index) { result = result && !!iterator.call(context, value, index); if (!result) throw $break; }); return result; } function any(iterator, context) { iterator = iterator || Prototype.K; var result = false; this.each(function(value, index) { if (result = !!iterator.call(context, value, index)) throw $break; }); return result; } function collect(iterator, context) { iterator = iterator || Prototype.K; var results = []; this.each(function(value, index) {
78
results.push(iterator.call(context, value, index)); }); return results; } function detect(iterator, context) { var result; this.each(function(value, index) { if (iterator.call(context, value, index)) { result = value; throw $break; } }); return result; } function findAll(iterator, context) { var results = []; this.each(function(value, index) { if (iterator.call(context, value, index)) results.push(value); }); return results; } function grep(filter, iterator, context) { iterator = iterator || Prototype.K; var results = []; if (Object.isString(filter)) filter = new RegExp(RegExp.escape(filter)); this.each(function(value, index) { if (filter.match(value)) results.push(iterator.call(context, value, index)); }); return results; } function include(object) { if (Object.isFunction(this.indexOf)) if (this.indexOf(object) != -1) return true; var found = false; this.each(function(value) { if (value == object) { found = true; throw $break; } }); return found; } function inGroupsOf(number, fillWith) { fillWith = Object.isUndefined(fillWith) ? null : fillWith; return this.eachSlice(number, function(slice) { while(slice.length < number) slice.push(fillWith); return slice; }); } function inject(memo, iterator, context) { this.each(function(value, index) { memo = iterator.call(context, memo, value, index); }); return memo; } function invoke(method) { var args = $A(arguments).slice(1); return this.map(function(value) { return value[method].apply(value, args); }); }
79
function max(iterator, context) { iterator = iterator || Prototype.K; var result; this.each(function(value, index) { value = iterator.call(context, value, index); if (result == null || value >= result) result = value; }); return result; } function min(iterator, context) { iterator = iterator || Prototype.K; var result; this.each(function(value, index) { value = iterator.call(context, value, index); if (result == null || value < result) result = value; }); return result; } function partition(iterator, context) { iterator = iterator || Prototype.K; var trues = [], falses = []; this.each(function(value, index) { (iterator.call(context, value, index) ? trues : falses).push(value); }); return [trues, falses]; } function pluck(property) { var results = []; this.each(function(value) { results.push(value[property]); }); return results; } function reject(iterator, context) { var results = []; this.each(function(value, index) { if (!iterator.call(context, value, index)) results.push(value); }); return results; } function sortBy(iterator, context) { return this.map(function(value, index) { return { value: value, criteria: iterator.call(context, value, index) }; }).sort(function(left, right) { var a = left.criteria, b = right.criteria; return a < b ? -1 : a > b ? 1 : 0; }).pluck('value'); } function toArray() { return this.map(); } function zip() { var iterator = Prototype.K, args = $A(arguments); if (Object.isFunction(args.last())) iterator = args.pop(); var collections = [this].concat(args).map($A); return this.map(function(value, index) { return iterator(collections.pluck(index)); }); }
80
function size() { return this.toArray().length; } function inspect() { return '#<Enumerable:' + this.toArray().inspect() + '>'; } return { each: each, eachSlice: eachSlice, all: all, every: all, any: any, some: any, collect: collect, map: collect, detect: detect, findAll: findAll, select: findAll, filter: findAll, grep: grep, include: include, member: include, inGroupsOf: inGroupsOf, inject: inject, invoke: invoke, max: max, min: min, partition: partition, pluck: pluck, reject: reject, sortBy: sortBy, toArray: toArray, entries: toArray, zip: zip, size: size, inspect: inspect, find: detect }; })(); function $A(iterable) { if (!iterable) return []; if ('toArray' in iterable) return iterable.toArray(); var length = iterable.length || 0, results = new Array(length); while (length--) results[length] = iterable[length]; return results; } function $w(string) { if (!Object.isString(string)) return []; string = string.strip(); return string ? string.split(/\s+/) : []; } Array.from = $A; (function() { var arrayProto = Array.prototype, slice = arrayProto.slice, _each = arrayProto.forEach; // use native browser JS 1.6 implementation if available function each(iterator) { for (var i = 0, length = this.length; i < length; i++) iterator(this[i]);
81
} if (!_each) _each = each; function clear() { this.length = 0; return this; } function first() { return this[0]; } function last() { return this[this.length - 1]; } function compact() { return this.select(function(value) { return value != null; }); } function flatten() { return this.inject([], function(array, value) { if (Object.isArray(value)) return array.concat(value.flatten()); array.push(value); return array; }); } function without() { var values = slice.call(arguments, 0); return this.select(function(value) { return !values.include(value); }); } function reverse(inline) { return (inline !== false ? this : this.toArray())._reverse(); } function uniq(sorted) { return this.inject([], function(array, value, index) { if (0 == index || (sorted ? array.last() != value : !array.include(value))) array.push(value); return array; }); } function intersect(array) { return this.uniq().findAll(function(item) { return array.detect(function(value) { return item === value }); }); } function clone() { return slice.call(this, 0); } function size() { return this.length; } function inspect() { return '[' + this.map(Object.inspect).join(', ') + ']'; } function toJSON() { var results = []; this.each(function(object) { var value = Object.toJSON(object); if (!Object.isUndefined(value)) results.push(value); });
82
return '[' + results.join(', ') + ']'; } function indexOf(item, i) { i || (i = 0); var length = this.length; if (i < 0) i = length + i; for (; i < length; i++) if (this[i] === item) return i; return -1; } function lastIndexOf(item, i) { i = isNaN(i) ? this.length : (i < 0 ? this.length + i : i) + 1; var n = this.slice(0, i).reverse().indexOf(item); return (n < 0) ? n : i - n - 1; } function concat() { var array = slice.call(this, 0), item; for (var i = 0, length = arguments.length; i < length; i++) { item = arguments[i]; if (Object.isArray(item) && !('callee' in item)) { for (var j = 0, arrayLength = item.length; j < arrayLength; j++) array.push(item[j]); } else { array.push(item); } } return array; } Object.extend(arrayProto, Enumerable); if (!arrayProto._reverse) arrayProto._reverse = arrayProto.reverse; Object.extend(arrayProto, { _each: _each, clear: clear, first: first, last: last, compact: compact, flatten: flatten, without: without, reverse: reverse, uniq: uniq, intersect: intersect, clone: clone, toArray: clone, size: size, inspect: inspect, toJSON: toJSON }); var CONCAT_ARGUMENTS_BUGGY = (function() { return [].concat(arguments)[0][0] !== 1; })(1,2) if (CONCAT_ARGUMENTS_BUGGY) arrayProto.concat = concat; if (!arrayProto.indexOf) arrayProto.indexOf = indexOf; if (!arrayProto.lastIndexOf) arrayProto.lastIndexOf = lastIndexOf; })(); function $H(object) { return new Hash(object); }; var Hash = Class.create(Enumerable, (function() { function initialize(object) { this._object = Object.isHash(object) ? object.toObject() : Object.clone(object); } function _each(iterator) { for (var key in this._object) {
83
var value = this._object[key], pair = [key, value]; pair.key = key; pair.value = value; iterator(pair); } } function set(key, value) { return this._object[key] = value; } function get(key) { if (this._object[key] !== Object.prototype[key]) return this._object[key]; } function unset(key) { var value = this._object[key]; delete this._object[key]; return value; } function toObject() { return Object.clone(this._object); } function keys() { return this.pluck('key'); } function values() { return this.pluck('value'); } function index(value) { var match = this.detect(function(pair) { return pair.value === value; }); return match && match.key; } function merge(object) { return this.clone().update(object); } function update(object) { return new Hash(object).inject(this, function(result, pair) { result.set(pair.key, pair.value); return result; }); } function toQueryPair(key, value) { if (Object.isUndefined(value)) return key; return key + '=' + encodeURIComponent(String.interpret(value)); } function toQueryString() { return this.inject([], function(results, pair) { var key = encodeURIComponent(pair.key), values = pair.value; if (values && typeof values == 'object') { if (Object.isArray(values)) return results.concat(values.map(toQueryPair.curry(key))); } else results.push(toQueryPair(key, values)); return results; }).join('&'); } function inspect() { return '#<Hash:{' + this.map(function(pair) { return pair.map(Object.inspect).join(': '); }).join(', ') + '}>'; }
84
function toJSON() { return Object.toJSON(this.toObject()); } function clone() { return new Hash(this); } return { initialize: initialize, _each: _each, set: set, get: get, unset: unset, toObject: toObject, toTemplateReplacements: toObject, keys: keys, values: values, index: index, merge: merge, update: update, toQueryString: toQueryString, inspect: inspect, toJSON: toJSON, clone: clone }; })()); Hash.from = $H; Object.extend(Number.prototype, (function() { function toColorPart() { return this.toPaddedString(2, 16); } function succ() { return this + 1; } function times(iterator, context) { $R(0, this, true).each(iterator, context); return this; } function toPaddedString(length, radix) { var string = this.toString(radix || 10); return '0'.times(length - string.length) + string; } function toJSON() { return isFinite(this) ? this.toString() : 'null'; } function abs() { return Math.abs(this); } function round() { return Math.round(this); } function ceil() { return Math.ceil(this); } function floor() { return Math.floor(this); } return { toColorPart: toColorPart, succ: succ, times: times, toPaddedString: toPaddedString, toJSON: toJSON, abs: abs,
85
round: round, ceil: ceil, floor: floor }; })()); function $R(start, end, exclusive) { return new ObjectRange(start, end, exclusive); } var ObjectRange = Class.create(Enumerable, (function() { function initialize(start, end, exclusive) { this.start = start; this.end = end; this.exclusive = exclusive; } function _each(iterator) { var value = this.start; while (this.include(value)) { iterator(value); value = value.succ(); } } function include(value) { if (value < this.start) return false; if (this.exclusive) return value < this.end; return value <= this.end; } return { initialize: initialize, _each: _each, include: include }; })()); var Ajax = { getTransport: function() { return Try.these( function() {return new XMLHttpRequest()}, function() {return new ActiveXObject('Msxml2.XMLHTTP')}, function() {return new ActiveXObject('Microsoft.XMLHTTP')} ) || false; }, activeRequestCount: 0 }; Ajax.Responders = { responders: [], _each: function(iterator) { this.responders._each(iterator); }, register: function(responder) { if (!this.include(responder)) this.responders.push(responder); }, unregister: function(responder) { this.responders = this.responders.without(responder); }, dispatch: function(callback, request, transport, json) { this.each(function(responder) { if (Object.isFunction(responder[callback])) { try { responder[callback].apply(responder, [request, transport, json]);
86
} catch (e) { } } }); } }; Object.extend(Ajax.Responders, Enumerable); Ajax.Responders.register({ onCreate: function() { Ajax.activeRequestCount++ }, onComplete: function() { Ajax.activeRequestCount-- } }); Ajax.Base = Class.create({ initialize: function(options) { this.options = { method: 'post', asynchronous: true, contentType: 'application/x-www-form-urlencoded', encoding: 'UTF-8', parameters: '', evalJSON: true, evalJS: true }; Object.extend(this.options, options || { }); this.options.method = this.options.method.toLowerCase(); if (Object.isString(this.options.parameters)) this.options.parameters = this.options.parameters.toQueryParams(); else if (Object.isHash(this.options.parameters)) this.options.parameters = this.options.parameters.toObject(); } }); Ajax.Request = Class.create(Ajax.Base, { _complete: false, initialize: function($super, url, options) { $super(options); this.transport = Ajax.getTransport(); this.request(url); }, request: function(url) { this.url = url; this.method = this.options.method; var params = Object.clone(this.options.parameters); if (!['get', 'post'].include(this.method)) { params['_method'] = this.method; this.method = 'post'; } this.parameters = params; if (params = Object.toQueryString(params)) { if (this.method == 'get') this.url += (this.url.include('?') ? '&' : '?') + params; else if (/Konqueror|Safari|KHTML/.test(navigator.userAgent)) params += '&_='; } try { var response = new Ajax.Response(this); if (this.options.onCreate) this.options.onCreate(response); Ajax.Responders.dispatch('onCreate', this, response); this.transport.open(this.method.toUpperCase(), this.url, this.options.asynchronous); if (this.options.asynchronous) this.respondToReadyState.bind(this).defer(1); this.transport.onreadystatechange = this.onStateChange.bind(this); this.setRequestHeaders(); this.body = this.method == 'post' ? (this.options.postBody || params) : null;
87
this.transport.send(this.body); /* Force Firefox to handle ready state 4 for synchronous requests */ if (!this.options.asynchronous && this.transport.overrideMimeType) this.onStateChange(); } catch (e) { this.dispatchException(e); } }, onStateChange: function() { var readyState = this.transport.readyState; if (readyState > 1 && !((readyState == 4) && this._complete)) this.respondToReadyState(this.transport.readyState); }, setRequestHeaders: function() { var headers = { 'X-Requested-With': 'XMLHttpRequest', 'X-Prototype-Version': Prototype.Version, 'Accept': 'text/javascript, text/html, application/xml, text/xml, */*' }; if (this.method == 'post') { headers['Content-type'] = this.options.contentType + (this.options.encoding ? '; charset=' + this.options.encoding : ''); /* Force "Connection: close" for older Mozilla browsers to work * around a bug where XMLHttpRequest sends an incorrect * Content-length header. See Mozilla Bugzilla #246651. */ if (this.transport.overrideMimeType && (navigator.userAgent.match(/Gecko\/(\d{4})/) || [0,2005])[1] < 2005) headers['Connection'] = 'close'; } if (typeof this.options.requestHeaders == 'object') { var extras = this.options.requestHeaders; if (Object.isFunction(extras.push)) for (var i = 0, length = extras.length; i < length; i += 2) headers[extras[i]] = extras[i+1]; else $H(extras).each(function(pair) { headers[pair.key] = pair.value }); } for (var name in headers) this.transport.setRequestHeader(name, headers[name]); }, success: function() { var status = this.getStatus(); return !status || (status >= 200 && status < 300); }, getStatus: function() { try { return this.transport.status || 0; } catch (e) { return 0 } }, respondToReadyState: function(readyState) { var state = Ajax.Request.Events[readyState], response = new Ajax.Response(this); if (state == 'Complete') { try { this._complete = true; (this.options['on' + response.status] || this.options['on' + (this.success() ? 'Success' : 'Failure')] || Prototype.emptyFunction)(response, response.headerJSON); } catch (e) { this.dispatchException(e); }
88
var contentType = response.getHeader('Content-type'); if (this.options.evalJS == 'force' || (this.options.evalJS && this.isSameOrigin() && contentType && contentType.match(/^\s*(text|application)\/(x-)?(java|ecma)script(;.*)?\s*$/i))) this.evalResponse(); } try { (this.options['on' + state] || Prototype.emptyFunction)(response, response.headerJSON); Ajax.Responders.dispatch('on' + state, this, response, response.headerJSON); } catch (e) { this.dispatchException(e); } if (state == 'Complete') { this.transport.onreadystatechange = Prototype.emptyFunction; } }, isSameOrigin: function() { var m = this.url.match(/^\s*https?:\/\/[^\/]*/); return !m || (m[0] == '#{protocol}//#{domain}#{port}'.interpolate({ protocol: location.protocol, domain: document.domain, port: location.port ? ':' + location.port : '' })); }, getHeader: function(name) { try { return this.transport.getResponseHeader(name) || null; } catch (e) { return null; } }, evalResponse: function() { try { return eval((this.transport.responseText || '').unfilterJSON()); } catch (e) { this.dispatchException(e); } }, dispatchException: function(exception) { (this.options.onException || Prototype.emptyFunction)(this, exception); Ajax.Responders.dispatch('onException', this, exception); } }); Ajax.Request.Events = ['Uninitialized', 'Loading', 'Loaded', 'Interactive', 'Complete']; Ajax.Response = Class.create({ initialize: function(request){ this.request = request; var transport = this.transport = request.transport, readyState = this.readyState = transport.readyState; if((readyState > 2 && !Prototype.Browser.IE) || readyState == 4) { this.status = this.getStatus(); this.statusText = this.getStatusText(); this.responseText = String.interpret(transport.responseText); this.headerJSON = this._getHeaderJSON(); } if(readyState == 4) { var xml = transport.responseXML; this.responseXML = Object.isUndefined(xml) ? null : xml;
89
this.responseJSON = this._getResponseJSON(); } }, status: 0, statusText: '', getStatus: Ajax.Request.prototype.getStatus, getStatusText: function() { try { return this.transport.statusText || ''; } catch (e) { return '' } }, getHeader: Ajax.Request.prototype.getHeader, getAllHeaders: function() { try { return this.getAllResponseHeaders(); } catch (e) { return null } }, getResponseHeader: function(name) { return this.transport.getResponseHeader(name); }, getAllResponseHeaders: function() { return this.transport.getAllResponseHeaders(); }, _getHeaderJSON: function() { var json = this.getHeader('X-JSON'); if (!json) return null; json = decodeURIComponent(escape(json)); try { return json.evalJSON(this.request.options.sanitizeJSON || !this.request.isSameOrigin()); } catch (e) { this.request.dispatchException(e); } }, _getResponseJSON: function() { var options = this.request.options; if (!options.evalJSON || (options.evalJSON != 'force' && !(this.getHeader('Content-type') || '').include('application/json')) || this.responseText.blank()) return null; try { return this.responseText.evalJSON(options.sanitizeJSON || !this.request.isSameOrigin()); } catch (e) { this.request.dispatchException(e); } } }); Ajax.Updater = Class.create(Ajax.Request, { initialize: function($super, container, url, options) { this.container = { success: (container.success || container), failure: (container.failure || (container.success ? null : container)) }; options = Object.clone(options); var onComplete = options.onComplete; options.onComplete = (function(response, json) { this.updateContent(response.responseText); if (Object.isFunction(onComplete)) onComplete(response, json); }).bind(this); $super(url, options); },
90
updateContent: function(responseText) { var receiver = this.container[this.success() ? 'success' : 'failure'], options = this.options; if (!options.evalScripts) responseText = responseText.stripScripts(); if (receiver = $(receiver)) { if (options.insertion) { if (Object.isString(options.insertion)) { var insertion = { }; insertion[options.insertion] = responseText; receiver.insert(insertion); } else options.insertion(receiver, responseText); } else receiver.update(responseText); } } }); Ajax.PeriodicalUpdater = Class.create(Ajax.Base, { initialize: function($super, container, url, options) { $super(options); this.onComplete = this.options.onComplete; this.frequency = (this.options.frequency || 2); this.decay = (this.options.decay || 1); this.updater = { }; this.container = container; this.url = url; this.start(); }, start: function() { this.options.onComplete = this.updateComplete.bind(this); this.onTimerEvent(); }, stop: function() { this.updater.options.onComplete = undefined; clearTimeout(this.timer); (this.onComplete || Prototype.emptyFunction).apply(this, arguments); }, updateComplete: function(response) { if (this.options.decay) { this.decay = (response.responseText == this.lastText ? this.decay * this.options.decay : 1); this.lastText = response.responseText; } this.timer = this.onTimerEvent.bind(this).delay(this.decay * this.frequency); }, onTimerEvent: function() { this.updater = new Ajax.Updater(this.container, this.url, this.options); } }); function $(element) { if (arguments.length > 1) { for (var i = 0, elements = [], length = arguments.length; i < length; i++) elements.push($(arguments[i])); return elements; } if (Object.isString(element)) element = document.getElementById(element); return Element.extend(element); } if (Prototype.BrowserFeatures.XPath) {
91
document._getElementsByXPath = function(expression, parentElement) { var results = []; var query = document.evaluate(expression, $(parentElement) || document, null, XPathResult.ORDERED_NODE_SNAPSHOT_TYPE, null); for (var i = 0, length = query.snapshotLength; i < length; i++) results.push(Element.extend(query.snapshotItem(i))); return results; }; } /*--------------------------------------------------------------------------*/ if (!window.Node) var Node = { }; if (!Node.ELEMENT_NODE) { Object.extend(Node, { ELEMENT_NODE: 1, ATTRIBUTE_NODE: 2, TEXT_NODE: 3, CDATA_SECTION_NODE: 4, ENTITY_REFERENCE_NODE: 5, ENTITY_NODE: 6, PROCESSING_INSTRUCTION_NODE: 7, COMMENT_NODE: 8, DOCUMENT_NODE: 9, DOCUMENT_TYPE_NODE: 10, DOCUMENT_FRAGMENT_NODE: 11, NOTATION_NODE: 12 }); } (function(global) { var SETATTRIBUTE_IGNORES_NAME = (function(){ var elForm = document.createElement("form"); var elInput = document.createElement("input"); var root = document.documentElement; elInput.setAttribute("name", "test"); elForm.appendChild(elInput); root.appendChild(elForm); var isBuggy = elForm.elements ? (typeof elForm.elements.test == "undefined") : null; root.removeChild(elForm); elForm = elInput = null; return isBuggy; })(); var element = global.Element; global.Element = function(tagName, attributes) { attributes = attributes || { }; tagName = tagName.toLowerCase(); var cache = Element.cache; if (SETATTRIBUTE_IGNORES_NAME && attributes.name) { tagName = '<' + tagName + ' name="' + attributes.name + '">'; delete attributes.name; return Element.writeAttribute(document.createElement(tagName), attributes); } if (!cache[tagName]) cache[tagName] = Element.extend(document.createElement(tagName)); return Element.writeAttribute(cache[tagName].cloneNode(false), attributes); }; Object.extend(global.Element, element || { }); if (element) global.Element.prototype = element.prototype; })(this); Element.cache = { }; Element.idCounter = 1; Element.Methods = { visible: function(element) { return $(element).style.display != 'none'; }, toggle: function(element) {
92
element = $(element); Element[Element.visible(element) ? 'hide' : 'show'](element); return element; }, hide: function(element) { element = $(element); element.style.display = 'none'; return element; }, show: function(element) { element = $(element); element.style.display = ''; return element; }, remove: function(element) { element = $(element); element.parentNode.removeChild(element); return element; }, update: (function(){ var SELECT_ELEMENT_INNERHTML_BUGGY = (function(){ var el = document.createElement("select"), isBuggy = true; el.innerHTML = "<option value=\"test\">test</option>"; if (el.options && el.options[0]) { isBuggy = el.options[0].nodeName.toUpperCase() !== "OPTION"; } el = null; return isBuggy; })(); var TABLE_ELEMENT_INNERHTML_BUGGY = (function(){ try { var el = document.createElement("table"); if (el && el.tBodies) { el.innerHTML = "<tbody><tr><td>test</td></tr></tbody>"; var isBuggy = typeof el.tBodies[0] == "undefined"; el = null; return isBuggy; } } catch (e) { return true; } })(); var SCRIPT_ELEMENT_REJECTS_TEXTNODE_APPENDING = (function () { var s = document.createElement("script"), isBuggy = false; try { s.appendChild(document.createTextNode("")); isBuggy = !s.firstChild || s.firstChild && s.firstChild.nodeType !== 3; } catch (e) { isBuggy = true; } s = null; return isBuggy; })(); function update(element, content) { element = $(element); if (content && content.toElement) content = content.toElement(); if (Object.isElement(content)) return element.update().insert(content); content = Object.toHTML(content);
93
var tagName = element.tagName.toUpperCase(); if (tagName === 'SCRIPT' && SCRIPT_ELEMENT_REJECTS_TEXTNODE_APPENDING) { element.text = content; return element; } if (SELECT_ELEMENT_INNERHTML_BUGGY || TABLE_ELEMENT_INNERHTML_BUGGY) { if (tagName in Element._insertionTranslations.tags) { $A(element.childNodes).each(function(node) { element.removeChild(node); }); Element._getContentFromAnonymousElement(tagName, content.stripScripts()) .each(function(node) { element.appendChild(node) }); } else { element.innerHTML = content.stripScripts(); } } else { element.innerHTML = content.stripScripts(); } content.evalScripts.bind(content).defer(); return element; } return update; })(), replace: function(element, content) { element = $(element); if (content && content.toElement) content = content.toElement(); else if (!Object.isElement(content)) { content = Object.toHTML(content); var range = element.ownerDocument.createRange(); range.selectNode(element); content.evalScripts.bind(content).defer(); content = range.createContextualFragment(content.stripScripts()); } element.parentNode.replaceChild(content, element); return element; }, insert: function(element, insertions) { element = $(element); if (Object.isString(insertions) || Object.isNumber(insertions) || Object.isElement(insertions) || (insertions && (insertions.toElement || insertions.toHTML))) insertions = {bottom:insertions}; var content, insert, tagName, childNodes; for (var position in insertions) { content = insertions[position]; position = position.toLowerCase(); insert = Element._insertionTranslations[position]; if (content && content.toElement) content = content.toElement(); if (Object.isElement(content)) { insert(element, content); continue; } content = Object.toHTML(content); tagName = ((position == 'before' || position == 'after') ? element.parentNode : element).tagName.toUpperCase(); childNodes = Element._getContentFromAnonymousElement(tagName, content.stripScripts()); if (position == 'top' || position == 'after') childNodes.reverse();
94
childNodes.each(insert.curry(element)); content.evalScripts.bind(content).defer(); } return element; }, wrap: function(element, wrapper, attributes) { element = $(element); if (Object.isElement(wrapper)) $(wrapper).writeAttribute(attributes || { }); else if (Object.isString(wrapper)) wrapper = new Element(wrapper, attributes); else wrapper = new Element('div', wrapper); if (element.parentNode) element.parentNode.replaceChild(wrapper, element); wrapper.appendChild(element); return wrapper; }, inspect: function(element) { element = $(element); var result = '<' + element.tagName.toLowerCase(); $H({'id': 'id', 'className': 'class'}).each(function(pair) { var property = pair.first(), attribute = pair.last(); var value = (element[property] || '').toString(); if (value) result += ' ' + attribute + '=' + value.inspect(true); }); return result + '>'; }, recursivelyCollect: function(element, property) { element = $(element); var elements = []; while (element = element[property]) if (element.nodeType == 1) elements.push(Element.extend(element)); return elements; }, ancestors: function(element) { return $(element).recursivelyCollect('parentNode'); }, descendants: function(element) { return Element.select(element, "*"); }, firstDescendant: function(element) { element = $(element).firstChild; while (element && element.nodeType != 1) element = element.nextSibling; return $(element); }, immediateDescendants: function(element) { if (!(element = $(element).firstChild)) return []; while (element && element.nodeType != 1) element = element.nextSibling; if (element) return [element].concat($(element).nextSiblings()); return []; }, previousSiblings: function(element) { return $(element).recursivelyCollect('previousSibling'); }, nextSiblings: function(element) { return $(element).recursivelyCollect('nextSibling'); }, siblings: function(element) { element = $(element); return element.previousSiblings().reverse().concat(element.nextSiblings()); }, match: function(element, selector) {
95
if (Object.isString(selector)) selector = new Selector(selector); return selector.match($(element)); }, up: function(element, expression, index) { element = $(element); if (arguments.length == 1) return $(element.parentNode); var ancestors = element.ancestors(); return Object.isNumber(expression) ? ancestors[expression] : Selector.findElement(ancestors, expression, index); }, down: function(element, expression, index) { element = $(element); if (arguments.length == 1) return element.firstDescendant(); return Object.isNumber(expression) ? element.descendants()[expression] : Element.select(element, expression)[index || 0]; }, previous: function(element, expression, index) { element = $(element); if (arguments.length == 1) return $(Selector.handlers.previousElementSibling(element)); var previousSiblings = element.previousSiblings(); return Object.isNumber(expression) ? previousSiblings[expression] : Selector.findElement(previousSiblings, expression, index); }, next: function(element, expression, index) { element = $(element); if (arguments.length == 1) return $(Selector.handlers.nextElementSibling(element)); var nextSiblings = element.nextSiblings(); return Object.isNumber(expression) ? nextSiblings[expression] : Selector.findElement(nextSiblings, expression, index); }, select: function() { var args = $A(arguments), element = $(args.shift()); return Selector.findChildElements(element, args); }, adjacent: function() { var args = $A(arguments), element = $(args.shift()); return Selector.findChildElements(element.parentNode, args).without(element); }, identify: function(element) { element = $(element); var id = element.readAttribute('id'); if (id) return id; do { id = 'anonymous_element_' + Element.idCounter++ } while ($(id)); element.writeAttribute('id', id); return id; }, readAttribute: (function(){ var iframeGetAttributeThrowsError = (function(){ var el = document.createElement('iframe'), isBuggy = false; document.documentElement.appendChild(el); try { el.getAttribute('type', 2); } catch(e) { isBuggy = true; } document.documentElement.removeChild(el); el = null; return isBuggy; })(); return function(element, name) { element = $(element);
96
if (iframeGetAttributeThrowsError && name === 'type' && element.tagName.toUpperCase() == 'IFRAME') { return element.getAttribute('type'); } if (Prototype.Browser.IE) { var t = Element._attributeTranslations.read; if (t.values[name]) return t.values[name](element, name); if (t.names[name]) name = t.names[name]; if (name.include(':')) { return (!element.attributes || !element.attributes[name]) ? null : element.attributes[name].value; } } return element.getAttribute(name); } })(), writeAttribute: function(element, name, value) { element = $(element); var attributes = { }, t = Element._attributeTranslations.write; if (typeof name == 'object') attributes = name; else attributes[name] = Object.isUndefined(value) ? true : value; for (var attr in attributes) { name = t.names[attr] || attr; value = attributes[attr]; if (t.values[attr]) name = t.values[attr](element, value); if (value === false || value === null) element.removeAttribute(name); else if (value === true) element.setAttribute(name, name); else element.setAttribute(name, value); } return element; }, getHeight: function(element) { return $(element).getDimensions().height; }, getWidth: function(element) { return $(element).getDimensions().width; }, classNames: function(element) { return new Element.ClassNames(element); }, hasClassName: function(element, className) { if (!(element = $(element))) return; var elementClassName = element.className; return (elementClassName.length > 0 && (elementClassName == className || new RegExp("(^|\\s)" + className + "(\\s|$)").test(elementClassName))); }, addClassName: function(element, className) { if (!(element = $(element))) return; if (!element.hasClassName(className)) element.className += (element.className ? ' ' : '') + className; return element; }, removeClassName: function(element, className) { if (!(element = $(element))) return; element.className = element.className.replace( new RegExp("(^|\\s+)" + className + "(\\s+|$)"), ' ').strip(); return element; }, toggleClassName: function(element, className) { if (!(element = $(element))) return; return element[element.hasClassName(className) ? 'removeClassName' : 'addClassName'](className);
97
}, cleanWhitespace: function(element) { element = $(element); var node = element.firstChild; while (node) { var nextNode = node.nextSibling; if (node.nodeType == 3 && !/\S/.test(node.nodeValue)) element.removeChild(node); node = nextNode; } return element; }, empty: function(element) { return $(element).innerHTML.blank(); }, descendantOf: function(element, ancestor) { element = $(element), ancestor = $(ancestor); if (element.compareDocumentPosition) return (element.compareDocumentPosition(ancestor) & 8) === 8; if (ancestor.contains) return ancestor.contains(element) && ancestor !== element; while (element = element.parentNode) if (element == ancestor) return true; return false; }, scrollTo: function(element) { element = $(element); var pos = element.cumulativeOffset(); window.scrollTo(pos[0], pos[1]); return element; }, getStyle: function(element, style) { element = $(element); style = style == 'float' ? 'cssFloat' : style.camelize(); var value = element.style[style]; if (!value || value == 'auto') { var css = document.defaultView.getComputedStyle(element, null); value = css ? css[style] : null; } if (style == 'opacity') return value ? parseFloat(value) : 1.0; return value == 'auto' ? null : value; }, getOpacity: function(element) { return $(element).getStyle('opacity'); }, setStyle: function(element, styles) { element = $(element); var elementStyle = element.style, match; if (Object.isString(styles)) { element.style.cssText += ';' + styles; return styles.include('opacity') ? element.setOpacity(styles.match(/opacity:\s*(\d?\.?\d*)/)[1]) : element; } for (var property in styles) if (property == 'opacity') element.setOpacity(styles[property]); else elementStyle[(property == 'float' || property == 'cssFloat') ? (Object.isUndefined(elementStyle.styleFloat) ? 'cssFloat' : 'styleFloat') : property] = styles[property]; return element; }, setOpacity: function(element, value) {
98
element = $(element); element.style.opacity = (value == 1 || value === '') ? '' : (value < 0.00001) ? 0 : value; return element; }, getDimensions: function(element) { element = $(element); var display = element.getStyle('display'); if (display != 'none' && display != null) // Safari bug return {width: element.offsetWidth, height: element.offsetHeight}; var els = element.style; var originalVisibility = els.visibility; var originalPosition = els.position; var originalDisplay = els.display; els.visibility = 'hidden'; if (originalPosition != 'fixed') // Switching fixed to absolute causes issues in Safari els.position = 'absolute'; els.display = 'block'; var originalWidth = element.clientWidth; var originalHeight = element.clientHeight; els.display = originalDisplay; els.position = originalPosition; els.visibility = originalVisibility; return {width: originalWidth, height: originalHeight}; }, makePositioned: function(element) { element = $(element); var pos = Element.getStyle(element, 'position'); if (pos == 'static' || !pos) { element._madePositioned = true; element.style.position = 'relative'; if (Prototype.Browser.Opera) { element.style.top = 0; element.style.left = 0; } } return element; }, undoPositioned: function(element) { element = $(element); if (element._madePositioned) { element._madePositioned = undefined; element.style.position = element.style.top = element.style.left = element.style.bottom = element.style.right = ''; } return element; }, makeClipping: function(element) { element = $(element); if (element._overflow) return element; element._overflow = Element.getStyle(element, 'overflow') || 'auto'; if (element._overflow !== 'hidden') element.style.overflow = 'hidden'; return element; }, undoClipping: function(element) { element = $(element); if (!element._overflow) return element; element.style.overflow = element._overflow == 'auto' ? '' : element._overflow; element._overflow = null; return element; }, cumulativeOffset: function(element) { var valueT = 0, valueL = 0; do {
99
valueT += element.offsetTop || 0; valueL += element.offsetLeft || 0; element = element.offsetParent; } while (element); return Element._returnOffset(valueL, valueT); }, positionedOffset: function(element) { var valueT = 0, valueL = 0; do { valueT += element.offsetTop || 0; valueL += element.offsetLeft || 0; element = element.offsetParent; if (element) { if (element.tagName.toUpperCase() == 'BODY') break; var p = Element.getStyle(element, 'position'); if (p !== 'static') break; } } while (element); return Element._returnOffset(valueL, valueT); }, absolutize: function(element) { element = $(element); if (element.getStyle('position') == 'absolute') return element; var offsets = element.positionedOffset(); var top = offsets[1]; var left = offsets[0]; var width = element.clientWidth; var height = element.clientHeight; element._originalLeft = left - parseFloat(element.style.left || 0); element._originalTop = top - parseFloat(element.style.top || 0); element._originalWidth = element.style.width; element._originalHeight = element.style.height; element.style.position = 'absolute'; element.style.top = top + 'px'; element.style.left = left + 'px'; element.style.width = width + 'px'; element.style.height = height + 'px'; return element; }, relativize: function(element) { element = $(element); if (element.getStyle('position') == 'relative') return element; element.style.position = 'relative'; var top = parseFloat(element.style.top || 0) - (element._originalTop || 0); var left = parseFloat(element.style.left || 0) - (element._originalLeft || 0); element.style.top = top + 'px'; element.style.left = left + 'px'; element.style.height = element._originalHeight; element.style.width = element._originalWidth; return element; }, cumulativeScrollOffset: function(element) { var valueT = 0, valueL = 0; do { valueT += element.scrollTop || 0; valueL += element.scrollLeft || 0; element = element.parentNode; } while (element); return Element._returnOffset(valueL, valueT); }, getOffsetParent: function(element) { if (element.offsetParent) return $(element.offsetParent); if (element == document.body) return $(element); while ((element = element.parentNode) && element != document.body)
100
if (Element.getStyle(element, 'position') != 'static') return $(element); return $(document.body); }, viewportOffset: function(forElement) { var valueT = 0, valueL = 0; var element = forElement; do { valueT += element.offsetTop || 0; valueL += element.offsetLeft || 0; if (element.offsetParent == document.body && Element.getStyle(element, 'position') == 'absolute') break; } while (element = element.offsetParent); element = forElement; do { if (!Prototype.Browser.Opera || (element.tagName && (element.tagName.toUpperCase() == 'BODY'))) { valueT -= element.scrollTop || 0; valueL -= element.scrollLeft || 0; } } while (element = element.parentNode); return Element._returnOffset(valueL, valueT); }, clonePosition: function(element, source) { var options = Object.extend({ setLeft: true, setTop: true, setWidth: true, setHeight: true, offsetTop: 0, offsetLeft: 0 }, arguments[2] || { }); source = $(source); var p = source.viewportOffset(); element = $(element); var delta = [0, 0]; var parent = null; if (Element.getStyle(element, 'position') == 'absolute') { parent = element.getOffsetParent(); delta = parent.viewportOffset(); } if (parent == document.body) { delta[0] -= document.body.offsetLeft; delta[1] -= document.body.offsetTop; } if (options.setLeft) element.style.left = (p[0] - delta[0] + options.offsetLeft) + 'px'; if (options.setTop) element.style.top = (p[1] - delta[1] + options.offsetTop) + 'px'; if (options.setWidth) element.style.width = source.offsetWidth + 'px'; if (options.setHeight) element.style.height = source.offsetHeight + 'px'; return element; } }; Object.extend(Element.Methods, { getElementsBySelector: Element.Methods.select, childElements: Element.Methods.immediateDescendants }); Element._attributeTranslations = { write: { names: { className: 'class', htmlFor: 'for'
101
}, values: { } } }; if (Prototype.Browser.Opera) { Element.Methods.getStyle = Element.Methods.getStyle.wrap( function(proceed, element, style) { switch (style) { case 'left': case 'top': case 'right': case 'bottom': if (proceed(element, 'position') === 'static') return null; case 'height': case 'width': if (!Element.visible(element)) return null; var dim = parseInt(proceed(element, style), 10); if (dim !== element['offset' + style.capitalize()]) return dim + 'px'; var properties; if (style === 'height') { properties = ['border-top-width', 'padding-top', 'padding-bottom', 'border-bottom-width']; } else { properties = ['border-left-width', 'padding-left', 'padding-right', 'border-right-width']; } return properties.inject(dim, function(memo, property) { var val = proceed(element, property); return val === null ? memo : memo - parseInt(val, 10); }) + 'px'; default: return proceed(element, style); } } ); Element.Methods.readAttribute = Element.Methods.readAttribute.wrap( function(proceed, element, attribute) { if (attribute === 'title') return element.title; return proceed(element, attribute); } ); } else if (Prototype.Browser.IE) { Element.Methods.getOffsetParent = Element.Methods.getOffsetParent.wrap( function(proceed, element) { element = $(element); try { element.offsetParent } catch(e) { return $(document.body) } var position = element.getStyle('position'); if (position !== 'static') return proceed(element); element.setStyle({ position: 'relative' }); var value = proceed(element); element.setStyle({ position: position }); return value; } ); $w('positionedOffset viewportOffset').each(function(method) { Element.Methods[method] = Element.Methods[method].wrap( function(proceed, element) { element = $(element); try { element.offsetParent } catch(e) { return Element._returnOffset(0,0) } var position = element.getStyle('position'); if (position !== 'static') return proceed(element); var offsetParent = element.getOffsetParent(); if (offsetParent && offsetParent.getStyle('position') === 'fixed') offsetParent.setStyle({ zoom: 1 }); element.setStyle({ position: 'relative' }); var value = proceed(element); element.setStyle({ position: position }); return value;
102
} ); }); Element.Methods.cumulativeOffset = Element.Methods.cumulativeOffset.wrap( function(proceed, element) { try { element.offsetParent } catch(e) { return Element._returnOffset(0,0) } return proceed(element); } ); Element.Methods.getStyle = function(element, style) { element = $(element); style = (style == 'float' || style == 'cssFloat') ? 'styleFloat' : style.camelize(); var value = element.style[style]; if (!value && element.currentStyle) value = element.currentStyle[style]; if (style == 'opacity') { if (value = (element.getStyle('filter') || '').match(/alpha\(opacity=(.*)\)/)) if (value[1]) return parseFloat(value[1]) / 100; return 1.0; } if (value == 'auto') { if ((style == 'width' || style == 'height') && (element.getStyle('display') != 'none')) return element['offset' + style.capitalize()] + 'px'; return null; } return value; }; Element.Methods.setOpacity = function(element, value) { function stripAlpha(filter){ return filter.replace(/alpha\([^\)]*\)/gi,''); } element = $(element); var currentStyle = element.currentStyle; if ((currentStyle && !currentStyle.hasLayout) || (!currentStyle && element.style.zoom == 'normal')) element.style.zoom = 1; var filter = element.getStyle('filter'), style = element.style; if (value == 1 || value === '') { (filter = stripAlpha(filter)) ? style.filter = filter : style.removeAttribute('filter'); return element; } else if (value < 0.00001) value = 0; style.filter = stripAlpha(filter) + 'alpha(opacity=' + (value * 100) + ')'; return element; }; Element._attributeTranslations = (function(){ var classProp = 'className'; var forProp = 'for'; var el = document.createElement('div'); el.setAttribute(classProp, 'x'); if (el.className !== 'x') { el.setAttribute('class', 'x'); if (el.className === 'x') { classProp = 'class'; } } el = null; el = document.createElement('label'); el.setAttribute(forProp, 'x'); if (el.htmlFor !== 'x') { el.setAttribute('htmlFor', 'x'); if (el.htmlFor === 'x') {
103
forProp = 'htmlFor'; } } el = null; return { read: { names: { 'class': classProp, 'className': classProp, 'for': forProp, 'htmlFor': forProp }, values: { _getAttr: function(element, attribute) { return element.getAttribute(attribute, 2); }, _getAttrNode: function(element, attribute) { var node = element.getAttributeNode(attribute); return node ? node.value : ""; }, _getEv: (function(){ var el = document.createElement('div'); el.onclick = Prototype.emptyFunction; var value = el.getAttribute('onclick'); var f; if (String(value).indexOf('{') > -1) { f = function(element, attribute) { attribute = element.getAttribute(attribute); if (!attribute) return null; attribute = attribute.toString(); attribute = attribute.split('{')[1]; attribute = attribute.split('}')[0]; return attribute.strip(); } } else if (value === '') { f = function(element, attribute) { attribute = element.getAttribute(attribute); if (!attribute) return null; return attribute.strip(); } } el = null; return f; })(), _flag: function(element, attribute) { return $(element).hasAttribute(attribute) ? attribute : null; }, style: function(element) { return element.style.cssText.toLowerCase(); }, title: function(element) { return element.title; } } } } })(); Element._attributeTranslations.write = { names: Object.extend({ cellpadding: 'cellPadding', cellspacing: 'cellSpacing' }, Element._attributeTranslations.read.names), values: { checked: function(element, value) { element.checked = !!value; }, style: function(element, value) { element.style.cssText = value ? value : ''; }
104
} }; Element._attributeTranslations.has = {}; $w('colSpan rowSpan vAlign dateTime accessKey tabIndex ' + 'encType maxLength readOnly longDesc frameBorder').each(function(attr) { Element._attributeTranslations.write.names[attr.toLowerCase()] = attr; Element._attributeTranslations.has[attr.toLowerCase()] = attr; }); (function(v) { Object.extend(v, { href: v._getAttr, src: v._getAttr, type: v._getAttr, action: v._getAttrNode, disabled: v._flag, checked: v._flag, readonly: v._flag, multiple: v._flag, onload: v._getEv, onunload: v._getEv, onclick: v._getEv, ondblclick: v._getEv, onmousedown: v._getEv, onmouseup: v._getEv, onmouseover: v._getEv, onmousemove: v._getEv, onmouseout: v._getEv, onfocus: v._getEv, onblur: v._getEv, onkeypress: v._getEv, onkeydown: v._getEv, onkeyup: v._getEv, onsubmit: v._getEv, onreset: v._getEv, onselect: v._getEv, onchange: v._getEv }); })(Element._attributeTranslations.read.values); if (Prototype.BrowserFeatures.ElementExtensions) { (function() { function _descendants(element) { var nodes = element.getElementsByTagName('*'), results = []; for (var i = 0, node; node = nodes[i]; i++) if (node.tagName !== "!") // Filter out comment nodes. results.push(node); return results; } Element.Methods.down = function(element, expression, index) { element = $(element); if (arguments.length == 1) return element.firstDescendant(); return Object.isNumber(expression) ? _descendants(element)[expression] : Element.select(element, expression)[index || 0]; } })(); } } else if (Prototype.Browser.Gecko && /rv:1\.8\.0/.test(navigator.userAgent)) { Element.Methods.setOpacity = function(element, value) { element = $(element); element.style.opacity = (value == 1) ? 0.999999 : (value === '') ? '' : (value < 0.00001) ? 0 : value; return element; }; } else if (Prototype.Browser.WebKit) { Element.Methods.setOpacity = function(element, value) { element = $(element);
105
element.style.opacity = (value == 1 || value === '') ? '' : (value < 0.00001) ? 0 : value; if (value == 1) if(element.tagName.toUpperCase() == 'IMG' && element.width) { element.width++; element.width--; } else try { var n = document.createTextNode(' '); element.appendChild(n); element.removeChild(n); } catch (e) { } return element; }; Element.Methods.cumulativeOffset = function(element) { var valueT = 0, valueL = 0; do { valueT += element.offsetTop || 0; valueL += element.offsetLeft || 0; if (element.offsetParent == document.body) if (Element.getStyle(element, 'position') == 'absolute') break; element = element.offsetParent; } while (element); return Element._returnOffset(valueL, valueT); }; } if ('outerHTML' in document.documentElement) { Element.Methods.replace = function(element, content) { element = $(element); if (content && content.toElement) content = content.toElement(); if (Object.isElement(content)) { element.parentNode.replaceChild(content, element); return element; } content = Object.toHTML(content); var parent = element.parentNode, tagName = parent.tagName.toUpperCase(); if (Element._insertionTranslations.tags[tagName]) { var nextSibling = element.next(); var fragments = Element._getContentFromAnonymousElement(tagName, content.stripScripts()); parent.removeChild(element); if (nextSibling) fragments.each(function(node) { parent.insertBefore(node, nextSibling) }); else fragments.each(function(node) { parent.appendChild(node) }); } else element.outerHTML = content.stripScripts(); content.evalScripts.bind(content).defer(); return element; }; } Element._returnOffset = function(l, t) { var result = [l, t]; result.left = l; result.top = t; return result; }; Element._getContentFromAnonymousElement = function(tagName, html) { var div = new Element('div'), t = Element._insertionTranslations.tags[tagName]; if (t) { div.innerHTML = t[0] + html + t[1]; t[2].times(function() { div = div.firstChild }); } else div.innerHTML = html; return $A(div.childNodes); };
106
Element._insertionTranslations = { before: function(element, node) { element.parentNode.insertBefore(node, element); }, top: function(element, node) { element.insertBefore(node, element.firstChild); }, bottom: function(element, node) { element.appendChild(node); }, after: function(element, node) { element.parentNode.insertBefore(node, element.nextSibling); }, tags: { TABLE: ['<table>', '</table>', 1], TBODY: ['<table><tbody>', '</tbody></table>', 2], TR: ['<table><tbody><tr>', '</tr></tbody></table>', 3], TD: ['<table><tbody><tr><td>', '</td></tr></tbody></table>', 4], SELECT: ['<select>', '</select>', 1] } }; (function() { Object.extend(this.tags, { THEAD: this.tags.TBODY, TFOOT: this.tags.TBODY, TH: this.tags.TD }); }).call(Element._insertionTranslations); Element.Methods.Simulated = { hasAttribute: function(element, attribute) { attribute = Element._attributeTranslations.has[attribute] || attribute; var node = $(element).getAttributeNode(attribute); return !!(node && node.specified); } }; Element.Methods.ByTag = { }; Object.extend(Element, Element.Methods); (function(div) { if (!Prototype.BrowserFeatures.ElementExtensions && div['__proto__']) { window.HTMLElement = { }; window.HTMLElement.prototype = div['__proto__']; Prototype.BrowserFeatures.ElementExtensions = true; } div = null; })(document.createElement('div')) Element.extend = (function() { function checkDeficiency(tagName) { if (typeof window.Element != 'undefined') { var proto = window.Element.prototype; if (proto) { var id = '_' + (Math.random()+'').slice(2); var el = document.createElement(tagName); proto[id] = 'x'; var isBuggy = (el[id] !== 'x'); delete proto[id]; el = null; return isBuggy; } } return false; } function extendElementWith(element, methods) { for (var property in methods) { var value = methods[property];
107
if (Object.isFunction(value) && !(property in element)) element[property] = value.methodize(); } } var HTMLOBJECTELEMENT_PROTOTYPE_BUGGY = checkDeficiency('object'); var HTMLAPPLETELEMENT_PROTOTYPE_BUGGY = checkDeficiency('applet'); if (Prototype.BrowserFeatures.SpecificElementExtensions) { if (HTMLOBJECTELEMENT_PROTOTYPE_BUGGY && HTMLAPPLETELEMENT_PROTOTYPE_BUGGY) { return function(element) { if (element && element.tagName) { var tagName = element.tagName.toUpperCase(); if (tagName === 'OBJECT' || tagName === 'APPLET') { extendElementWith(element, Element.Methods); if (tagName === 'OBJECT') { extendElementWith(element, Element.Methods.ByTag.OBJECT) } else if (tagName === 'APPLET') { extendElementWith(element, Element.Methods.ByTag.APPLET) } } } return element; } } return Prototype.K; } var Methods = { }, ByTag = Element.Methods.ByTag; var extend = Object.extend(function(element) { if (!element || typeof element._extendedByPrototype != 'undefined' || element.nodeType != 1 || element == window) return element; var methods = Object.clone(Methods), tagName = element.tagName.toUpperCase(); if (ByTag[tagName]) Object.extend(methods, ByTag[tagName]); extendElementWith(element, methods); element._extendedByPrototype = Prototype.emptyFunction; return element; }, { refresh: function() { if (!Prototype.BrowserFeatures.ElementExtensions) { Object.extend(Methods, Element.Methods); Object.extend(Methods, Element.Methods.Simulated); } } }); extend.refresh(); return extend; })(); Element.hasAttribute = function(element, attribute) { if (element.hasAttribute) return element.hasAttribute(attribute); return Element.Methods.Simulated.hasAttribute(element, attribute); }; Element.addMethods = function(methods) { var F = Prototype.BrowserFeatures, T = Element.Methods.ByTag; if (!methods) { Object.extend(Form, Form.Methods); Object.extend(Form.Element, Form.Element.Methods); Object.extend(Element.Methods.ByTag, { "FORM": Object.clone(Form.Methods), "INPUT": Object.clone(Form.Element.Methods), "SELECT": Object.clone(Form.Element.Methods), "TEXTAREA": Object.clone(Form.Element.Methods)
108
}); } if (arguments.length == 2) { var tagName = methods; methods = arguments[1]; } if (!tagName) Object.extend(Element.Methods, methods || { }); else { if (Object.isArray(tagName)) tagName.each(extend); else extend(tagName); } function extend(tagName) { tagName = tagName.toUpperCase(); if (!Element.Methods.ByTag[tagName]) Element.Methods.ByTag[tagName] = { }; Object.extend(Element.Methods.ByTag[tagName], methods); } function copy(methods, destination, onlyIfAbsent) { onlyIfAbsent = onlyIfAbsent || false; for (var property in methods) { var value = methods[property]; if (!Object.isFunction(value)) continue; if (!onlyIfAbsent || !(property in destination)) destination[property] = value.methodize(); } } function findDOMClass(tagName) { var klass; var trans = { "OPTGROUP": "OptGroup", "TEXTAREA": "TextArea", "P": "Paragraph", "FIELDSET": "FieldSet", "UL": "UList", "OL": "OList", "DL": "DList", "DIR": "Directory", "H1": "Heading", "H2": "Heading", "H3": "Heading", "H4": "Heading", "H5": "Heading", "H6": "Heading", "Q": "Quote", "INS": "Mod", "DEL": "Mod", "A": "Anchor", "IMG": "Image", "CAPTION": "TableCaption", "COL": "TableCol", "COLGROUP": "TableCol", "THEAD": "TableSection", "TFOOT": "TableSection", "TBODY": "TableSection", "TR": "TableRow", "TH": "TableCell", "TD": "TableCell", "FRAMESET": "FrameSet", "IFRAME": "IFrame" }; if (trans[tagName]) klass = 'HTML' + trans[tagName] + 'Element'; if (window[klass]) return window[klass]; klass = 'HTML' + tagName + 'Element'; if (window[klass]) return window[klass]; klass = 'HTML' + tagName.capitalize() + 'Element'; if (window[klass]) return window[klass]; var element = document.createElement(tagName); var proto = element['__proto__'] || element.constructor.prototype; element = null; return proto; } var elementPrototype = window.HTMLElement ? HTMLElement.prototype : Element.prototype; if (F.ElementExtensions) { copy(Element.Methods, elementPrototype); copy(Element.Methods.Simulated, elementPrototype, true); } if (F.SpecificElementExtensions) { for (var tag in Element.Methods.ByTag) { var klass = findDOMClass(tag); if (Object.isUndefined(klass)) continue; copy(T[tag], klass.prototype); } } Object.extend(Element, Element.Methods); delete Element.ByTag;
109
if (Element.extend.refresh) Element.extend.refresh(); Element.cache = { }; }; document.viewport = { getDimensions: function() { return { width: this.getWidth(), height: this.getHeight() }; }, getScrollOffsets: function() { return Element._returnOffset( window.pageXOffset || document.documentElement.scrollLeft || document.body.scrollLeft, window.pageYOffset || document.documentElement.scrollTop || document.body.scrollTop); } }; (function(viewport) { var B = Prototype.Browser, doc = document, element, property = {}; function getRootElement() { if (B.WebKit && !doc.evaluate) return document; if (B.Opera && window.parseFloat(window.opera.version()) < 9.5) return document.body; return document.documentElement; } function define(D) { if (!element) element = getRootElement(); property[D] = 'client' + D; viewport['get' + D] = function() { return element[property[D]] }; return viewport['get' + D](); } viewport.getWidth = define.curry('Width'); viewport.getHeight = define.curry('Height'); })(document.viewport); Element.Storage = { UID: 1 }; Element.addMethods({ getStorage: function(element) { if (!(element = $(element))) return; var uid; if (element === window) { uid = 0; } else { if (typeof element._prototypeUID === "undefined") element._prototypeUID = [Element.Storage.UID++]; uid = element._prototypeUID[0]; } if (!Element.Storage[uid]) Element.Storage[uid] = $H(); return Element.Storage[uid]; }, store: function(element, key, value) { if (!(element = $(element))) return; if (arguments.length === 2) {
110
element.getStorage().update(key); } else { element.getStorage().set(key, value); } return element; }, retrieve: function(element, key, defaultValue) { if (!(element = $(element))) return; var hash = Element.getStorage(element), value = hash.get(key); if (Object.isUndefined(value)) { hash.set(key, defaultValue); value = defaultValue; } return value; }, clone: function(element, deep) { if (!(element = $(element))) return; var clone = element.cloneNode(deep); clone._prototypeUID = void 0; if (deep) { var descendants = Element.select(clone, '*'), i = descendants.length; while (i--) { descendants[i]._prototypeUID = void 0; } } return Element.extend(clone); } }); /* Portions of the Selector class are derived from Jack Slocum's DomQuery, * part of YUI-Ext version 0.40, distributed under the terms of an MIT-style * license. Please see http://www.yui-ext.com/ for more information. */ var Selector = Class.create({ initialize: function(expression) { this.expression = expression.strip(); if (this.shouldUseSelectorsAPI()) { this.mode = 'selectorsAPI'; } else if (this.shouldUseXPath()) { this.mode = 'xpath'; this.compileXPathMatcher(); } else { this.mode = "normal"; this.compileMatcher(); } }, shouldUseXPath: (function() { var IS_DESCENDANT_SELECTOR_BUGGY = (function(){ var isBuggy = false; if (document.evaluate && window.XPathResult) { var el = document.createElement('div'); el.innerHTML = '<ul><li></li></ul><div><ul><li></li></ul></div>'; var xpath = ".//*[local-name()='ul' or local-name()='UL']" + "//*[local-name()='li' or local-name()='LI']"; var result = document.evaluate(xpath, el, null, XPathResult.ORDERED_NODE_SNAPSHOT_TYPE, null); isBuggy = (result.snapshotLength !== 2); el = null; } return isBuggy; })(); return function() {
111
if (!Prototype.BrowserFeatures.XPath) return false; var e = this.expression; if (Prototype.Browser.WebKit && (e.include("-of-type") || e.include(":empty"))) return false; if ((/(\[[\w-]*?:|:checked)/).test(e)) return false; if (IS_DESCENDANT_SELECTOR_BUGGY) return false; return true; } })(), shouldUseSelectorsAPI: function() { if (!Prototype.BrowserFeatures.SelectorsAPI) return false; if (Selector.CASE_INSENSITIVE_CLASS_NAMES) return false; if (!Selector._div) Selector._div = new Element('div'); try { Selector._div.querySelector(this.expression); } catch(e) { return false; } return true; }, compileMatcher: function() { var e = this.expression, ps = Selector.patterns, h = Selector.handlers, c = Selector.criteria, le, p, m, len = ps.length, name; if (Selector._cache[e]) { this.matcher = Selector._cache[e]; return; } this.matcher = ["this.matcher = function(root) {", "var r = root, h = Selector.handlers, c = false, n;"]; while (e && le != e && (/\S/).test(e)) { le = e; for (var i = 0; i<len; i++) { p = ps[i].re; name = ps[i].name; if (m = e.match(p)) { this.matcher.push(Object.isFunction(c[name]) ? c[name](m) : new Template(c[name]).evaluate(m)); e = e.replace(m[0], ''); break; } } } this.matcher.push("return h.unique(n);\n}"); eval(this.matcher.join('\n')); Selector._cache[this.expression] = this.matcher; }, compileXPathMatcher: function() { var e = this.expression, ps = Selector.patterns, x = Selector.xpath, le, m, len = ps.length, name; if (Selector._cache[e]) { this.xpath = Selector._cache[e]; return; } this.matcher = ['.//*']; while (e && le != e && (/\S/).test(e)) {
112
le = e; for (var i = 0; i<len; i++) { name = ps[i].name; if (m = e.match(ps[i].re)) { this.matcher.push(Object.isFunction(x[name]) ? x[name](m) : new Template(x[name]).evaluate(m)); e = e.replace(m[0], ''); break; } } } this.xpath = this.matcher.join(''); Selector._cache[this.expression] = this.xpath; }, findElements: function(root) { root = root || document; var e = this.expression, results; switch (this.mode) { case 'selectorsAPI': if (root !== document) { var oldId = root.id, id = $(root).identify(); id = id.replace(/[\.:]/g, "\\$0"); e = "#" + id + " " + e; } results = $A(root.querySelectorAll(e)).map(Element.extend); root.id = oldId; return results; case 'xpath': return document._getElementsByXPath(this.xpath, root); default: return this.matcher(root); } }, match: function(element) { this.tokens = []; var e = this.expression, ps = Selector.patterns, as = Selector.assertions; var le, p, m, len = ps.length, name; while (e && le !== e && (/\S/).test(e)) { le = e; for (var i = 0; i<len; i++) { p = ps[i].re; name = ps[i].name; if (m = e.match(p)) { if (as[name]) { this.tokens.push([name, Object.clone(m)]); e = e.replace(m[0], ''); } else { return this.findElements(document).include(element); } } } } var match = true, name, matches; for (var i = 0, token; token = this.tokens[i]; i++) { name = token[0], matches = token[1]; if (!Selector.assertions[name](element, matches)) { match = false; break; } } return match; }, toString: function() { return this.expression; },
113
inspect: function() { return "#<Selector:" + this.expression.inspect() + ">"; } }); if (Prototype.BrowserFeatures.SelectorsAPI && document.compatMode === 'BackCompat') { Selector.CASE_INSENSITIVE_CLASS_NAMES = (function(){ var div = document.createElement('div'), span = document.createElement('span'); div.id = "prototype_test_id"; span.className = 'Test'; div.appendChild(span); var isIgnored = (div.querySelector('#prototype_test_id .test') !== null); div = span = null; return isIgnored; })(); } Object.extend(Selector, { _cache: { }, xpath: { descendant: "//*", child: "/*", adjacent: "/following-sibling::*[1]", laterSibling: '/following-sibling::*', tagName: function(m) { if (m[1] == '*') return ''; return "[local-name()='" + m[1].toLowerCase() + "' or local-name()='" + m[1].toUpperCase() + "']"; }, className: "[contains(concat(' ', @class, ' '), ' #{1} ')]", id: "[@id='#{1}']", attrPresence: function(m) { m[1] = m[1].toLowerCase(); return new Template("[@#{1}]").evaluate(m); }, attr: function(m) { m[1] = m[1].toLowerCase(); m[3] = m[5] || m[6]; return new Template(Selector.xpath.operators[m[2]]).evaluate(m); }, pseudo: function(m) { var h = Selector.xpath.pseudos[m[1]]; if (!h) return ''; if (Object.isFunction(h)) return h(m); return new Template(Selector.xpath.pseudos[m[1]]).evaluate(m); }, operators: { '=': "[@#{1}='#{3}']", '!=': "[@#{1}!='#{3}']", '^=': "[starts-with(@#{1}, '#{3}')]", '$=': "[substring(@#{1}, (string-length(@#{1}) - string-length('#{3}') + 1))='#{3}']", '*=': "[contains(@#{1}, '#{3}')]", '~=': "[contains(concat(' ', @#{1}, ' '), ' #{3} ')]", '|=': "[contains(concat('-', @#{1}, '-'), '-#{3}-')]" }, pseudos: { 'first-child': '[not(preceding-sibling::*)]', 'last-child': '[not(following-sibling::*)]', 'only-child': '[not(preceding-sibling::* or following-sibling::*)]', 'empty': "[count(*) = 0 and (count(text()) = 0)]", 'checked': "[@checked]", 'disabled': "[(@disabled) and (@type!='hidden')]", 'enabled': "[not(@disabled) and (@type!='hidden')]", 'not': function(m) { var e = m[6], p = Selector.patterns, x = Selector.xpath, le, v, len = p.length, name; var exclusion = []; while (e && le != e && (/\S/).test(e)) { le = e;
114
for (var i = 0; i<len; i++) { name = p[i].name if (m = e.match(p[i].re)) { v = Object.isFunction(x[name]) ? x[name](m) : new Template(x[name]).evaluate(m); exclusion.push("(" + v.substring(1, v.length - 1) + ")"); e = e.replace(m[0], ''); break; } } } return "[not(" + exclusion.join(" and ") + ")]"; }, 'nth-child': function(m) { return Selector.xpath.pseudos.nth("(count(./preceding-sibling::*) + 1) ", m); }, 'nth-last-child': function(m) { return Selector.xpath.pseudos.nth("(count(./following-sibling::*) + 1) ", m); }, 'nth-of-type': function(m) { return Selector.xpath.pseudos.nth("position() ", m); }, 'nth-last-of-type': function(m) { return Selector.xpath.pseudos.nth("(last() + 1 - position()) ", m); }, 'first-of-type': function(m) { m[6] = "1"; return Selector.xpath.pseudos['nth-of-type'](m); }, 'last-of-type': function(m) { m[6] = "1"; return Selector.xpath.pseudos['nth-last-of-type'](m); }, 'only-of-type': function(m) { var p = Selector.xpath.pseudos; return p['first-of-type'](m) + p['last-of-type'](m); }, nth: function(fragment, m) { var mm, formula = m[6], predicate; if (formula == 'even') formula = '2n+0'; if (formula == 'odd') formula = '2n+1'; if (mm = formula.match(/^(\d+)$/)) // digit only return '[' + fragment + "= " + mm[1] + ']'; if (mm = formula.match(/^(-?\d*)?n(([+-])(\d+))?/)) { // an+b if (mm[1] == "-") mm[1] = -1; var a = mm[1] ? Number(mm[1]) : 1; var b = mm[2] ? Number(mm[2]) : 0; predicate = "[((#{fragment} - #{b}) mod #{a} = 0) and " + "((#{fragment} - #{b}) div #{a} >= 0)]"; return new Template(predicate).evaluate({ fragment: fragment, a: a, b: b }); } } } }, criteria: { tagName: 'n = h.tagName(n, r, "#{1}", c); c = false;', className: 'n = h.className(n, r, "#{1}", c); c = false;', id: 'n = h.id(n, r, "#{1}", c); c = false;', attrPresence: 'n = h.attrPresence(n, r, "#{1}", c); c = false;', attr: function(m) { m[3] = (m[5] || m[6]); return new Template('n = h.attr(n, r, "#{1}", "#{3}", "#{2}", c); c = false;').evaluate(m); }, pseudo: function(m) { if (m[6]) m[6] = m[6].replace(/"/g, '\\"'); return new Template('n = h.pseudo(n, "#{1}", "#{6}", r, c); c = false;').evaluate(m); }, descendant: 'c = "descendant";', child: 'c = "child";', adjacent: 'c = "adjacent";', laterSibling: 'c = "laterSibling";' }, patterns: [ { name: 'laterSibling', re: /^\s*~\s*/ }, { name: 'child', re: /^\s*>\s*/ }, { name: 'adjacent', re: /^\s*\+\s*/ },
115
{ name: 'descendant', re: /^\s/ }, { name: 'tagName', re: /^\s*(\*|[\w\-]+)(\b|$)?/ }, { name: 'id', re: /^#([\w\-\*]+)(\b|$)/ }, { name: 'className', re: /^\.([\w\-\*]+)(\b|$)/ }, { name: 'pseudo', re: /^:((first|last|nth|nth-last|only)(-child|-of-
type)|empty|checked|(en|dis)abled|not)(\((.*?)\))?(\b|$|(?=\s|[:+~>]))/ }, { name: 'attrPresence', re: /^\[((?:[\w-]+:)?[\w-]+)\]/ }, { name: 'attr', re: /\[((?:[\w-]*:)?[\w-]+)\s*(?:([!^$*~|]?=)\s*((['"])([^\4]*?)\4|([^'"][^\]]*?)))?\]/ } ], assertions: { tagName: function(element, matches) { return matches[1].toUpperCase() == element.tagName.toUpperCase(); }, className: function(element, matches) { return Element.hasClassName(element, matches[1]); }, id: function(element, matches) { return element.id === matches[1]; }, attrPresence: function(element, matches) { return Element.hasAttribute(element, matches[1]); }, attr: function(element, matches) { var nodeValue = Element.readAttribute(element, matches[1]); return nodeValue && Selector.operators[matches[2]](nodeValue, matches[5] || matches[6]); } }, handlers: { concat: function(a, b) { for (var i = 0, node; node = b[i]; i++) a.push(node); return a; }, mark: function(nodes) { var _true = Prototype.emptyFunction; for (var i = 0, node; node = nodes[i]; i++) node._countedByPrototype = _true; return nodes; }, unmark: function(nodes) { for (var i = 0, node; node = nodes[i]; i++) node._countedByPrototype = undefined; return nodes; }, index: function(parentNode, reverse, ofType) { parentNode._countedByPrototype = Prototype.emptyFunction; if (reverse) { for (var nodes = parentNode.childNodes, i = nodes.length - 1, j = 1; i >= 0; i--) { var node = nodes[i]; if (node.nodeType == 1 && (!ofType || node._countedByPrototype)) node.nodeIndex = j++; } } else { for (var i = 0, j = 1, nodes = parentNode.childNodes; node = nodes[i]; i++) if (node.nodeType == 1 && (!ofType || node._countedByPrototype)) node.nodeIndex = j++; } }, unique: function(nodes) { if (nodes.length == 0) return nodes; var results = [], n; for (var i = 0, l = nodes.length; i < l; i++) if (typeof (n = nodes[i])._countedByPrototype == 'undefined') { n._countedByPrototype = Prototype.emptyFunction; results.push(Element.extend(n)); }
116
return Selector.handlers.unmark(results); }, descendant: function(nodes) { var h = Selector.handlers; for (var i = 0, results = [], node; node = nodes[i]; i++) h.concat(results, node.getElementsByTagName('*')); return results; }, child: function(nodes) { var h = Selector.handlers; for (var i = 0, results = [], node; node = nodes[i]; i++) { for (var j = 0, child; child = node.childNodes[j]; j++) if (child.nodeType == 1 && child.tagName != '!') results.push(child); } return results; }, adjacent: function(nodes) { for (var i = 0, results = [], node; node = nodes[i]; i++) { var next = this.nextElementSibling(node); if (next) results.push(next); } return results; }, laterSibling: function(nodes) { var h = Selector.handlers; for (var i = 0, results = [], node; node = nodes[i]; i++) h.concat(results, Element.nextSiblings(node)); return results; }, nextElementSibling: function(node) { while (node = node.nextSibling) if (node.nodeType == 1) return node; return null; }, previousElementSibling: function(node) { while (node = node.previousSibling) if (node.nodeType == 1) return node; return null; }, tagName: function(nodes, root, tagName, combinator) { var uTagName = tagName.toUpperCase(); var results = [], h = Selector.handlers; if (nodes) { if (combinator) { if (combinator == "descendant") { for (var i = 0, node; node = nodes[i]; i++) h.concat(results, node.getElementsByTagName(tagName)); return results; } else nodes = this[combinator](nodes); if (tagName == "*") return nodes; } for (var i = 0, node; node = nodes[i]; i++) if (node.tagName.toUpperCase() === uTagName) results.push(node); return results; } else return root.getElementsByTagName(tagName); }, id: function(nodes, root, id, combinator) { var targetNode = $(id), h = Selector.handlers; if (root == document) { if (!targetNode) return []; if (!nodes) return [targetNode]; } else { if (!root.sourceIndex || root.sourceIndex < 1) { var nodes = root.getElementsByTagName('*'); for (var j = 0, node; node = nodes[j]; j++) { if (node.id === id) return [node];
117
} } } if (nodes) { if (combinator) { if (combinator == 'child') { for (var i = 0, node; node = nodes[i]; i++) if (targetNode.parentNode == node) return [targetNode]; } else if (combinator == 'descendant') { for (var i = 0, node; node = nodes[i]; i++) if (Element.descendantOf(targetNode, node)) return [targetNode]; } else if (combinator == 'adjacent') { for (var i = 0, node; node = nodes[i]; i++) if (Selector.handlers.previousElementSibling(targetNode) == node) return [targetNode]; } else nodes = h[combinator](nodes); } for (var i = 0, node; node = nodes[i]; i++) if (node == targetNode) return [targetNode]; return []; } return (targetNode && Element.descendantOf(targetNode, root)) ? [targetNode] : []; }, className: function(nodes, root, className, combinator) { if (nodes && combinator) nodes = this[combinator](nodes); return Selector.handlers.byClassName(nodes, root, className); }, byClassName: function(nodes, root, className) { if (!nodes) nodes = Selector.handlers.descendant([root]); var needle = ' ' + className + ' '; for (var i = 0, results = [], node, nodeClassName; node = nodes[i]; i++) { nodeClassName = node.className; if (nodeClassName.length == 0) continue; if (nodeClassName == className || (' ' + nodeClassName + ' ').include(needle)) results.push(node); } return results; }, attrPresence: function(nodes, root, attr, combinator) { if (!nodes) nodes = root.getElementsByTagName("*"); if (nodes && combinator) nodes = this[combinator](nodes); var results = []; for (var i = 0, node; node = nodes[i]; i++) if (Element.hasAttribute(node, attr)) results.push(node); return results; }, attr: function(nodes, root, attr, value, operator, combinator) { if (!nodes) nodes = root.getElementsByTagName("*"); if (nodes && combinator) nodes = this[combinator](nodes); var handler = Selector.operators[operator], results = []; for (var i = 0, node; node = nodes[i]; i++) { var nodeValue = Element.readAttribute(node, attr); if (nodeValue === null) continue; if (handler(nodeValue, value)) results.push(node); } return results; }, pseudo: function(nodes, name, value, root, combinator) { if (nodes && combinator) nodes = this[combinator](nodes); if (!nodes) nodes = root.getElementsByTagName("*"); return Selector.pseudos[name](nodes, value, root); } }, pseudos: { 'first-child': function(nodes, value, root) { for (var i = 0, results = [], node; node = nodes[i]; i++) { if (Selector.handlers.previousElementSibling(node)) continue; results.push(node);
118
} return results; }, 'last-child': function(nodes, value, root) { for (var i = 0, results = [], node; node = nodes[i]; i++) { if (Selector.handlers.nextElementSibling(node)) continue; results.push(node); } return results; }, 'only-child': function(nodes, value, root) { var h = Selector.handlers; for (var i = 0, results = [], node; node = nodes[i]; i++) if (!h.previousElementSibling(node) && !h.nextElementSibling(node)) results.push(node); return results; }, 'nth-child': function(nodes, formula, root) { return Selector.pseudos.nth(nodes, formula, root); }, 'nth-last-child': function(nodes, formula, root) { return Selector.pseudos.nth(nodes, formula, root, true); }, 'nth-of-type': function(nodes, formula, root) { return Selector.pseudos.nth(nodes, formula, root, false, true); }, 'nth-last-of-type': function(nodes, formula, root) { return Selector.pseudos.nth(nodes, formula, root, true, true); }, 'first-of-type': function(nodes, formula, root) { return Selector.pseudos.nth(nodes, "1", root, false, true); }, 'last-of-type': function(nodes, formula, root) { return Selector.pseudos.nth(nodes, "1", root, true, true); }, 'only-of-type': function(nodes, formula, root) { var p = Selector.pseudos; return p['last-of-type'](p['first-of-type'](nodes, formula, root), formula, root); }, getIndices: function(a, b, total) { if (a == 0) return b > 0 ? [b] : []; return $R(1, total).inject([], function(memo, i) { if (0 == (i - b) % a && (i - b) / a >= 0) memo.push(i); return memo; }); }, nth: function(nodes, formula, root, reverse, ofType) { if (nodes.length == 0) return []; if (formula == 'even') formula = '2n+0'; if (formula == 'odd') formula = '2n+1'; var h = Selector.handlers, results = [], indexed = [], m; h.mark(nodes); for (var i = 0, node; node = nodes[i]; i++) { if (!node.parentNode._countedByPrototype) { h.index(node.parentNode, reverse, ofType); indexed.push(node.parentNode); } } if (formula.match(/^\d+$/)) { // just a number formula = Number(formula); for (var i = 0, node; node = nodes[i]; i++) if (node.nodeIndex == formula) results.push(node); } else if (m = formula.match(/^(-?\d*)?n(([+-])(\d+))?/)) { // an+b if (m[1] == "-") m[1] = -1; var a = m[1] ? Number(m[1]) : 1; var b = m[2] ? Number(m[2]) : 0; var indices = Selector.pseudos.getIndices(a, b, nodes.length); for (var i = 0, node, l = indices.length; node = nodes[i]; i++) { for (var j = 0; j < l; j++) if (node.nodeIndex == indices[j]) results.push(node); } } h.unmark(nodes);
119
h.unmark(indexed); return results; }, 'empty': function(nodes, value, root) { for (var i = 0, results = [], node; node = nodes[i]; i++) { if (node.tagName == '!' || node.firstChild) continue; results.push(node); } return results; }, 'not': function(nodes, selector, root) { var h = Selector.handlers, selectorType, m; var exclusions = new Selector(selector).findElements(root); h.mark(exclusions); for (var i = 0, results = [], node; node = nodes[i]; i++) if (!node._countedByPrototype) results.push(node); h.unmark(exclusions); return results; }, 'enabled': function(nodes, value, root) { for (var i = 0, results = [], node; node = nodes[i]; i++) if (!node.disabled && (!node.type || node.type !== 'hidden')) results.push(node); return results; }, 'disabled': function(nodes, value, root) { for (var i = 0, results = [], node; node = nodes[i]; i++) if (node.disabled) results.push(node); return results; }, 'checked': function(nodes, value, root) { for (var i = 0, results = [], node; node = nodes[i]; i++) if (node.checked) results.push(node); return results; } }, operators: { '=': function(nv, v) { return nv == v; }, '!=': function(nv, v) { return nv != v; }, '^=': function(nv, v) { return nv == v || nv && nv.startsWith(v); }, '$=': function(nv, v) { return nv == v || nv && nv.endsWith(v); }, '*=': function(nv, v) { return nv == v || nv && nv.include(v); }, '~=': function(nv, v) { return (' ' + nv + ' ').include(' ' + v + ' '); }, '|=': function(nv, v) { return ('-' + (nv || "").toUpperCase() + '-').include('-' + (v || "").toUpperCase() + '-'); } }, split: function(expression) { var expressions = []; expression.scan(/(([\w#:.~>+()\s-]+|\*|\[.*?\])+)\s*(,|$)/, function(m) { expressions.push(m[1].strip()); }); return expressions; }, matchElements: function(elements, expression) { var matches = $$(expression), h = Selector.handlers; h.mark(matches); for (var i = 0, results = [], element; element = elements[i]; i++) if (element._countedByPrototype) results.push(element); h.unmark(matches); return results; }, findElement: function(elements, expression, index) { if (Object.isNumber(expression)) { index = expression; expression = false; } return Selector.matchElements(elements, expression || '*')[index || 0];
120
}, findChildElements: function(element, expressions) { expressions = Selector.split(expressions.join(',')); var results = [], h = Selector.handlers; for (var i = 0, l = expressions.length, selector; i < l; i++) { selector = new Selector(expressions[i].strip()); h.concat(results, selector.findElements(element)); } return (l > 1) ? h.unique(results) : results; } }); if (Prototype.Browser.IE) { Object.extend(Selector.handlers, { concat: function(a, b) { for (var i = 0, node; node = b[i]; i++) if (node.tagName !== "!") a.push(node); return a; }, unmark: function(nodes) { for (var i = 0, node; node = nodes[i]; i++) node.removeAttribute('_countedByPrototype'); return nodes; } }); } function $$() { return Selector.findChildElements(document, $A(arguments)); } var Form = { reset: function(form) { form = $(form); form.reset(); return form; }, serializeElements: function(elements, options) { if (typeof options != 'object') options = { hash: !!options }; else if (Object.isUndefined(options.hash)) options.hash = true; var key, value, submitted = false, submit = options.submit; var data = elements.inject({ }, function(result, element) { if (!element.disabled && element.name) { key = element.name; value = $(element).getValue(); if (value != null && element.type != 'file' && (element.type != 'submit' || (!submitted && submit !== false && (!submit || key == submit) && (submitted = true)))) { if (key in result) { if (!Object.isArray(result[key])) result[key] = [result[key]]; result[key].push(value); } else result[key] = value; } } return result; }); return options.hash ? data : Object.toQueryString(data); } }; Form.Methods = { serialize: function(form, options) { return Form.serializeElements(Form.getElements(form), options); }, getElements: function(form) { var elements = $(form).getElementsByTagName('*'), element, arr = [ ], serializers = Form.Element.Serializers; for (var i = 0; element = elements[i]; i++) {
121
arr.push(element); } return arr.inject([], function(elements, child) { if (serializers[child.tagName.toLowerCase()]) elements.push(Element.extend(child)); return elements; }) }, getInputs: function(form, typeName, name) { form = $(form); var inputs = form.getElementsByTagName('input'); if (!typeName && !name) return $A(inputs).map(Element.extend); for (var i = 0, matchingInputs = [], length = inputs.length; i < length; i++) { var input = inputs[i]; if ((typeName && input.type != typeName) || (name && input.name != name)) continue; matchingInputs.push(Element.extend(input)); } return matchingInputs; }, disable: function(form) { form = $(form); Form.getElements(form).invoke('disable'); return form; }, enable: function(form) { form = $(form); Form.getElements(form).invoke('enable'); return form; }, findFirstElement: function(form) { var elements = $(form).getElements().findAll(function(element) { return 'hidden' != element.type && !element.disabled; }); var firstByIndex = elements.findAll(function(element) { return element.hasAttribute('tabIndex') && element.tabIndex >= 0; }).sortBy(function(element) { return element.tabIndex }).first(); return firstByIndex ? firstByIndex : elements.find(function(element) { return ['input', 'select', 'textarea'].include(element.tagName.toLowerCase()); }); }, focusFirstElement: function(form) { form = $(form); form.findFirstElement().activate(); return form; }, request: function(form, options) { form = $(form), options = Object.clone(options || { }); var params = options.parameters, action = form.readAttribute('action') || ''; if (action.blank()) action = window.location.href; options.parameters = form.serialize(true); if (params) { if (Object.isString(params)) params = params.toQueryParams(); Object.extend(options.parameters, params); } if (form.hasAttribute('method') && !options.method) options.method = form.method; return new Ajax.Request(action, options); } };
122
/*--------------------------------------------------------------------------*/ Form.Element = { focus: function(element) { $(element).focus(); return element; }, select: function(element) { $(element).select(); return element; } }; Form.Element.Methods = { serialize: function(element) { element = $(element); if (!element.disabled && element.name) { var value = element.getValue(); if (value != undefined) { var pair = { }; pair[element.name] = value; return Object.toQueryString(pair); } } return ''; }, getValue: function(element) { element = $(element); var method = element.tagName.toLowerCase(); return Form.Element.Serializers[method](element); }, setValue: function(element, value) { element = $(element); var method = element.tagName.toLowerCase(); Form.Element.Serializers[method](element, value); return element; }, clear: function(element) { $(element).value = ''; return element; }, present: function(element) { return $(element).value != ''; }, activate: function(element) { element = $(element); try { element.focus(); if (element.select && (element.tagName.toLowerCase() != 'input' || !['button', 'reset', 'submit'].include(element.type))) element.select(); } catch (e) { } return element; }, disable: function(element) { element = $(element); element.disabled = true; return element; }, enable: function(element) { element = $(element); element.disabled = false; return element; } };
123
/*--------------------------------------------------------------------------*/ var Field = Form.Element; var $F = Form.Element.Methods.getValue; /*--------------------------------------------------------------------------*/ Form.Element.Serializers = { input: function(element, value) { switch (element.type.toLowerCase()) { case 'checkbox': case 'radio': return Form.Element.Serializers.inputSelector(element, value); default: return Form.Element.Serializers.textarea(element, value); } }, inputSelector: function(element, value) { if (Object.isUndefined(value)) return element.checked ? element.value : null; else element.checked = !!value; }, textarea: function(element, value) { if (Object.isUndefined(value)) return element.value; else element.value = value; }, select: function(element, value) { if (Object.isUndefined(value)) return this[element.type == 'select-one' ? 'selectOne' : 'selectMany'](element); else { var opt, currentValue, single = !Object.isArray(value); for (var i = 0, length = element.length; i < length; i++) { opt = element.options[i]; currentValue = this.optionValue(opt); if (single) { if (currentValue == value) { opt.selected = true; return; } } else opt.selected = value.include(currentValue); } } }, selectOne: function(element) { var index = element.selectedIndex; return index >= 0 ? this.optionValue(element.options[index]) : null; }, selectMany: function(element) { var values, length = element.length; if (!length) return null; for (var i = 0, values = []; i < length; i++) { var opt = element.options[i]; if (opt.selected) values.push(this.optionValue(opt)); } return values; }, optionValue: function(opt) { return Element.extend(opt).hasAttribute('value') ? opt.value : opt.text; } }; /*--------------------------------------------------------------------------*/ Abstract.TimedObserver = Class.create(PeriodicalExecuter, {
124
initialize: function($super, element, frequency, callback) { $super(callback, frequency); this.element = $(element); this.lastValue = this.getValue(); }, execute: function() { var value = this.getValue(); if (Object.isString(this.lastValue) && Object.isString(value) ? this.lastValue != value : String(this.lastValue) != String(value)) { this.callback(this.element, value); this.lastValue = value; } } }); Form.Element.Observer = Class.create(Abstract.TimedObserver, { getValue: function() { return Form.Element.getValue(this.element); } }); Form.Observer = Class.create(Abstract.TimedObserver, { getValue: function() { return Form.serialize(this.element); } }); /*--------------------------------------------------------------------------*/ Abstract.EventObserver = Class.create({ initialize: function(element, callback) { this.element = $(element); this.callback = callback; this.lastValue = this.getValue(); if (this.element.tagName.toLowerCase() == 'form') this.registerFormCallbacks(); else this.registerCallback(this.element); }, onElementEvent: function() { var value = this.getValue(); if (this.lastValue != value) { this.callback(this.element, value); this.lastValue = value; } }, registerFormCallbacks: function() { Form.getElements(this.element).each(this.registerCallback, this); }, registerCallback: function(element) { if (element.type) { switch (element.type.toLowerCase()) { case 'checkbox': case 'radio': Event.observe(element, 'click', this.onElementEvent.bind(this)); break; default: Event.observe(element, 'change', this.onElementEvent.bind(this)); break; } } } }); Form.Element.EventObserver = Class.create(Abstract.EventObserver, { getValue: function() { return Form.Element.getValue(this.element); } });
125
Form.EventObserver = Class.create(Abstract.EventObserver, { getValue: function() { return Form.serialize(this.element); } }); (function() { var Event = { KEY_BACKSPACE: 8, KEY_TAB: 9, KEY_RETURN: 13, KEY_ESC: 27, KEY_LEFT: 37, KEY_UP: 38, KEY_RIGHT: 39, KEY_DOWN: 40, KEY_DELETE: 46, KEY_HOME: 36, KEY_END: 35, KEY_PAGEUP: 33, KEY_PAGEDOWN: 34, KEY_INSERT: 45, cache: {} }; var _isButton; if (Prototype.Browser.IE) { var buttonMap = { 0: 1, 1: 4, 2: 2 }; _isButton = function(event, code) { return event.button === buttonMap[code]; }; } else if (Prototype.Browser.WebKit) { _isButton = function(event, code) { switch (code) { case 0: return event.which == 1 && !event.metaKey; case 1: return event.which == 1 && event.metaKey; default: return false; } }; } else { _isButton = function(event, code) { return event.which ? (event.which === code + 1) : (event.button === code); }; } function isLeftClick(event) { return _isButton(event, 0) } function isMiddleClick(event) { return _isButton(event, 1) } function isRightClick(event) { return _isButton(event, 2) } function element(event) { event = Event.extend(event); var node = event.target, type = event.type, currentTarget = event.currentTarget; if (currentTarget && currentTarget.tagName) { if (type === 'load' || type === 'error' || (type === 'click' && currentTarget.tagName.toLowerCase() === 'input' && currentTarget.type === 'radio')) node = currentTarget; } if (node.nodeType == Node.TEXT_NODE) node = node.parentNode; return Element.extend(node); } function findElement(event, expression) { var element = Event.element(event); if (!expression) return element; var elements = [element].concat(element.ancestors());
126
return Selector.findElement(elements, expression, 0); } function pointer(event) { return { x: pointerX(event), y: pointerY(event) }; } function pointerX(event) { var docElement = document.documentElement, body = document.body || { scrollLeft: 0 }; return event.pageX || (event.clientX + (docElement.scrollLeft || body.scrollLeft) - (docElement.clientLeft || 0)); } function pointerY(event) { var docElement = document.documentElement, body = document.body || { scrollTop: 0 }; return event.pageY || (event.clientY + (docElement.scrollTop || body.scrollTop) - (docElement.clientTop || 0)); } function stop(event) { Event.extend(event); event.preventDefault(); event.stopPropagation(); event.stopped = true; } Event.Methods = { isLeftClick: isLeftClick, isMiddleClick: isMiddleClick, isRightClick: isRightClick, element: element, findElement: findElement, pointer: pointer, pointerX: pointerX, pointerY: pointerY, stop: stop }; var methods = Object.keys(Event.Methods).inject({ }, function(m, name) { m[name] = Event.Methods[name].methodize(); return m; }); if (Prototype.Browser.IE) { function _relatedTarget(event) { var element; switch (event.type) { case 'mouseover': element = event.fromElement; break; case 'mouseout': element = event.toElement; break; default: return null; } return Element.extend(element); } Object.extend(methods, { stopPropagation: function() { this.cancelBubble = true }, preventDefault: function() { this.returnValue = false }, inspect: function() { return '[object Event]' } }); Event.extend = function(event, element) { if (!event) return false; if (event._extendedByPrototype) return event;
127
event._extendedByPrototype = Prototype.emptyFunction; var pointer = Event.pointer(event); Object.extend(event, { target: event.srcElement || element, relatedTarget: _relatedTarget(event), pageX: pointer.x, pageY: pointer.y }); return Object.extend(event, methods); }; } else { Event.prototype = window.Event.prototype || document.createEvent('HTMLEvents').__proto__; Object.extend(Event.prototype, methods); Event.extend = Prototype.K; } function _createResponder(element, eventName, handler) { var registry = Element.retrieve(element, 'prototype_event_registry'); if (Object.isUndefined(registry)) { CACHE.push(element); registry = Element.retrieve(element, 'prototype_event_registry', $H()); } var respondersForEvent = registry.get(eventName); if (Object.isUndefined()) { respondersForEvent = []; registry.set(eventName, respondersForEvent); } if (respondersForEvent.pluck('handler').include(handler)) return false; var responder; if (eventName.include(":")) { responder = function(event) { if (Object.isUndefined(event.eventName)) return false; if (event.eventName !== eventName) return false; Event.extend(event, element); handler.call(element, event); }; } else { if (!Prototype.Browser.IE && (eventName === "mouseenter" || eventName === "mouseleave")) { if (eventName === "mouseenter" || eventName === "mouseleave") { responder = function(event) { Event.extend(event, element); var parent = event.relatedTarget; while (parent && parent !== element) { try { parent = parent.parentNode; } catch(e) { parent = element; } } if (parent === element) return; handler.call(element, event); }; } } else { responder = function(event) { Event.extend(event, element); handler.call(element, event); }; } } responder.handler = handler; respondersForEvent.push(responder);
128
return responder; } function _destroyCache() { for (var i = 0, length = CACHE.length; i < length; i++) { Event.stopObserving(CACHE[i]); CACHE[i] = null; } } var CACHE = []; if (Prototype.Browser.IE) window.attachEvent('onunload', _destroyCache); if (Prototype.Browser.WebKit) window.addEventListener('unload', Prototype.emptyFunction, false); var _getDOMEventName = Prototype.K; if (!Prototype.Browser.IE) { _getDOMEventName = function(eventName) { var translations = { mouseenter: "mouseover", mouseleave: "mouseout" }; return eventName in translations ? translations[eventName] : eventName; }; } function observe(element, eventName, handler) { element = $(element); var responder = _createResponder(element, eventName, handler); if (!responder) return element; if (eventName.include(':')) { if (element.addEventListener) element.addEventListener("dataavailable", responder, false); else { element.attachEvent("ondataavailable", responder); element.attachEvent("onfilterchange", responder); } } else { var actualEventName = _getDOMEventName(eventName); if (element.addEventListener) element.addEventListener(actualEventName, responder, false); else element.attachEvent("on" + actualEventName, responder); } return element; } function stopObserving(element, eventName, handler) { element = $(element); var registry = Element.retrieve(element, 'prototype_event_registry'); if (Object.isUndefined(registry)) return element; if (eventName && !handler) { var responders = registry.get(eventName); if (Object.isUndefined(responders)) return element; responders.each( function(r) { Element.stopObserving(element, eventName, r.handler); }); return element; } else if (!eventName) { registry.each( function(pair) { var eventName = pair.key, responders = pair.value; responders.each( function(r) {
129
Element.stopObserving(element, eventName, r.handler); }); }); return element; } var responders = registry.get(eventName); if (!responders) return; var responder = responders.find( function(r) { return r.handler === handler; }); if (!responder) return element; var actualEventName = _getDOMEventName(eventName); if (eventName.include(':')) { if (element.removeEventListener) element.removeEventListener("dataavailable", responder, false); else { element.detachEvent("ondataavailable", responder); element.detachEvent("onfilterchange", responder); } } else { if (element.removeEventListener) element.removeEventListener(actualEventName, responder, false); else element.detachEvent('on' + actualEventName, responder); } registry.set(eventName, responders.without(responder)); return element; } function fire(element, eventName, memo, bubble) { element = $(element); if (Object.isUndefined(bubble)) bubble = true; if (element == document && document.createEvent && !element.dispatchEvent) element = document.documentElement; var event; if (document.createEvent) { event = document.createEvent('HTMLEvents'); event.initEvent('dataavailable', true, true); } else { event = document.createEventObject(); event.eventType = bubble ? 'ondataavailable' : 'onfilterchange'; } event.eventName = eventName; event.memo = memo || { }; if (document.createEvent) element.dispatchEvent(event); else element.fireEvent(event.eventType, event); return Event.extend(event); } Object.extend(Event, Event.Methods); Object.extend(Event, { fire: fire, observe: observe, stopObserving: stopObserving }); Element.addMethods({ fire: fire,
130
observe: observe, stopObserving: stopObserving }); Object.extend(document, { fire: fire.methodize(), observe: observe.methodize(), stopObserving: stopObserving.methodize(), loaded: false }); if (window.Event) Object.extend(window.Event, Event); else window.Event = Event; })(); (function() { /* Support for the DOMContentLoaded event is based on work by Dan Webb, Matthias Miller, Dean Edwards, John Resig, and Diego Perini. */ var timer; function fireContentLoadedEvent() { if (document.loaded) return; if (timer) window.clearTimeout(timer); document.loaded = true; document.fire('dom:loaded'); } function checkReadyState() { if (document.readyState === 'complete') { document.stopObserving('readystatechange', checkReadyState); fireContentLoadedEvent(); } } function pollDoScroll() { try { document.documentElement.doScroll('left'); } catch(e) { timer = pollDoScroll.defer(); return; } fireContentLoadedEvent(); } if (document.addEventListener) { document.addEventListener('DOMContentLoaded', fireContentLoadedEvent, false); } else { document.observe('readystatechange', checkReadyState); if (window == top) timer = pollDoScroll.defer(); } Event.observe(window, 'load', fireContentLoadedEvent); })(); Element.addMethods(); /*------------------------------- DEPRECATED -------------------------------*/ Hash.toQueryString = Object.toQueryString; var Toggle = { display: Element.toggle }; Element.Methods.childOf = Element.Methods.descendantOf; var Insertion = { Before: function(element, content) { return Element.insert(element, {before:content}); }, Top: function(element, content) {
131
return Element.insert(element, {top:content}); }, Bottom: function(element, content) { return Element.insert(element, {bottom:content}); }, After: function(element, content) { return Element.insert(element, {after:content}); } }; var $continue = new Error('"throw $continue" is deprecated, use "return" instead'); var Position = { includeScrollOffsets: false, prepare: function() { this.deltaX = window.pageXOffset || document.documentElement.scrollLeft || document.body.scrollLeft || 0; this.deltaY = window.pageYOffset || document.documentElement.scrollTop || document.body.scrollTop || 0; }, within: function(element, x, y) { if (this.includeScrollOffsets) return this.withinIncludingScrolloffsets(element, x, y); this.xcomp = x; this.ycomp = y; this.offset = Element.cumulativeOffset(element); return (y >= this.offset[1] && y < this.offset[1] + element.offsetHeight && x >= this.offset[0] && x < this.offset[0] + element.offsetWidth); }, withinIncludingScrolloffsets: function(element, x, y) { var offsetcache = Element.cumulativeScrollOffset(element); this.xcomp = x + offsetcache[0] - this.deltaX; this.ycomp = y + offsetcache[1] - this.deltaY; this.offset = Element.cumulativeOffset(element); return (this.ycomp >= this.offset[1] && this.ycomp < this.offset[1] + element.offsetHeight && this.xcomp >= this.offset[0] && this.xcomp < this.offset[0] + element.offsetWidth); }, overlap: function(mode, element) { if (!mode) return 0; if (mode == 'vertical') return ((this.offset[1] + element.offsetHeight) - this.ycomp) / element.offsetHeight; if (mode == 'horizontal') return ((this.offset[0] + element.offsetWidth) - this.xcomp) / element.offsetWidth; }, cumulativeOffset: Element.Methods.cumulativeOffset, positionedOffset: Element.Methods.positionedOffset, absolutize: function(element) { Position.prepare(); return Element.absolutize(element); }, relativize: function(element) {
132
Position.prepare(); return Element.relativize(element); }, realOffset: Element.Methods.cumulativeScrollOffset, offsetParent: Element.Methods.getOffsetParent, page: Element.Methods.viewportOffset, clone: function(source, target, options) { options = options || { }; return Element.clonePosition(target, source, options); } }; /*--------------------------------------------------------------------------*/ if (!document.getElementsByClassName) document.getElementsByClassName = function(instanceMethods){ function iter(name) { return name.blank() ? null : "[contains(concat(' ', @class, ' '), ' " + name + " ')]"; } instanceMethods.getElementsByClassName = Prototype.BrowserFeatures.XPath ? function(element, className) { className = className.toString().strip(); var cond = /\s/.test(className) ? $w(className).map(iter).join('') : iter(className); return cond ? document._getElementsByXPath('.//*' + cond, element) : []; } : function(element, className) { className = className.toString().strip(); var elements = [], classNames = (/\s/.test(className) ? $w(className) : null); if (!classNames && !className) return elements; var nodes = $(element).getElementsByTagName('*'); className = ' ' + className + ' '; for (var i = 0, child, cn; child = nodes[i]; i++) { if (child.className && (cn = ' ' + child.className + ' ') && (cn.include(className) || (classNames && classNames.all(function(name) { return !name.toString().blank() && cn.include(' ' + name + ' '); })))) elements.push(Element.extend(child)); } return elements; }; return function(className, parentElement) { return $(parentElement || document.body).getElementsByClassName(className); }; }(Element.Methods); /*--------------------------------------------------------------------------*/ Element.ClassNames = Class.create(); Element.ClassNames.prototype = { initialize: function(element) { this.element = $(element); }, _each: function(iterator) { this.element.className.split(/\s+/).select(function(name) { return name.length > 0; })._each(iterator); }, set: function(className) { this.element.className = className; }, add: function(classNameToAdd) { if (this.include(classNameToAdd)) return; this.set($A(this).concat(classNameToAdd).join(' ')); }, remove: function(classNameToRemove) {
133
if (!this.include(classNameToRemove)) return; this.set($A(this).without(classNameToRemove).join(' ')); }, toString: function() { return $A(this).join(' '); } }; Object.extend(Element.ClassNames.prototype, Enumerable); /*--------------------------------------------------------------------------*/
Archivo: prototype.js
Elaboración: Carlos A. Zambrano I.
Cuadro 6
Archivos del Proyecto <?php //session_start(); //if (!isset($_SESSION["usNick"])){header('Location: ../seguridad/entrar.php?xyz=x'); exit();} header("Cache-Control: no-store, no-cache, must-revalidate"); header('Content-type: application/vnd.ms-word'); header("Content-Disposition: attachment; filename=WIKICISC.doc"); header("Pragma: no-cache"); header("Expires: 0"); require ("../../../../lib/clase_MySql.inc.php"); $cnx = new DB_mysql ; $cnx->conectar(); $id = $_GET["id"]; $sql=""; $sql="SELECT dat_nombre_funcion, leng_nombre, dat_descripcion, dat_sintaxys, dat_parametros, dat_ejemplo,
wik_datos_id FROM wik_datos d, wik_lenguajes l where l.wik_lenguajes_id = d.wik_lenguajes_id and wik_datos_id = ".$id; // echo $cnx->consultas_2($sql); $consulta = $cnx->consulta($sql); $campos = mysql_fetch_array($consulta); function argumentos($arreglo){ $arreglo = substr($arreglo,0, strlen($arreglo)-1); $campos = explode("@", $arreglo ); $data=""; $data.="<table width='100%' border='0' cellspacing='0' cellpadding='0'>"; for ($p=0; $p < count($campos); $p+=2){ $data.="<tr><td><p><i class='lstargumentos'>".$campos[$p]."</i></p></td></tr>"; $data.="<tr><td align='center'><div align='left'
class='bloqueDescrParam'>".$campos[$p+1]."</div></td></tr>"; } $data.="</table>"; echo $data; } ?> <script type="text/javascript" src="../../../../js/prototype.js"></script> <style> .tituloBloque{ background:url(/elearning_cisc/images/arrow_show.gif) no-repeat left center; padding-left:12px; font:10px Verdana, Arial, Helvetica, sans-serif; font-weight:bold; border-bottom:1px dashed #CCC8C4; color:#006600; } .bloqueSintaxis{ font:15px Verdana, Arial, Helvetica, sans-serif; color:#000; padding:0.5em;
134
} .bloqueEjemplos{ font:15px Geneva, Arial, Helvetica, sans-serif; /*background:#FFF url(../../../images/bg_panel_top_right.gif) repeat-y right;*/ background: #DFE6F2; border:1px solid #CCC; padding:0.5em; display:block; margin-top:2px; -moz-border-radius: 4px 4px 4px 4px; width:97%; } h3 { margin: 0; padding: 0; font-weight: bold; font-family: Tahoma,Helvetica,Arial,sans-serif; color:#1b78b7; font-size: 1.4em; } .bloqueDescr{ padding-top:7px; font:14px Verdana, Arial, Helvetica, sans-serif; color:#000000; line-height:12px; padding:0.5em;} </style> <body style="background:#FFF; height:100%"> <table width="100%" border="0" cellspacing="0" cellpadding="0" style="margin:0; padding:0;"> <tr><td> <div style='text-align:left'><h3><?php echo $campos[0]; ?></h3></div> <div style='margin-bottom:7px; margin_top:2px; font-size:14px'><span style='font-size:10px'>Origen:</span> <b><?php
echo $campos[1]; ?></b></div><br /> <div class='tituloBloque'>Descripción</div> <div class='bloqueDescr'><?php echo $campos[2]; ?></div><br /> <div class='tituloBloque'>Sintaxis</div> <div class='bloqueSintaxis' style='display:block' ><?php echo $campos[3]; ?></div><br /> <div class='tituloBloque'>Parámetros</div> <div id='aquiArgumentos' ><?php argumentos($campos[4]); ?></div><br /> <div class='tituloBloque'>Ejemplos</div> <div class='bloqueEjemplos'> <!--<div id='ejemplosArchivo'></div>--> <?php $nFunc = $id ; $ar = fopen("../descripciones/".$nFunc.".wik","r") or die("No se pudo abrir el archivo"); while (!feof($ar)) { $linea = fgets($ar); $lineasalto = nl2br($linea); echo $lineasalto; } fclose($ar); ?> </div> <br /><br /><br /> <span style="font-size:11px; color:#666"><b>Descargado desde el módulo Wiki-Funciones de
eCISC</b></span> </td></tr></table> </body>
Archivo: aWord.php
Elaboracion: Carlos A. Zambrano I.
Cuadro 7
135
Archivos del Proyecto <?php //esto es para decirle al cache de procesos del navegador que se desactive //header("Cache-Control: no-store, no-cache, must-revalidate"); require ("../../../../lib/clase_MySql.inc.php"); $cnx = new DB_mysql ; $cnx->conectar(); session_start(); ?> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-
transitional.dtd"> <link rel="stylesheet" href="../../css/template.css" type="text/css" /> <script type="text/javascript" src="../../../../js/prototype.js"></script> <script type="text/javascript" src="../../js/funciones.js"></script> <div style="width:98%; height:100%; padding:0px 0px 10px 0px"> <table width="100%" height="100%" border="0" cellspacing="0" cellpadding="0"> <tr><td width="79%" valign="top" align="center"> <table border="0" cellpadding="4" cellspacing="0" style="width: 100%; border-bottom:1px dashed #0F6FBD;
vertical-align: top; color: rgb(0, 0, 0); -moz-border-radius: 4px 4px 4px 4px;"> <tr> <td colspan="2" valign="middle"> <div style="float:left; margin-right:10px;"><img src="/elearning_cisc/contenido/wikikey/images/istory-27.ico"
alt="ico1" /></div> <div style=" text-align:left"><h3>Bienvenidos a WikiFunciones.</h3></div> <div style="margin-bottom:7px; margin-top:4px; color:#006600;text-align:justify; padding:0px 30px 3px
40px; font-weight:normal; font-size:14px; line-height:14px;">"Utilice la caja de busqueda para localizar las funciones que requiera, puede tambien ingresar palabras que puedan estar en la descripción de alguna función."</div>
</td> <td width="50%" valign="middle" align="center"> <div id="buscador" style="width:300px; background:#ffffff url(../../../../images/bg_panel_top_right.gif)
repeat-y right; border:1px solid #0C1589; -moz-border-radius: 4px 4px 4px 4px; padding:7px 7px 7px 7px;">
<table width="100%" border="0"> <tr> <td width="85%"><input name="find" id="find" type="text" style="-moz-border-radius: 4px 4px 4px 4px;
font-size:17px; background:#FFFFFF; border:none; width:100%; border-bottom:1px dashed #666666" title="Ingrese busqueda" value="Búsqueda" onclick="this.value=''" onkeypress="validar_enter(event, this.value)" />
</td> <td width="15%" align="center" id="lupa"><img src="../../../../images/ico6.png" alt="search"
style="cursor:pointer" onclick="buscarTodo($('find').value)" /></td> </tr> </table> </div> <div style="height:5px"></div> <!-- separador --> </td></tr> </table> </td></tr> <tr><td> </td></tr> <tr><td> <table width="100%" height="310px" border="0" cellpadding="4" cellspacing="0" > <tr> <td width="50%" valign="top"> <div id="iUltimos" style="-moz-border-radius: 4px 4px 4px 4px; margin:0px 0px 0px 0px; padding:0px
10px 4px 0px; text-align:justify; font:10px sans-serif;height:260px; border-bottom:1px dashed #0F6FBD; "> <div style="float:left; margin-right:10px;"><img
src="/elearning_cisc/contenido/wikikey/images/Computer-39.ico" alt="ico1" /></div> <div style=" text-align:left"><h3>Ultimas Contribuciones Ingresadas al Sistema</h3></div> <div class="small" style="margin-bottom:7px; color:#000; font-weight:bold">Recuerde que puede
realizar sus comentarios debajo de cada hoja de funciones, ademas editar si lo cree necesario.</div> <div id="contUltimos" style="-moz-border-radius: 4px 4px 4px 4px; padding:0px 0px 8px 35px;
height:200px; overflow:auto;"> <?php $result = $cnx->consulta('SELECT leng_nombre,dat_nombre_funcion,dat_creado_el, dat_descripcion,
wik_datos_id FROM wik_datos w, wik_lenguajes l where l.wik_lenguajes_id = w.wik_lenguajes_id and dat_estado = "Y" order by dat_creado_el desc limit 0,6') ;
?> <table width='100%' border='0' cellspacing='3' cellpadding='3'> <?php while ($row = mysql_fetch_row($result)) { ?> <tr bgcolor="#E1DFFF"> <td style='color:#006600; font-size:12px'>
136
<a href='#' onclick='buscarDatosFunciones("<?php echo $row[4];?>")'><?php echo $row[1];?></a> // <b><?php echo $row[0];?></b> // <?php echo $row[2];?><br /><span style='color:#333; font-size:11px'><?php echo $row[3];?></span></td>
</tr> <?php } if(mysql_num_rows($result) == 0){ ?> <tr bgcolor="#E1DFFF"><td colspan='3'>No hay resultados..</td></tr> <?php } ?>
</table> </div> </div> </td> </tr> <tr> <td width="50%" valign="top" > <div id="Vigilados" style="-moz-border-radius: 4px 4px 4px 4px; margin:0px 0px 0px 0px; padding:0px 10px
4px 0px; text-align:justify; font:10px sans-serif;height:260px; border-bottom:1px dashed #0F6FBD; "> <div style="float:left; margin-right:10px;"><img src="/elearning_cisc/contenido/wikikey/images/Workgroup-
8.ico" alt="vig" /></div> <div style=" text-align:left"><h3>Tus Contribuciones Vigiladas</h3></div> <div class="small" style="margin-bottom:7px; color:#000; font-weight:bold">Aquí verá si sus
contibuciones vigiladas fueron editadas por otras personas.</div> <div id="contVigilados" style="-moz-border-radius: 4px 4px 4px 4px; padding:0px 0px 8px 40px;
height:200px; overflow:auto"> <?php $idUsuario = ""; if( $_SESSION["usTipo"] == "alumno" ){ $idUsuario = $cnx->unDato('select exa_alumno_id from exa_alumno where
alu_identificacion ='.$_SESSION["usNick"]) ; }else{ $idUsuario = $cnx->unDato('select exa_profesor_id from exa_profesor where
pro_identificacion ='.$_SESSION["usNick"]) ; } $result = $cnx->consulta("SELECT leng_nombre,dat_nombre_funcion,wik_datos_id FROM wik_datos w, wik_lenguajes l where dat_creado_por =".$idUsuario." and l.wik_lenguajes_id = w.wik_lenguajes_id and w.dat_seguido='Y' and w.dat_estado = 'Y' order by dat_creado_el desc"); echo "<table width='100%' border='0' cellspacing='3' cellpadding='3' style='font-size:12px; font-
weight:bold;'>"; //echo "<tr style='background:#3F5F94; color:#FFF'><td>Lenguaje</td><td>Funcion</td><td>Fecha
de Modificación</td></tr>"; while ($row = mysql_fetch_row($result)) { echo "<tr bgcolor='#E1DFFF'><td style='color:#006600; font-size:12px'> <a
href='javascript:buscarDatosFunciones("".$row[2]."")'>".$row[1]."</a> // <b>".$row[0]."</b> // <span style='color:#000'>";
"</span></td></tr>"; } if(mysql_num_rows($result) == 0){ echo "<tr bgcolor='#E1DFFF'><td>No hay resultados..</td></tr>"; } echo "</table>"; ?> </div> </div> </td> </tr> </table> <div style="padding:10px 10px 4px 10px; text-align:justify;height:190px; width:98%"> <div style="float:left; margin-right:10px;"><img src="../../../../images/m_wiki.png" width="32" height="32"
alt="wiki_" /></div> <div style=" text-align:left"><h3>Reglas para el buen usuario.</h3></div> <div class="small" style="margin-bottom:7px; color:#000; font-weight:bold">Recuerde que este sitio
esta hecho para ayudar a los estudiantes en el desarrollo de sus estudios academicos, por favor ayudenos tener una información correcta y efectiva.</div>
<div align="left" style="padding:5px; padding-left:40px;line-height:19px; font: 14px 'Lucida Sans Unicode', 'Lucida Grande', sans-serif">
137
<b>Como alumno colaborador en la edicion de la información debera cumplir las siguientes normas del sitio:</b>
<br> a) No borrar contenido importante, <br> b) No introducir errores, <br> c) No agregar contenido inapropiado u ofensivo, <br> d) En los comentarios ingresados, respetar las opiniones o publicaciones de los demas, <br> e) No olvide citar el origen bibliográfico o web de la infromación que esta
publicando. </div> </div> </td> </tr> </table> </div>
Archivo: Buscador.php
Eleboración: Carlos A. Zambrano Izquierdo
Cuadro 8.
Archivos del Proyecto <?php //session_start(); //if (!isset($_SESSION["usNick"])){header('Location: ../seguridad/entrar.php?xyz=x'); exit();} require ("../../../../lib/clase_MySql.inc.php"); $cnx = new DB_mysql ; $cnx->conectar(); $letra = $_POST["letra"]; $sql="SELECT leng_nombre,wik_lenguajes_id,'L' as tpl FROM wik_lenguajes where leng_nombre like '".$letra."%' union all SELECT dat_nombre_funcion,wik_datos_id,'F' as tpl FROM wik_datos where dat_estado = 'Y' and
dat_nombre_funcion like '".$letra."%'"; $result = $cnx->consulta($sql); $arr = array(); while ($row = mysql_fetch_row($result) ) { $arr[] = array("q1" => $row[0],"q2" => $row[1],"q3" => $row[2]); } echo json_encode($arr); ?>
Archivo: buscarr.php
Eleboración: Carlos A. Zambrano Izquierdo
Cuadro 9.
Archivos del Proyecto <?php //session_start(); //if (!isset($_SESSION["usNick"])){header('Location: ../seguridad/entrar.php?xyz=x'); exit();} require ("../../../../lib/clase_MySql.inc.php"); $cnx = new DB_mysql ; $cnx->conectar(); //$tipo = $_POST["tipo"]; $letra = $_POST["letra"]; $op = $_POST["op"]; $sql=""; if($op == 1){ $sql="SELECT d.dat_nombre_funcion,d.wik_datos_id,'F' as tpl, d.dat_descripcion, d.dat_creado_el, l.leng_nombre FROM wik_datos d inner join wik_lenguajes l on l.wik_lenguajes_id = d.wik_lenguajes_id where d.dat_estado='Y' and dat_nombre_funcion like '%".$letra."%' limit 0,15 union all SELECT d.dat_nombre_funcion,d.wik_datos_id,'D' as tpl, d.dat_descripcion, d.dat_creado_el , l.leng_nombre FROM wik_datos d
138
inner join wik_lenguajes l on l.wik_lenguajes_id = d.wik_lenguajes_id where d.dat_estado='Y' and dat_descripcion like '%".$letra."%' limit 0,15"; } else {$sql="SELECT d.dat_nombre_funcion,d.wik_datos_id,'F' as tpl, d.dat_descripcion, d.dat_creado_el, l.leng_nombre FROM wik_datos d inner join wik_lenguajes l on l.wik_lenguajes_id = d.wik_lenguajes_id where d.dat_estado='Y' and dat_nombre_funcion like '%".$letra."%' union all SELECT d.dat_nombre_funcion,d.wik_datos_id,'D' as tpl, d.dat_descripcion, d.dat_creado_el , l.leng_nombre FROM wik_datos d inner join wik_lenguajes l on l.wik_lenguajes_id = d.wik_lenguajes_id where d.dat_estado='Y' and dat_descripcion like '%".$letra."%'";} $result = $cnx->consulta($sql); $arr = array(); while ($row = mysql_fetch_row($result) ) { $arr[] = array("q1" => $row[0],"q2" => $row[1],"q3" => $row[2],"q4" => $row[3],"q5" => $row[4],"q6" =>
$row[5]);//,"q3" => $row[2],"q4" => $row[3],"q5" => $row[4],"q6" => $row[5],"q7" => $row[6],"q8" => $row[7],"q9" => $row[8]);
} echo json_encode($arr); ?>
Archivo: buscarCB.php
Eleboración: Carlos A. Zambrano Izquierdo
Cuadro 9.
Archivos del Proyecto <?php //session_start(); //if (!isset($_SESSION["usNick"])){header('Location: ../seguridad/entrar.php?xyz=x'); exit();} require ("../../../../lib/clase_MySql.inc.php"); $cnx = new DB_mysql ; $cnx->conectar(); $id = $_POST["id"]; $sql=""; $sql="SELECT dat_nombre_funcion, leng_nombre, dat_descripcion, dat_sintaxys, dat_parametros, dat_ejemplo,
wik_datos_id FROM wik_datos d, wik_lenguajes l where l.wik_lenguajes_id = d.wik_lenguajes_id and wik_datos_id = ".$id; echo $cnx->consultas_2($sql); ?>
Archivo: buscarDatos.php
Elaboracion: Carlos A. Zambrano Izquierdo
Cuadro 10.
Archivos del Proyecto <?php $nFunc = $_POST['id'] ; $ar = fopen("../descripciones/".$nFunc.".wik","r") or die("No se pudo abrir el archivo"); while (!feof($ar)) { $linea = fgets($ar); $lineasalto = nl2br($linea); echo $lineasalto; } fclose($ar); ?>
Archivo: buscarDatos.php
Elaboracion: Carlos A. Zambrano Izquierdo
Cuadro 11.
139
Archivo del Proyecto. <?php //session_start(); //if (!isset($_SESSION["usNick"])){header('Location: ../seguridad/entrar.php?xyz=x'); exit();} require ("../../../../lib/clase_MySql.inc.php"); $cnx = new DB_mysql ; $cnx->conectar(); $letra = $_POST["letra"]; $sql="SELECT d.dat_nombre_funcion,d.wik_datos_id, d.dat_descripcion, d.dat_creado_el,l.leng_nombre FROM
wik_datos d inner join wik_lenguajes l on l.wik_lenguajes_id = d.wik_lenguajes_id where d.dat_estado = 'Y' and d.wik_lenguajes_id = ".$letra." order by d.dat_nombre_funcion";
$result = $cnx->consulta($sql); $arr = array(); while ($row = mysql_fetch_row($result) ) { $arr[] = array("q1" => $row[0],"q2" => $row[1],"q3" => $row[2],"q4" => $row[3],"q5" => $row[4]); } echo json_encode($arr); ?>
Archivo: buscarfuncionestodas.php
Elaboracion: Carlos A. Zambrano I.
Cuadro 12.
Archivos del proyecto <?php //session_start(); //if (!isset($_SESSION["usNick"])){header('Location: ../seguridad/entrar.php?xyz=x'); exit();} require ("../../../../lib/clase_MySql.inc.php"); $cnx = new DB_mysql ; $cnx->conectar(); $id = $_POST["id"]; $sql=""; $sql="SELECT * FROM wik_foro where wik_datos_id = ".$id.""; echo $cnx->verconsulta($sql); ?>
Archivo: comentarios.php
Elaboracion: Carlos A. Zambrano I.
Cuadro 13.
Archivos del Proyecto <?php session_start(); //if (!isset($_SESSION["usNick"])) //header('Location: ../../../../lib/login/login.php'); ////////////////////////////////////////////////////////////////////////////// //esto es para decirle al cache de procesos del navegador que se desactive header("Cache-Control: no-store, no-cache, must-revalidate"); require ("../../../../lib/clase_MySql.inc.php"); $miconexion = new DB_mysql ; $miconexion->conectar(); function quitar($mensaje) { $mensaje = str_replace("<","<",$mensaje); $mensaje = str_replace(">",">",$mensaje); $mensaje = str_replace("\'","'",$mensaje); $mensaje = str_replace('\"',""",$mensaje); $mensaje = str_replace("\\\\","\\",$mensaje); return $mensaje; } $guardo=""; $sql = "INSERT INTO wik_foro (foro_texto, wik_datos_id, foro_estado, foro_creado_por,
foro_creado_el) VALUES ("; $sql .= "'".quitar($_POST['comm'])."'";
140
$sql .= ",".quitar($_POST['id']).""; $sql .= ",'Y'"; $sql .= ",'".$_SESSION["usNoms"]."'"; $sql .= ",now()"; $sql .= ")"; $guardado2 = $miconexion->guardar($sql); // devuelve true o false if(!$guardado2 ) echo "Fallo.."; else echo "Gracias por su comentario.."; ?>
Archivo: guardarComent.php
Elaboracion: Carlos A. Zambrano I.
Cuadro 14.
Archivos del Proyecto <?php // iniciamos session session_start (); header("Cache-Control: no-store, no-cache, must-revalidate"); require ("../../../../lib/clase_MySql.inc.php"); $miconexion = new DB_mysql ; $con=$miconexion->conectar(); $sql="delete from wik_denuncias where den_fecha_fin <= '".date("Y/m/d")."'"; $caducaron=$miconexion->guardar($sql); ?> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-
transitional.dtd"> <head> <meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1" /> <link rel="stylesheet" href="../../css/template.css" type="text/css" /> <script type="text/javascript" src="../../../../js/prototype.js"></script> <script type="text/javascript" src="../../js/funciones.js"></script> <script type="text/javascript" src="../../js/textselection.js"></script> <script type="text/javascript" src="../../js/toolbar.js"></script> <!--<script type="text/javascript" src="http://platform.twitter.com/widgets.js"></script>--> <script type="text/javascript" language="javascript"> function abrirMenu(){ //$("LstMenuVar").style.height='300px'; //$("LstMenuVar").style.overflow='auto'; if($("Lista").style.display=='inline') $("Lista").style.display='none'; else $("Lista").style.display='inline'; //$("MenuFuncionesVariante").style.display='inline'; /*$("MenuFuncionesVariante").style.overflow='auto'; */ } //////////////////////////////////////////////////////////////////// function denunciar(id,tipo){ var url='../seguimientos/denunciar.php'; var param= "id="+id+"&tipo="+tipo; // "nick="+ $F("nick") +"&password="+$F("password"); //alert(param); return; var ajaxRequest = new Ajax.Request(url,{method: 'post', parameters: param, asynchronous: true, //var ajaxRequest = new Ajax.Request(url,{method: 'post', asynchronous: true, onSuccess: function(transport) {
$("menuDenuncias").innerHTML=transport.responseText; alert("Denuncia enviada."); }} ); } /*////////////////////////////////////////////////////////////////////////////////////////////////////*/ function portada(){ $("capaBusc").innerHTML=""; $("capaBusc").style.display="none"; $("capaLista").style.display='none'; $("capaLista").innerHTML=""; $("LstMenuVar").style.display="none"; var url='buscador.php'; var param= ""; // "nick="+ $F("nick") +"&password="+$F("password"); //var ajaxRequest = new Ajax.Request(url,{method: 'post', parameters: param, asynchronous: true, var ajaxRequest = new Ajax.Request(url,{method: 'post', asynchronous: true, onSuccess: function(transport) {
141
$('ladoDer').innerHTML = transport.responseText; }} ); } ////////////////////////////////////////////////////////////////////////////////////////////////////////// function contribucion(opEd,var0,var1,var2){ $("capaBusc").innerHTML=""; $("capaBusc").style.display="none"; $("capaLista").style.display='none'; $("capaLista").innerHTML=""; $("LstMenuVar").style.display="none"; var idFunc; try { idFunc = $('idFunc').value; } catch(e) { idFunc = '0';} var url='../editor/editor.php'; var param= "opEd="+opEd+"&idFunc="+idFunc+"&var0="+var0+"&var1="+var1+"&var2="+var2 ; //alert(param); var ajaxRequest = new Ajax.Request(url,{method: 'post', parameters: param, asynchronous: true, onSuccess: function(transport) { $('ladoDer').innerHTML = transport.responseText; agregap(); }} ); } ///////////////////////////////////////////////////////////////////////////////////////////////////////////////// function seguimientos(){ $("capaBusc").innerHTML=""; $("capaBusc").style.display="none"; $("capaLista").style.display='none'; $("capaLista").innerHTML=""; $("LstMenuVar").style.display="none"; var url='../seguimientos/seguimientos.php'; var param= ""; // "nick="+ $F("nick") +"&password="+$F("password"); //var ajaxRequest = new Ajax.Request(url,{method: 'post', parameters: param, asynchronous: true, var ajaxRequest = new Ajax.Request(url,{method: 'post', asynchronous: true, onSuccess: function(transport) { $('ladoDer').innerHTML = transport.responseText; }} ); } ///////////////////////////////////////////////////////////////////////////////////////////////////////////////// function historial(id){ $("capaBusc").innerHTML=""; $("capaBusc").style.display="none"; $("capaLista").style.display='none'; $("capaLista").innerHTML=""; $("LstMenuVar").style.display="none"; var url='../seguimientos/historial.php'; var param= "id="+id; // "nick="+ $F("nick") +"&password="+$F("password"); var ajaxRequest = new Ajax.Request(url,{method: 'post', parameters: param, asynchronous: true, //var ajaxRequest = new Ajax.Request(url,{method: 'post', asynchronous: true, onSuccess: function(transport) { $('ladoDer').innerHTML = transport.responseText; }} ); } ///////////////////////////////////////////////////////////////////////////////////////////////////////////////// function importante(){ $("capaBusc").innerHTML=""; $("capaBusc").style.display="none"; $("capaLista").style.display='none'; $("capaLista").innerHTML=""; $("LstMenuVar").style.display="none"; var url='../importante/importante.php'; var param= ""; // "nick="+ $F("nick") +"&password="+$F("password"); //var ajaxRequest = new Ajax.Request(url,{method: 'post', parameters: param, asynchronous: true, var ajaxRequest = new Ajax.Request(url,{method: 'post', asynchronous: true, onSuccess: function(transport) { $('ladoDer').innerHTML = transport.responseText; }} ); } ///////////////////////////////////////////////////////////////////////////////////////////////////////////////// function denuncias(){ $("capaBusc").innerHTML=""; $("capaBusc").style.display="none"; $("capaLista").style.display='none'; $("capaLista").innerHTML=""; $("LstMenuVar").style.display="none";
142
var url='../seguimientos/denuncias.php'; var param= ""; // "nick="+ $F("nick") +"&password="+$F("password"); //var ajaxRequest = new Ajax.Request(url,{method: 'post', parameters: param, asynchronous: true, var ajaxRequest = new Ajax.Request(url,{method: 'post', asynchronous: true, onSuccess: function(transport) { $('ladoDer').innerHTML = transport.responseText; }} ); } ////////////////////////////////////////////////////////////////////////////////////////////////////////// function loading(letra){ $("capaBusc").innerHTML=""; $("capaBusc").style.display="none"; $("capaLista").style.display='block'; $("capaLista").align='left'; $("capaLista").innerHTML=" <img src='../../../../images/5.gif' width='58' height='16' alt='loading' />"; setTimeout("buscarDatos('"+letra+"')",600); } ////////////////////////////////////////////////////////////////////////////////////////////////////////// //function loading2(idLeng){ // setTimeout("buscarDatosFunciones('"+idLeng+"')",980); // } //function loading2_2(idLeng){ // setTimeout("buscarTodasFunciones('"+idLeng+"')",980); // } ///////////////////////////////////////////////////////////////////////////////////////////////////////// function loading3(text){ //if($("cmbTipo").value==0) {alert("Escoja una opcion del listado [Buscar en?]..");return;} //$("capaLista").align='left'; textoLimpio = text.replace(/^\s*|\s*$/g,""); if(textoLimpio==""){$("capaBusc").style.display="none";return;} $("capaLista").innerHTML=""; $("capaLista").style.display="none"; $("capaBusc").style.display="inline"; $("imagenBuscar").innerHTML="<img src='../../../../images/14.gif' width='15' height='15' alt='loading' />"; //if(text.length <=40 ) {$("capaBusc").innerHTML=text;} setTimeout("buscarDatosCB('1"+text+"')",600); //buscarDatosCB(text); } // buscarDatos() //*****************************************************************************************************************/ // activa y muestra busquedas de el buscador alfabetico function buscarDatos(letra){ url='buscar.php'; param="letra="+letra; var ajaxRequest = new Ajax.Request(url,{method: 'POST', parameters: param, asynchronous: true, onSuccess: function(transport) { arrayRoles = transport.responseText.evalJSON(); $("capaLista").innerHTML=""; //$("capaLista").align='left'; var table = document.createElement('Table'); table.width='99%'; table.style.font="11px sans-serif"; table.border='0'; table.cellspacing="0"; table.cellpadding="0";
table.id="ListaDeLenguajes"; var tabBody = document.createElement('tbody'); var tabBody1 = document.createElement('tbody'); var tr = document.createElement('TR'); var td1 = document.createElement('TD'); td1.setAttribute("colspan","2"); td1.innerHTML="<div style='float:left; color:#B1B1B1'>Lenguajes de
Programación con inicial <b>"+letra+"</b>..</div><div style='float:right; cursor:pointer;'></div>"; tr.appendChild(td1); tabBody1.appendChild(tr); table.appendChild(tabBody1); var hayL=0; var hayF=0; /****************************************/ var tr = document.createElement('TR'); var td1 = document.createElement('TD'); td1.width="600px"; var str =""; for(i=0;i<arrayRoles.length;i++) { if(arrayRoles[i].q3 == "L"){ str+=" <a href='#'
onclick='javascript:buscarTodasFunciones(""+arrayRoles[i].q2+"")'><b>"+ arrayRoles[i].q1+"</b></a> <b>- </b>";
//var td2 = document.createElement('TD');
143
//td1.innerHTML =" <a href='javascript:loading2_2(""+arrayRoles[i].q2+"")'>"+ arrayRoles[i].q1+"</a>";
hayL++; } // fin de L } // fin FOR td1.innerHTML = str.substring(0,str.length-11); //td2.innerHTML =" <img src='../../../../images/5.gif' width='58' height='16' alt='loading'
style='display:none' id='"+arrayRoles[i].q2+"' />"; tr.appendChild(td1); //tr.appendChild(td2); tabBody.appendChild(tr); /****************************************************/ table.appendChild(tabBody); $("capaLista").appendChild(table); if( hayL == 0 ){ var tr = document.createElement('TR'); var td1 = document.createElement('TD'); td1.innerHTML =" No hay Resultados...";
tr.appendChild(td1); var tBody1 = document.createElement('tbody'); tBody1.appendChild(tr); table.appendChild(tBody1); } //***************************************** F var tr = document.createElement('TR'); var td1 = document.createElement('TD'); td1.setAttribute("colspan","2"); var tBody2 = document.createElement('tbody'); td1.innerHTML="<div style='float:left; color:#B1B1B1'>Funciones de
programación con inicial <b>"+letra+"</b>..</div>"; tr.appendChild(td1); tBody2.appendChild(tr); table.appendChild(tBody2); str="<div style='width:800px; display:inline-block; overflow:visible'>"; var tr = document.createElement('TR'); var td1 = document.createElement('TD'); td1.width="600px"; //var td2 = document.createElement('TD'); var tBody3 = document.createElement('tbody'); for(i=0;i<arrayRoles.length;i++) { if(arrayRoles[i].q3 == "F"){ //td1.innerHTML =" <a href='javascript:loading2(""+arrayRoles[i].q2+"")'>"+
arrayRoles[i].q1+"</a>"; str+= " <a href='#'
onclick='javascript:buscarDatosFunciones(""+arrayRoles[i].q2+"")'><b>"+ arrayRoles[i].q1+"</b></a> <b>- </b>";
//td2.innerHTML =" <img src='../../../../images/5.gif' width='58' height='16' alt='loading' style='display:none' id='"+arrayRoles[i].q2+"' />";
if (i%9 == 0) str +="<br />"; hayF++; } // fin de L } // fin FOR str+="</div>" td1.innerHTML = str; //.substring(0,str.length-11); ;
tr.appendChild(td1); //tr.appendChild(td2); tBody3.appendChild(tr); table.appendChild(tBody3); $("capaLista").appendChild(table); if( hayF == 0){ var tr = document.createElement('TR'); var td1 = document.createElement('TD'); var tBody4 = document.createElement('tbody'); td1.innerHTML =" No hay Resultados...";
tr.appendChild(td1); tBody4.appendChild(tr); table.appendChild(tBody4); } } } ); }
144
// buscarDatos() Caja de busqueda //*****************************************************************************************************************/ // activa y busca desde la caja de busqueda function buscarDatosCB(texto){ url='buscarCB.php'; var letra = texto.substring(1,texto.length); var op = texto.substring(0,1); var pal=""; param="letra="+letra+"&op="+op; $("imagenBuscar").innerHTML="<img src='../../../../images/ico6.png' alt='search' width='15' height='15' />"; var ajaxRequest = new Ajax.Request(url,{method: 'POST', parameters: param, asynchronous: true, onSuccess: function(transport) { arrayRoles = transport.responseText.evalJSON(); $("capaBusc").innerHTML=""; $("capaBusc").align='center'; var table = document.createElement('TABLE'); table.width='100%'; table.style.font="9px Verdana, Arial, Helvetica, sans-serif"; table.border='0'; table.cellspacing="0"; table.cellpadding="0";
table.id="cajabuscar"; var hayL=0; var hayF=0; for(i=0;i<arrayRoles.length;i++) { if(arrayRoles[i].q3 == "F"){ var tb = document.createElement('TBODY'); tb.align='left'; var tr = document.createElement('TR'); var td1 = document.createElement('TD'); pal = arrayRoles[i].q2; //td1.setAttribute("onclick","buscarDatosFunciones("+arrayRoles[i].q2+")"); td1.onclick = function() { buscarDatosFunciones(pal); } var url1 = arrayRoles[i].q1.replace(letra,"<b>"+letra+"</b>"); //td1.innerHTML ="<a
href='javascript:loading2(""+arrayRoles[i].q2+"")'>"+ url1.substring(0,10)+"<b>..</b></a>"; td1.innerHTML ="<span style='color:#3B5998;font-size:10px'><b> "+
url1+"</b></span><br /><span style='color:#666; font-size:9px'> "+arrayRoles[i].q4.substring(0,60)+"..</span>";
//td2.innerHTML =arrayRoles[i].q4.substring(0,30)+"<b>..</b>"; tr.title = arrayRoles[i].q1+"... "+arrayRoles[i].q4.substring(0,100); tr.style.cursor="pointer"; tr.appendChild(td1); tb.appendChild(tr); table.appendChild(tb); hayL++; } // fin de L } // fin FOR $("capaBusc").appendChild(table); //***************************************** F for(i=0;i<arrayRoles.length;i++) { if(arrayRoles[i].q3 == "D"){ var tb = document.createElement('TBODY'); tb.align='left'; var tr = document.createElement('TR'); var td1 = document.createElement('TD'); pal = arrayRoles[i].q2; //td1.setAttribute("onclick","buscarDatosFunciones("+arrayRoles[i].q2+")"); td1.onclick = function() { buscarDatosFunciones(pal); } //td1.innerHTML ="<a
href='javascript:loading2(""+arrayRoles[i].q2+"")'>"+ arrayRoles[i].q1.substring(0,10)+"<b>..</b></a>"; var res = arrayRoles[i].q4.replace(letra,"<b>"+letra+"</b>"); td1.innerHTML ="<span style='color:#3B5998;font-
size:10px'><b> "+arrayRoles[i].q1+"</b></span><br /><span style='color:#666; font-size:9px'> "+res.substring(0,70)+"..</span>";
tr.title = arrayRoles[i].q1+"... "+arrayRoles[i].q4.substring(0,100); tr.style.cursor="pointer"; tr.appendChild(td1); tb.appendChild(tr); table.appendChild(tb); hayF++; } // fin de L } // fin FOR $("capaBusc").appendChild(table); if( hayF == 0 && hayL == 0){ var tb = document.createElement('TBODY'); //tb.align='left'; var tr = document.createElement('TR');
145
var td1 = document.createElement('TD');td1.setAttribute("colspan","2");
td1.innerHTML ="No hay Resultados...";
tr.appendChild(td1); tb.appendChild(tr); table.appendChild(tb);} else { var tb = document.createElement('TBODY');
var tr = document.createElement('TR');
tr.style.cursor="pointer"; var td1 = document.createElement('TD'); td1.setAttribute("colspan","2");
td1.innerHTML ="<div align='center' style='border-top:1px dashed #000'><br /><b>Ver
todos los resultados para: </b><span style='color:#006600'>"+letra+"</span></div><br />" ; td1.onclick = function() {
buscarTodo(letra); } tr.appendChild(td1); tb.appendChild(tr); table.appendChild(tb); } } } ); } //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// // muestra todos los resultados que arroja la caja de busqueda function buscarTodo(letra){ $("capaBusc").innerHTML=""; $("capaBusc").style.display="none"; $("capaLista").style.display='none'; $("capaLista").innerHTML=""; url='buscarCB.php'; var op = 2; param="letra="+letra+"&op="+op; var ajaxRequest = new Ajax.Request(url,{method: 'POST', parameters: param, asynchronous: true, onSuccess: function(transport) { arrayRoles = transport.responseText.evalJSON(); $("ladoDer").innerHTML=""; var table = document.createElement('TABLE'); table.width='98%'; table.style.font="11px Verdana, Arial, Helvetica, sans-serif"; table.border='0'; table.cellspacing="0"; table.cellpadding="0"; table.setAttribute("class","bloquesPreview"); table.aling='left'; var tbody = document.createElement('TBODY'); var tr = document.createElement('TR'); var td1 = document.createElement('TD'); td1.align="left";
td1.style.color="#B1B1B1"; td1.setAttribute("colspan","2"); //td1.innerHTML="<h3 style='border-bottom:1px solid #666'>Resultados de la
búsqueda</h3><i>Resultados para <b>"+letra+"</b></i><br>"; td1.innerHTML="<div style='float:left; margin-right:8px;'><img
src='../../images/find.ico' alt='ico1' /></div><div style=' text-align:left'><h3>Resultados de la búsqueda</h3></div><div class='small' style='margin-bottom:7px;'>Resultados para <b>"+letra+"</b></div><br />";
tr.appendChild(td1); tbody.appendChild(tr); table.appendChild(tbody); for(i=0;i<arrayRoles.length;i++) { if(arrayRoles[i].q3 == "F"){ var tbody = document.createElement('TBODY'); tbody.align='left'; var tr = document.createElement('TR'); //if( i%2 ==
0){tr.style.background="#E0EAF7";} var tr2 = document.createElement('TR'); var tr3 = document.createElement('TR'); var td1 = document.createElement('TD'); var td2 = document.createElement('TD'); var td3 = document.createElement('TD'); //td1.innerHTML ="<a
href='javascript:loading2(""+arrayRoles[i].q2+"")'>"+arrayRoles[i].q1+"</a>"; td1.innerHTML ="<a
href='javascript:buscarDatosFunciones(""+arrayRoles[i].q2+"")'><b>"+arrayRoles[i].q1+"</b></a>"; var textoAlt = arrayRoles[i].q4.replace(letra,"<b>"+letra+"</b>"); td2.innerHTML =textoAlt.substring(0,200)+" <b>...</b>";
146
td3.innerHTML ="<b>"+arrayRoles[i].q6 +"</b> // <b>"+arrayRoles[i].q5+"</b><br><hr />"; td3.style.color="#006600";
tr.appendChild(td1); tr2.appendChild(td2); tr3.appendChild(td3); tbody.appendChild(tr); tbody.appendChild(tr2); tbody.appendChild(tr3); table.appendChild(tbody); //table.appendChild(tr2); //table.appendChild(tr3); } // fin de L } // fin FOR $("ladoDer").appendChild(table); //***************************************** F for(i=0;i<arrayRoles.length;i++) { if(arrayRoles[i].q3 == "D"){ var tbody = document.createElement('TBODY'); tbody.align='left'; var tr = document.createElement('TR'); //if( i%2 ==
0){tr.style.background="#E0EAF7";} var tr2 = document.createElement('TR'); var tr3 = document.createElement('TR'); var td1 = document.createElement('TD'); var td2 = document.createElement('TD'); var td3 = document.createElement('TD'); //td1.innerHTML ="<a href='javascript:loading2(""+arrayRoles[i].q2+"")'>"+
arrayRoles[i].q1+"</a>"; td1.innerHTML ="<a
href='javascript:buscarDatosFunciones(""+arrayRoles[i].q2+"")'><b>"+arrayRoles[i].q1+"<b></a>"; var textoAlt2 = arrayRoles[i].q4.replace(letra,"<b>"+letra+"</b>"); td2.innerHTML = textoAlt2.substring(0,200)+" <b>...</b>"; td3.innerHTML = "<b>"+arrayRoles[i].q6 +"</b> // <b>"+arrayRoles[i].q5+"</b><br><hr />";
td3.style.color="#006600"; tr.appendChild(td1); tr2.appendChild(td2); tr3.appendChild(td3); tbody.appendChild(tr); tbody.appendChild(tr2); tbody.appendChild(tr3); table.appendChild(tbody); //table.appendChild(tr2); //table.appendChild(tr3); } // fin de L } // fin FOR $("ladoDer").appendChild(table); } } ); } /////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// // muestra todas las funciones cuando se elige un lenguaje en el buscador alfabetico function buscarTodasFunciones(letra){ //alert('entro'); $("capaBusc").innerHTML=""; $("capaBusc").style.display="none"; $("capaLista").style.display='none'; $("capaLista").innerHTML=""; $("MenuFuncionesVariante").innerHTML=""; url='buscarFuncionesTodas.php'; param="letra="+letra; var ajaxRequest = new Ajax.Request(url,{method: 'POST', parameters: param, asynchronous: true, onSuccess: function(transport) { arrayRoles = transport.responseText.evalJSON(); $("ladoDer").innerHTML=""; var table = document.createElement('TABLE'); table.width='98%'; table.style.font="11px Verdana, Arial, Helvetica, sans-serif"; table.border='0'; table.cellspacing="0"; table.cellpadding="0"; table.setAttribute("class","bloquesPreview"); if(arrayRoles.length == 0) { var tbody = document.createElement('TBODY'); var tr = document.createElement('TR'); var td1 = document.createElement('TD');td1.setAttribute("colspan","2");
td1.style.background="#FFFFFF";
147
td1.innerHTML ="<div style='float:left; margin-right:8px;'><img src='../../images/find.ico' alt='ico1' /></div><div style=' text-align:left'><h3>Resultados de la búsqueda</h3></div><div class='small' style='margin-bottom:7px'><b>No hay Resultados...</b></div>";
$("LstMenuVar").style.display="none"; tr.appendChild(td1); tbody.appendChild(tr); table.appendChild(tbody); $("ladoDer").appendChild(table); return; } var tbody = document.createElement('TBODY'); var tr = document.createElement('TR'); var td1 = document.createElement('TD'); td1.align="left";
td1.style.color="#B1B1B1"; td1.setAttribute("colspan","2"); td1.innerHTML=" <div style='float:left; margin-right:8px;'><img src='../../images/find.ico'
alt='ico1' /></div><div style=' text-align:left'><h3>Resultados de la búsqueda</h3></div><div class='small' style='margin-bottom:7px;'>Resultados para <b>"+arrayRoles[0].q5+"</b></div><br />";
tr.appendChild(td1); tbody.appendChild(tr); table.appendChild(tbody); var menuizq ="<ul class='menu' style='background-color:#FFF' >"; $("LstMenuVar").style.display="inline"; //$("tituloMenuVariante") $("LstMenuVar").innerHTML = '<img src="../../../../images/up.gif" alt="func_" /> Funciones de
'+arrayRoles[0].q5.substring(0,13)+'...' ; for(i=0;i<arrayRoles.length;i++) { menuizq +="<li><a
href='javascript:buscarDatosFunciones(""+arrayRoles[i].q2+"")'>"+arrayRoles[i].q1+"</a></li>"; var tbody = document.createElement('TBODY'); tbody.align='left'; var tr = document.createElement('TR'); //if( i%2 ==
0){tr.style.background="#E0EAF7";} var tr2 = document.createElement('TR'); var tr3 = document.createElement('TR'); var td1 = document.createElement('TD'); var td2 = document.createElement('TD'); var td3 = document.createElement('TD'); //td1.innerHTML ="<a
href='javascript:loading2(""+arrayRoles[i].q2+"")'>"+arrayRoles[i].q1+"</a>"; td1.innerHTML ="<a
href='javascript:buscarDatosFunciones(""+arrayRoles[i].q2+"")'><b>"+arrayRoles[i].q1+"</b></a>";
td2.innerHTML = arrayRoles[i].q3.substring(0,200)+" <b>...</b>"; td3.innerHTML = "<b>"+arrayRoles[i].q5 +"</b> // <b>"+arrayRoles[i].q4+"</b><br><hr>";
td3.style.color="#006600"; tr.appendChild(td1); tr2.appendChild(td2); tr3.appendChild(td3); tbody.appendChild(tr); tbody.appendChild(tr2); tbody.appendChild(tr3); table.setAttribute("class","bloquesPreview"); table.appendChild(tbody); //table.appendChild(tr2); //table.appendChild(tr3); } // fin FOR menuizq +="</ul>"; $("MenuFuncionesVariante").innerHTML=menuizq; $("ladoDer").appendChild(table);
} } ); } /////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// function comments(id){ url='comentarios.php'; param="id="+id; // alert(id); data2=""; var ajaxRequest = new Ajax.Request(url,{method: 'POST', parameters: param, asynchronous: true, onSuccess: function(transport) { arrayRoles = transport.responseText.evalJSON(); $('capaComment').innerHTML = ""; for (e=0 ; e < arrayRoles.length; e++){ registro = arrayRoles[e].regs; campos = registro.split(","); //alert(campos); var div1 = document.createElement('DIV'); div1.id="vistaComment";
148
if(campos[0]=='0' || campos[1]=='Undefined') { data2='No hay Comentarios...'; div1.innerHTML = data2; $('capaComment').appendChild(div1); return; } data2+="<table width='97%' border='0' cellspacing='0' cellpadding='0' style='margin-
bottom:10px'><tr><td width='30%' align='left' valing='top' style='font-size:10px '><img src='../../../../images/male.gif' width='12' height='10' alt='msg' /><span style='color:#006600'><b>"+campos[4]+"</b></span> // <img src='../../../../images/img.gif' width='12' height='10' alt='cal' /> <b>"+campos[5]+" <span style='color:#006600'>Dice:</span></b></td></tr><tr><td width='70%' valing='top' class='bloqueEjemplos' ><div style='font-weight:normal; line-height:18px; text-align:justify; font-size:13px '>"+campos[1]+"</div></td></tr></table>";
} div1.innerHTML = data2; $('capaComment').appendChild(div1); }}); } ///////////////////////////////////////////////////////////// function argumentos(arreglo){ arreglo = arreglo.substring(0,arreglo.length-1); var campos = arreglo.split("@"); var data=""; // var table = document.createElement('Table'); table.width='100%'; // table.border='0'; table.cellspacing="0"; table.cellpadding="0"; table.id="tArgumentos"; // var tabBody = document.createElement('tbody'); // var tr1 = document.createElement('TR'); // var tr2 = document.createElement('TR'); // var td1 = document.createElement('TD'); // var td2 = document.createElement('TD'); data+="<table id='tArgumentos' width='100%' border='0' cellspacing='0' cellpadding='0'>"; for (p=0; p<campos.length; p+=2){ // td1.innerHTML="<p><i class='lstargumentos'>"+campos[p]+"</i></p>"; // td2.innerHTML="<blockquote><div class='bloqueEjemplos'>"+campos[p+1]+"</div></blockquote>"; data+="<tr><td><p><i class='lstargumentos'>"+campos[p]+"</i></p></td></tr>"; data+="<tr><td align='center'><div align='left'
class='bloqueDescrParam'>"+campos[p+1]+"</div></td></tr>"; // tr1.appendChild(td1); // tr2.appendChild(td2); // tabBody.appendChild(tr1); // tabBody.appendChild(tr2); } // table.appendChild(tabBody); data+="</table>"; return data; //$('aquiArgumentos').appendChild(table); //return table; } //////////////////////////////////////////////////////////////////////// function reversaParametros(datos){ var campos = datos.split("@"); var texto=""; for (y=0 ; y < campos.length ; y++){ if( y%2 == 0 ) { texto += campos[y].replace(campos[y],"<<"+campos[y]+">>") ; } else { texto += campos[y].replace(campos[y],"--"+campos[y]+"--") ; } } return texto; } //***************************************************************************************************************************************
***********88 // muestra el modulo de vista completa, incluidos los FQS function buscarDatosFunciones(id){ //alert(''); //alert(id); $("capaBusc").innerHTML=""; $("capaBusc").style.display="none"; $("capaLista").style.display='none'; $("capaLista").innerHTML=""; url='buscarDatos.php'; /*dat_nombre_funcion, leng_nombre, dat_descripcion, dat_sintaxys, dat_parametros,
dat_ejemplo, wik_datos_id */ /* 0 1 2 3 4 5 6 */ param="id="+id;
149
var ajaxRequest = new Ajax.Request(url,{method: 'POST', parameters: param, asynchronous: true, onSuccess: function(transport) { arrayRoles = transport.responseText.evalJSON(); $("capaLista").innerHTML=""; $("capaLista").align='center'; $("ladoDer").innerHTML=''; var registro = arrayRoles[0].regs var campos = registro.split("¬"); var divpr = document.createElement('DIV'); divpr.id="vistaFuncion"; var total = campos[2]; //var p = campos[2].length; //alert(p); //for (i=0 ; i < p; i++){ // total = total.replace('[[','<b>'); // total = total.replace(']]','</b>'); // } var data="<div class='bloquesPreview'> <div style='float:right; margin-right:15px; '><a
href='javascript:aWord(""+campos[6]+"")'><img src='/elearning_cisc/contenido/wikikey/images/word.ico' width='20' height='20' alt='word' style='cursor:pointer' title='Descargar a Word..' /> Exportar</a> <b>|</b> <a href='javascript:historial(""+campos[6]+"")'><img src='/elearning_cisc/contenido/wikikey/images/historial.ico' width='20' height='20' alt='word' style='cursor:pointer' title='Historial de Cambios.' /> Historial</a></div><input name='idFunc' id='idFunc' type='hidden' value='"+campos[6]+"' /><div style='float:left; margin-right:10px;'><img src='/elearning_cisc/contenido/wikikey/images/documento.ico' alt='ico1' /></div> <div style='text-align:left'><h3>"+campos[0]+"</h3></div> <div style='margin-bottom:7px; margin_top:2px; font-size:14px'><span style='font-size:10px'>Origen:</span> <b>"+campos[1]+"</b></div><br />";
data+="<div align='center'><div align='left' style='width:98%;'><div
class='tituloBloque'>Descripción<div class='editar'>[<a href='#' onclick='contribucion(1,""+campos[0]+"",""+campos[3]+"",""+total+"")'>editar</a>]</div></div> <div class='bloqueDescr'>"+total+"</div><br />";
data+="<div class='tituloBloque'>Sintaxis<div class='editar'>[<a href='#'
onclick='contribucion(11,""+campos[0]+"",""+campos[3]+"",""+total+"")'>editar</a>]</div></div> <div class='bloqueSintaxis' style='display:block' >"+campos[3]+"</div><br />";
var var3= reversaParametros(campos[4]); data+="<div class='tituloBloque'>Parámetros<div class='editar'>[<a href='#'
onclick='contribucion(2,""+campos[0]+"","",""+var3+"")'>editar</a>]</div></div>"; data+="<div id='aquiArgumentos'
class='bloquelight'>"+argumentos(campos[4])+"</div><br />"; data+="<div class='tituloBloque'>Ejemplos<div class='editar'>[<a href='#'
onclick='contribucion(3,""+campos[0]+"","",""+campos[6]+"")'>editar</a>]</div></div><div class='bloqueEjemplos'><div id='ejemplosArchivo'></div></div></div> </div></div><br />" ; buscDescrip(campos[6]);
data+="<div id='notaultimamod'>Ultima modificacion</div> <br />";
ultimaModificacion(campos[6]); data+="<div class='tituloComentarios'>Comentarios</div><br />"; data+="<div class='bloquesPreviewComent' align='center'><div
id='capaComment'>"+comments(id)+"</div></div><br/>" ; data+="<div style='border-bottom:1px solid #0668B3;font:12px Arial;font-
weight:bold;color:#0668B3;'>Déjanos tu comentario</div><div class='bloquesPreviewComent' align='center'> <table width='90%' height='130px' border='0' cellspacing='0' cellpadding='0'><tr><td><textarea name='comment' id='comment' type='text' style='width:100%; height:80px; border:1px inset #000; background:white;' /></textarea></td></tr><tr><td align='right'><input name='comentar' type='button' value='Comentar' onclick = 'guardaComment("+id+")' /></td></tr></table> </div>" ;
divpr.innerHTML = data; $("ladoDer").appendChild(divpr); }}); } //************************* fecha que se hizo la ultima modificacion *********************** function ultimaModificacion(id){ url='ultimaModificacion.php'; param="id="+id; var ajaxRequest = new Ajax.Request(url,{method: 'POST', parameters: param, asynchronous: true, onSuccess: function(transport) { $('notaultimamod').innerHTML = transport.responseText;
}}); } //****************** buscar descripciones ****************************************** function buscDescrip(id){ url='buscarDescripcion.php';
150
param="id="+id; var ajaxRequest = new Ajax.Request(url,{method: 'POST', parameters: param, asynchronous: true, onSuccess: function(transport) { $('ejemplosArchivo').innerHTML =
transport.responseText; }}); } //***************************************************************************************************************************************
*************** function guardaComment(id){ //$_SESSION["usNoms"] $_SESSION["usApes"] param="comm="+$('comment').value+"&id="+id ; url='guardarComment.php'; var ajaxRequest = new Ajax.Request(url,{method: 'POST', parameters: param, asynchronous: true, onSuccess: function(transport) { result = transport.responseText; alert(result); $('comment').value=""; comments(id); }}); } //////////////////////////////////////////////////////////////////////////////////////////////////////// function reglas(){ $("capaLista").style.display='block'; $("capaLista").innerHTML="<img src='../../images/tabla1.jpg' width='100%' height='100%' alt='tabla' />"; } //////////////////////////////////////////////////////////////////////////////////////////////////////// function siVa(id){ url='../editor/YNaportaciones.php'; var param = "id="+id+"&op=Y"; var ajaxRequest = new Ajax.Request(url,{method: 'post', parameters: param, asynchronous: true, onSuccess: function(transport) { $(id).innerHTML="<b style='color:red;
font-size:9px'>Aprobada</b>"; }} ); } function noVa(id){ url='../editor/YNaportaciones.php'; var param = "id="+id+"&op=N"; var ajaxRequest = new Ajax.Request(url,{method: 'post', parameters: param, asynchronous: true, onSuccess: function(transport) { $(id).innerHTML="<b style='color:red;
font-size:9px'>Eliminada</b>"; }} ); } function aWord(id){ var url="aWord.php?id="+id; var ventana = window.open(url,"Wiki
Cisc","toolbar=0,scrollbars=1,directories=0,location=0,Menubar=0,Status=0,Titlebar=0,Toolbar=0,width=1000, height=700,resizable=1");
} /*---------------------------------------------------------------------*/ function bajarVentanas(){ $("capaBusc").innerHTML="" ; $("capaBusc").style.display="none"; //$("LstMenuVar").style.height='15px'; $("Lista").style.display="none"; //$("MenuFuncionesVariante").style.display='none'; $("capaLista").innerHTML = ""; $("capaLista").style.display = "none"; } </script> </head> <body> <div id="wrapper" align="center" style="height:100%; overflow:auto;padding-top:0px;" onclick="bajarVentanas()" > <div style="background:#EBEBEB url(/elearning_cisc/contenido/wikikey/images/left_shadow.jpg) repeat-y left;
width:100%;"> <div style="background:url(/elearning_cisc/contenido/wikikey/images/right_shadow.jpg) repeat-y right;"> <table width="98%" border="0" cellpadding="0" cellspacing="0" height="100%"> <tr> <td colspan="2" id="cabecera" align="center" valign="top"> <table width="98%" border="0" cellspacing="0" cellpadding="0" style="margin-top:5px;">
151
<tr style="background:transparent url(../../images/menu_t.jpg) top left repeat; color:#FFF;color:#fefefe; font-weight: bold; font-family: Helvetica,Arial,sans-serif; font-size: 1.1em;" height="26">
<td align="left"> <div style="float:left; margin-top:4px; margin-bottom:4px;"> <div> <div id="buscador" style="width:240px; background:#ffffff; border:1px solid #0C1589; margin-
left:5px;padding:2px 2px 1px 2px;"> <table width="100%" border="0" cellpadding="0" cellspacing="0"> <tr> <td width="91%"><input name="input" type="text" style="font-size:11px; background:#FFFFFF;
border:none; width:100%;" title="Ingrese busqueda" value="Búsqueda" onclick="this.value=''" onblur="this.value='Búsqueda'" onkeyup="loading3(this.value)" /></td>
<td width="9%" align="left" id="imagenBuscar"><img src="../../../../images/ico6.png" alt="search" width="15" height="15" /></td>
</tr> </table> </div> </div> <div id="capaBusc"></div> </div> <div id="menuFlotante" style="float:right; color:#006600;text-align:justify; padding-left:23px; margin-right:10px;
margin-top:5px; margin-bottom:5px; font-weight:normal; font-size:14px; line-height:20px; background:url(/elearning_cisc/images/menu_icon.gif) no-repeat left center; height:20px;">
<a href="javascript:portada()">Portada</a> | <a href="javascript:contribucion(0)">Contribuciones</a> <!-- | <a href="javascript:seguimientos()">Seguimientos</a> --> <span id="menuImportante"> <?php $reg = $miconexion->unDato("select count(wik_datos_id) from wik_datos a
where a.dat_estado = 'N'"); if($reg > 0) { if($_SESSION["usTipo"]=='profesor'){ ?> | <a href="javascript:importante()" title="Existen Contribuciones Nuevas Esperando ser Aceptadas..."><span
style="color:red;">Importante!</span></a> <?php } }?> </span> <span id="menuDenuncias"> <?php $reg = $miconexion->unDato("select count(wik_denuncias_id) from wik_denuncias ");if($reg > 0){
if($_SESSION["usTipo"]=='profesor'){ ?> | <a href="javascript:denuncias()" title="Lista de Denunciados...">Denuncias</a> <?php } }?> </span> </div> </td> </tr> <tr> <td colspan="2" align="left" valign="top"><div id="leftcolumn" class='moduletable_menu' style="margin-
top:0px; width:100%;" align="center"> <div id="menuTutor" class='module_menu'> <ul class='menuAlfa'> <div id="findAlfa" style="width:100%;" > </div> </ul> </div> </div> <div id="capaLista" align="left"></div></td> </tr> </table> </td></tr> <tr> <!-- <td width="181" valign="top" align="center" id="ladoizq"><div id="leftcolumn" class='moduletable_menu' > <div id="menuTutor" class='module_menu'> <img src="../../images/logo.jpg" width="170" height="128" alt="logo" style="border:1px solid #AAB7D7; -moz-
border-radius: 4px 4px 4px 4px; margin-bottom:5px; margin-top:5px;"/> <h3>Menú Opciones</h3> <ul class='menu' > <li><a href="javascript:portada()">Portada</a></li> <li><a href="javascript:contribucion(0)">Contribuir a la Wiki</a></li> <li><a href="javascript:seguimientos()">Seguimientos</a></li> <?php $reg = $miconexion->unDato("select count(wik_datos_id) from wik_datos a where a.dat_estado =
'N'");if($reg > 0){ ?> <li><a href="javascript:importante()" title="Existen Contribuciones Nuevas Esperando ser Aceptadas..."><span
style="color:red;">Importante!</span></a></li>
152
<?php } ?> </ul> <div id="MenuFuncionesVariante" align="left"> </div> </div> </div></td> --> <td valign="top" align="center" ><!-- bgcolor="#FFFFFF" style="border-left:1px solid #87A7C7"> --> <div id="ladoDer" style="width:100%; margin-top:5px;" ><br /><br /> <b>CARGANDO ...</b><br /><br /><br /><br /></div> <br /> </td> </tr> </table> </div> </div> </div> <div id="Lista" > <div id="leftcolumn" > <div class="small" style="padding:3px; background: url(../../images/header_bg2.jpg) repeat;
color:#FFF;"> Funciones encontradas:</div> <ul><div id="MenuFuncionesVariante" align="left"> </div> </ul> </div> </div> <div id="LstMenuVar" align="left" onclick="abrirMenu()"> <div id="tituloMenuVariante"></div> </div> </body> </html> <script type="text/javascript"> var abc=""; for(s=65; s<91; s++){//alert(String.fromCharCode(s)); var letra = String.fromCharCode(s); abc = abc + "<a href='javascript:loading(""+letra+"")' title='Hacer Busqueda
con la letra ["+letra+"].'><b>"+letra+"</b></a>" ; } abc+= "<a href='javascript:loading("@")' title='Otros
Caracteres.'><b>@</b></a>"; $("findAlfa").innerHTML= abc ; portada(); </script>
Archivo: portada.php
Elaboracion: Carlos A. Zambrano I.
Cuadro 15.
Archivos del Proyecto <?php header("Cache-Control: no-store, no-cache, must-revalidate"); require ("../../../../lib/clase_MySql.inc.php"); $cnx = new DB_mysql ; $cnx->conectar(); $result = $cnx->unDato("SELECT max(cam_fmodif) FROM wik_cambios ca where wik_datos_id =".$_POST['id']); if($result!= null) echo " Esta página fue modificada por última vez el
".$result; else echo " Esta página no ah sido modificada"; ?>
Archivo: ultimaModificacion.php
Elaboracion: Carlos A. Zambrano I.
153
Cuadro 16.
Archivos del Proyecto // JavaScript Document function max(txarea) { total = 500; tam = txarea.value.length; str=""; str=str+tam; //Digitado.innerHTML = str; document.getElementById('totalletras').innerHTML= total - str; if (tam > total){ aux = txarea.value; txarea.value = aux.substring(0,total); //Digitado.innerHTML = total document.getElementById('totalletras').innerHTML= 0 } } function cerrarNew(){ $("principal").innerHTML= ""; } function MuestraAccesos(){ $("principal").innerHTML= " <table width= '100% ' border= '0 ' cellspacing= '0 ' cellpadding= '4 '><tr><td><div
id='titulo' style= ' margin-top:10px ' ><div class='componentheading' style= 'float:left '>Ingreso de Nuevas Funciones</div><div id= 'cerrar ' style= 'float:right '><img src= '../img/Cancel.png ' alt= 'cancelar ' style= 'cursor:pointer' onclick='cerrarNew();' title='Cerrar este Modulo'/></div></div></td></tr><tr><td><p>Nombre de la Nueva Función</p></td></tr><tr><td><input style= 'width:50% ' type='text' size='26' name='nDocumento3' id='nDocumento3' /></td></tr><tr><td><p>Descripcion/Detalle/Utilización de la Función</p></td></tr><tr><td><textarea name= 'nDocumento6 ' rows= '10 ' id= 'nDocumento6 ' style= 'width:99% ' onkeypress='max(this);'></textarea></td></tr><tr><td><div style= 'float:left '>Ingrese maximo 500 caracteres, le restan: </div><div id='totalletras' style= ' font-weight:bold; float:left;color: #1b78b7 '>500</div></td> </tr><tr><td><p>Sintaxis</p></td></tr><tr><td><input style= 'width:100% ' type='text' size='26' name='nDocumento' id='nDocumento' /></td></tr><tr><td><p>Argumentos de la Función</p></td></tr><tr><td><table width= '100% ' border= '1 '><tr><td width= '23% ' class= 'sectiontableheader '>Parametros</td><td class= 'sectiontableheader ' colspan= '3 '>Descripción</td></tr><tr><td><input style= 'width:100% ' type='text' size='26' name='nDocumento2' id='nDocumento2' /></td><td width= '71% '><input style= 'width:100% ' type='text' size='26' name='nDocumento4' id='nDocumento4' /></td><td width= '3% '><img src= '../img/Ok.png ' alt= 'ok ' width= '24 ' height= '24 ' /></td> <td width= '3% '><img src= '../img/Cancel.png ' alt= 'cancel ' width= '22 ' height= '22 ' /></td> </tr> <tr> </tr> </table></td> </tr> <tr> <td><p>Ejemplos de Uso de la Función</p></td> </tr> <tr> <td><textarea name= 'nDocumento7 ' rows= '30 ' id= 'nDocumento7 ' style= 'width:99% ' onkeypress= 'max(this); '></textarea></td> </tr> <tr> <td><label><input type='checkbox' name='seguimiento' id= 'seguimiento' />Hacer seguimiento a esta página</label> </td> </tr> <tr> <td><input name= 'guardar' type= 'button' value= 'Guardar esta página' /> <input name= 'preview' type= 'button' value= 'Previsualización ' /> <input name= 'cancelar' type= 'button' value= 'Cancelar' /></td> </tr> </table> ";
/* var table= document.createElement('TABLE'); table.width='100%'; table.border='0'; table.cellspacing='0'; table.cellpadding='4'; var tr1 = document.createElement('TR'); var td1 = document.createElement('TD'); td1.innerHTML= '<div id='titulo' style='margin-top:10px' ><div class='componentheading'
style='float:left'>Ingreso/Edición de Datos</div><div id='cerrar' style='float:right'><img src='../img/Cancel.png' alt='cancelar' style='cursor:pointer' /></div></div><input name='preview' type='button' value='Guardar esta página' /> <input name='preview' type='button' value='Previsualización' /> <input name='preview' type='button' value='Cancelar' /> ';
tr1.appendChild(td1); table.appendChild(tr1); var url='contenido/socios/verAccesos.php'; var json; var lista= ' '; var ajaxRequest = new Ajax.Request(url, {method:'post', asynchronous: true, onSuccess: function(transport){ json = transport.responseText.evalJSON(); for(i=0;i<=json.length;i++) { var tr = document.createElement('TR'); if( i%2 != 0){tr.style.background=
'#E0EAF7 ';}
154
var td3 = document.createElement('TD'); var chk = document.createElement('INPUT');chk.type= 'checkbox ';
chk.id=json[i].cod; td3.innerHTML = ' ' + json[i].descri; tr.appendChild(chk); tr.appendChild(td3); table.appendChild(tr); } }}); */ // $( 'principal ').appendChild(table); }
Archivo: editor.js
Elaboracion: Carlos A. Zambrano I.
Cuadro 17.
Archivos del Proyecto <?php session_start(); header("Cache-Control: no-store, no-cache, must-revalidate"); require ("../../../../lib/clase_MySql.inc.php"); $cnx = new DB_mysql ; $cnx->conectar(); $opEd = $_POST['opEd']; $idFunc = $_POST['idFunc']; function quitar($mensaje) { $mensaje = str_replace('<br />',"",$mensaje); return $mensaje; } if($_SESSION["usTipo"]=='profesor'){ $idDenunciado = $cnx->unDato("select exa_profesor_id from exa_profesor where pro_identificacion =
".$_SESSION["usNick"]); } else { $idDenunciado = $cnx->unDato("select exa_alumno_id from exa_alumno where alu_identificacion
= ".$_SESSION["usNick"]); } $estaDenunciado = $cnx->unDato("select count(wik_denuncias_id) from wik_denuncias where
den_denunciado=".$idDenunciado); $descrip = $cnx->unDato("select distinct den_descripcion from wik_denuncias where
den_denunciado=".$idDenunciado); $fechaFin = $cnx->unDato("select distinct den_fecha_fin from wik_denuncias where
den_denunciado=".$idDenunciado); if($estaDenunciado > 0 ){ ?> <br /><br /><br /><br /> <div style="font-size:12px; color:#000; background-color: #fdfdfd;border: 2px solid rgb(240, 201, 31);
width:90%;padding:1em; background:rgb(255, 238, 153); font-weight:normal; display:block; -moz-border-radius: 4px 4px 4px 4px;" align="center" >
<img src="../../../../images/35px-Nuvola_apps_important_yellow.svg.png" width="35" height="29" alt="alert" style="margin-bottom:5px" /><br />
<b>Usuario Bloqueado: </b><?php echo $descrip; ?><br /><b>Fecha Final de Bloqueo: </b><?php echo $fechaFin; ?>
</div> <br /><br /><br /><br /> <?php exit(); } ?> <table width="98%" border="0" cellspacing="0" cellpadding="0" > <tr><td> <?php if($opEd == 0) { ?> <div style="float:left; margin-right:8px;"><img src="../../images/contribuciones.ico" alt="ico1" /></div> <div style=" text-align:left"><h3>Contribuciones a la WikiFunciones</h3></div> <div class="small" style="margin-bottom:7px">Ingrese la función determinando el Lenguaje de
Programación origen..</div> <?php } else { ?> <div style="float:left; margin-right:8px;"><img src="../../images/editando.ico" alt="ico1" /></div> <div style=" text-align:left"><h3>Editando sección de << <?php echo $_POST['var0']; ?>
>></h3></div>
155
<div class="small" style="margin-bottom:7px">Los cambios que realize quedarán almacenados en el historial de esta sección..</div>
<?php } ?> </td></tr> <tr> <td> <?php if($opEd == 0) { ?> <table width="100%" border="0" cellpadding="0" cellspacing="0"> <tr> <td width="50%"> <h2>Elija el Lenguaje:</h2> <div style="width:96%; background:#ffffff url(../../../../images/bg_panel_top_right.gif) repeat-y right; border:1px solid
#0C1589; -moz-border-radius: 4px 4px 4px 4px; padding:2px 2px 2px 2px;"> <?php $consulta1 = $cnx->consulta("select wik_lenguajes_id, leng_nombre from wik_lenguajes where leng_estado='Y' order
by leng_nombre"); echo " <select name='cmbLenguaje' id='cmbLenguaje' style='width:99%;border:none' class='txtWiky'
onclick='$("lenguaje").value=this.value'>"; while ($row = mysql_fetch_row($consulta1)) { echo "<option value='".$row[0]."'>".$row[1]."</option>"; } echo "</select>"; ?> <input name="lenguaje" id="lenguaje" type="hidden" value="" /> </div> </td> <td width="50%"> <h2>Nombre de la Función:</h2> <div style="width:96%; background:#ffffff url(../../../../images/bg_panel_top_right.gif) repeat-y right; border:1px solid
#0C1589; -moz-border-radius: 4px 4px 4px 4px; padding:2px 2px 2px 2px;"> <input style="width:99%;border:none" type='text' name='nFuncion' id='nFuncion' value="" class="txtWiky" /> </div> </td> </tr> </table> <?php } ?> </td> </tr> <tr><td align="left"> <?php if($opEd == 0 || $opEd == 11) { ?> <br /><h2>Ingrese la Sintaxis:</h2> <div style="width:97%; background:#ffffff url(../../../../images/bg_panel_top_right.gif) repeat-y right; border:1px solid
#0C1589; -moz-border-radius: 4px 4px 4px 4px; padding:7px 7px 7px 7px;"> <input name="bold" type="button" value="" onclick="insertTags('nSintaxis','<b>','</b>','inserte nombre de
función')" style="background:#E7EBCF url(../../images/toolbar/bold.png) no-repeat center center; width:30px; cursor:pointer"/>
<input name="italic" type="button" value="" onclick="insertTags('nSintaxis','<i>','</i>','inserte argumento')" style="background:#E7EBCF url(../../images/toolbar/italic.png) no-repeat center center; width:30px; cursor:pointer"/>
<textarea style="width:100%; border:none; margin-top:3px" type='text' size='26' name='nSintaxis' id='nSintaxis' class="txtWiky"><?php if($opEd == 11) { echo $_POST['var1'];} ?></textarea>
</div> <?php } ?> </td></tr> <tr><td align="left"> <?php if($opEd == 0 || $opEd == 1) { ?> <br /><h2>Ingrese la Descripción:</h2> <div style="width:97%; background:#ffffff url(../../../../images/bg_panel_top_right.gif) repeat-y right; border:1px solid
#0C1589; -moz-border-radius: 4px 4px 4px 4px; padding:7px 7px 2px 7px;"> <input name="bold" type="button" value="" onclick="insertTags('nDescripcion','<b>','</b>','inserte texto')"
style="background:#E7EBCF url(../../images/toolbar/bold.png) no-repeat center center; width:30px;cursor:pointer"/>
<input name="italic" type="button" value="" onclick="insertTags('nDescripcion','<i>','</i>','inserte texto')" style="background:#E7EBCF url(../../images/toolbar/italic.png) no-repeat center center; width:30px;cursor:pointer"/>
<input name="strike" type="button" value="" onclick="insertTags('nDescripcion','<s>','</s>','inserte texto')" style="background:#E7EBCF url(../../images/toolbar/strike.png) no-repeat center center; width:30px;cursor:pointer"/>
<input name="underline" type="button" value="" onclick="insertTags('nDescripcion','<u>','</u>','inserte texto')" style="background:#E7EBCF url(../../images/toolbar/underline.png) no-repeat center center; width:30px;cursor:pointer"/>
<input name="underline" type="button" value="" onclick="insertTags('nDescripcion','<hr>','','')" style="background:#E7EBCF url(../../images/toolbar/hr.png) no-repeat center center; width:30px;cursor:pointer"/>
<textarea name="nDescripcion" rows="10" id="nDescripcion" style="width:100%; border:none; margin-top:3px" onkeypress='max(this);' class="txtWiky"><?php if($opEd == 1) { echo $_POST['var2'];} ?></textarea>
<table width="100%" border="0" cellspacing="0" cellpadding="0" style="border-top:1px solid #6AC4DD"> <tr> <td width="36%" align="left">Ingrese máximo 500 caracteres, le restan: </td>
156
<td width="64%" align="left"><div id='totalletras' style=" font-weight:bold; float:left;color: #1b78b7">500</div></td> </tr> </table> </div> <?php } ?> </td></tr> <tr><td> <?php if($opEd == 0 || $opEd == 2) { ?> <br /><h2>Ingrese los Parametros o Variables:</h2> <!-- <table id="tParam" width="100%" border="0" cellpadding="0" cellspacing="0"> <tr> <td align="left" width="23%"><b>Parametro</b></td> <td align="left" colspan="3" ><b>Descripción</b></td> </tr> </table> --> <div align="left" style="width:97%; background:#ffffff url(../../../../images/bg_panel_top_right.gif) repeat-y right;
border:1px solid #0C1589; -moz-border-radius: 4px 4px 4px 4px; padding:7px 7px 7px 7px;"> <input name="bold" type="button" value="" onclick="insertTags('nParametros','<b>','</b>','inserte texto')"
style="background:#E7EBCF url(../../images/toolbar/bold.png) no-repeat center center; width:30px;cursor:pointer"/>
<input name="italic" type="button" value="" onclick="insertTags('nParametros','<i>','</i>','inserte texto')" style="background:#E7EBCF url(../../images/toolbar/italic.png) no-repeat center center; width:30px;cursor:pointer"/>
<input name="strike" type="button" value="" onclick="insertTags('nParametros','<s>','</s>','inserte texto')" style="background:#E7EBCF url(../../images/toolbar/strike.png) no-repeat center center; width:30px;cursor:pointer"/>
<input name="underline" type="button" value="" onclick="insertTags('nParametros','<u>','</u>','inserte texto')" style="background:#E7EBCF url(../../images/toolbar/underline.png) no-repeat center center; width:30px;cursor:pointer"/>
<input name="parametro" type="button" value="Parametro" onclick="insertTags('nParametros','<<','>>','inserte parametro')" style="background:#E7EBCF;cursor:pointer"/>
<input name="descrip" type="button" value="Descripción" onclick="insertTags('nParametros','--','--','inserte descripcion')" style="background:#E7EBCF;cursor:pointer"/>
<textarea name="nParametros" rows="10" id="nParametros" style="width:100%; border:none; margin-top:3px" onkeypress='max(this);' class="txtWiky"><?php if($opEd == 2) { echo $_POST['var2'];} ?></textarea>
</div> <?php } ?> </td> </tr> <tr><td> <?php if($opEd == 0 || $opEd == 3) { ?> <br /><h2>Ejemplos de la Función:</h2> <div style="width:97%; background:#ffffff url(../../../../images/bg_panel_top_right.gif) repeat-y right; border:1px solid
#0C1589; -moz-border-radius: 4px 4px 4px 4px; padding:7px 7px 2px 7px;"> <textarea name="nEjemplo" rows="15" id="nEjemplo" style="width:100%; border:none"><?php if($opEd == 3) { $nFunc = $_POST['var2'] ; $ar = fopen("../descripciones/".$nFunc.".wik","r") or die("No se pudo abrir el archivo"); while (!feof($ar)) { $linea = fgets($ar); $lineasalto = nl2br($linea); echo quitar($lineasalto); } fclose($ar); } ?></textarea> </div> <?php } ?> </td></tr> <tr><td align="left"> <div style="margin:5px 0px 5px 0px"><h2><input type="checkbox" name="seguimiento" id="seguimiento" />Vigilar
esta página</h2></div> </td> </tr> </table> <div id="divPrev" align="left" style="width:97%;"> </div> <div align="center" style="color:#FFf; background:#FF2424; border:2px solid #970000; -moz-border-radius: 4px 4px
4px 4px; height:20px;font:11px Helvetica, sans-serif; line-height:20px; width:97%"><b>¡ No utilices sin permiso escritos con derechos de autor y cita siempre tus fuentes de información !</b></div>
<br /> <br /> <div align="center" style=" position:fixed; width:50px; height:125px; background:
url(/elearning_cisc/contenido/wikikey/images/menu_t.jpg) repeat; top:0px; right:20px; border-left:1px solid #666;border-right:1px solid #666; border-bottom:1px solid #666; -moz-border-radius: 0px 0px 4px 4px;padding:30px 2px 2px 2px;">
157
<input name="grabar" type="button" value="" style="background: #F2F3D8 url(/elearning_cisc/images/disco.png) no-repeat center center;-moz-border-radius: 4px 4px 4px 4px; cursor:pointer; width:30px; height:30px;" title="Guardar esta página" onclick="guardar('<?php echo $opEd; ?>','<?php echo $_POST['idFunc']; ?>','<?php echo $_SESSION["usTipo"];?>')" /> <br />
<input name="vista" type="button" value="" style="background: #F2F3D8 url(/elearning_cisc/images/ico6.png) no-
repeat center center;-moz-border-radius: 4px 4px 4px 4px; cursor:pointer; width:30px; height:30px;" title="Vista Preliminar" onclick="preview('<?php echo $opEd; ?>')"/> <br />
<input name="cancelar" type="button" value="" style="background: #F2F3D8
url(/elearning_cisc/images/cancel_12x12.png) no-repeat center center;-moz-border-radius: 4px 4px 4px 4px; cursor:pointer; width:30px; height:30px;" title="Cancelar" onclick="<?php if($opEd >0) { ?> buscarDatosFunciones('<?php echo $_POST['idFunc']; ?>'); <?php } else {?> portada(); <?php } ?> " /> <br />
</div>
Archivo: editor.php
Elaboracion: Carlos A. Zambrano I.
Cuadro 18
Archivos del Proyecto <?php session_start(); //if (!isset($_SESSION["usNick"])) //header('Location: ../../../../lib/login/login.php'); ////////////////////////////////////////////////////////////////////////////// //esto es para decirle al cache de procesos del navegador que se desactive header("Cache-Control: no-store, no-cache, must-revalidate"); require ("../../../../lib/clase_MySql.inc.php"); $miconexion = new DB_mysql ; $miconexion->conectar(); function quitar($mensaje) { /*$mensaje = str_replace("<","<",$mensaje); $mensaje = str_replace(">",">",$mensaje); $mensaje = str_replace("\'","'",$mensaje); $mensaje = str_replace('\"',""",$mensaje); $mensaje = str_replace("\\\\","\\",$mensaje); $mensaje = str_replace(".00","",$mensaje); */ //$mensaje = str_replace(",",";",$mensaje); $mensaje = str_replace("¬","",$mensaje); return $mensaje; } $guardo=""; $edit = $_POST["edit"] ; $id = $_POST["idUpdate"] ; if( $_SESSION["usTipo"] == "alumno" ){ $guardo = $miconexion->unDato('select exa_alumno_id from exa_alumno where alu_identificacion
='.$_SESSION["usNick"]) ; }else{ $guardo = $miconexion->unDato('select exa_profesor_id from exa_profesor where
pro_identificacion ='.$_SESSION["usNick"]) ; } $segu=""; if( $_POST["seguimiento"] == 'true' ){ $segu ='Y'; } else { $segu ='N'; } if( $_POST["edit"] == 0 ){ $sql = "INSERT INTO wik_datos (wik_lenguajes_id, dat_nombre_funcion, dat_descripcion,
dat_sintaxys, dat_parametros, dat_ejemplo, dat_creado_por, dat_creado_el, dat_tipo_login, dat_seguido) VALUES (";
$sql .= "".quitar($_POST['cmbLenguaje']).""; $sql .= ",'".quitar($_POST['nFuncion'])."'"; $sql .= ",'".quitar($_POST["nDescripcion"])."'"; $sql .= ",'".quitar($_POST['nSintaxis'])."'"; $sql .= ",'".quitar($_POST['nParametros'])."'"; $sql .= ",'".quitar($_POST["nEjemplo"])."'"; $sql .= ",".$guardo.""; $sql .= ",now()"; $sql .= ",'".$_SESSION["usTipo"]."'"; $sql .= ",'".$segu."'";
158
$sql .= ")"; $guardado2 = $miconexion->guardar($sql); // devuelve true o false $archivo = $miconexion->unDato("select MAX(wik_datos_id) from wik_datos where
dat_creado_por=".$guardo); $nDesc = $_POST["nEjemplo"]; $ar =fopen("../descripciones/".$archivo.".wik","a") or die("Problemas en la creacion"); fputs($ar,$nDesc); fclose($ar); if(!$guardado2 ) echo $sql; // echo "Fallo.."; else echo "Funcion Almacenada!, Pero solo sera visible despues de
ser aceptada por el Administrador."; } elseif( $edit == 1) { // inserto el cambio al historial $datos = $miconexion->unDato("select dat_descripcion from wik_datos where wik_datos_id
=".$id); $sql = "INSERT INTO wik_cambios
(wik_datos_id,cam_modificado_por,cam_tipo_persona,cam_item,cam_anterior,cam_nuevo,cam_fmodif,cam_vigilado) VALUES (";
$sql .= "".$id.""; $sql .= ",".$guardo.""; $sql .= ",'".$_SESSION["usTipo"]."'"; $sql .= ",'".$edit."'"; $sql .= ",'".$datos."'"; $sql .= ",'".quitar($_POST["nDescripcion"])."'"; $sql .= ",now()"; $sql .= ",'".$segu."'"; $sql .= ")";
$insert1 = $miconexion->guardar($sql); // devuelve true o false // actualizo el cambio $sql = "UPDATE wik_datos SET"; $sql .= " dat_descripcion = '".quitar($_POST["nDescripcion"])."'"; $sql .= " where wik_datos_id = ".$id; $update1 = $miconexion->guardar($sql); if(!$insert1 or !$update1 ) echo "Error.."; // echo "Fallo.."; else echo "Funcion Actualizada."; } elseif( $edit == 11) { // inserto el cambio al historial $datos = $miconexion->unDato("select dat_sintaxys from wik_datos where wik_datos_id
=".$id); $sql = "INSERT INTO wik_cambios
(wik_datos_id,cam_modificado_por,cam_tipo_persona,cam_item,cam_anterior,cam_nuevo,cam_fmodif,cam_vigilado) VALUES (";
$sql .= "".$id.""; $sql .= ",".$guardo.""; $sql .= ",'".$_SESSION["usTipo"]."'"; $sql .= ",'".$edit."'"; $sql .= ",'".$datos."'"; $sql .= ",'".quitar($_POST['nSintaxis'])."'"; $sql .= ",now()"; $sql .= ",'".$segu."'"; $sql .= ")";
$insert1 = $miconexion->guardar($sql); // devuelve true o false // actualizo el cambio $sql = "UPDATE wik_datos SET"; $sql .= " dat_sintaxys = '".quitar($_POST['nSintaxis'])."'"; $sql .= " where wik_datos_id = ".$id; $update1 = $miconexion->guardar($sql); if(!$insert1 or !$update1 ) echo "Error.."; // echo "Fallo.."; else echo "Funcion Actualizada."; } elseif( $edit == 2) { // inserto el cambio al historial $datos = $miconexion->unDato("select dat_parametros from wik_datos where wik_datos_id
=".$id); $sql = "INSERT INTO wik_cambios
(wik_datos_id,cam_modificado_por,cam_tipo_persona,cam_item,cam_anterior,cam_nuevo,cam_fmodif,cam_vigilado) VALUES (";
$sql .= "".$id.""; $sql .= ",".$guardo.""; $sql .= ",'".$_SESSION["usTipo"]."'";
159
$sql .= ",'".$edit."'"; $sql .= ",'".$datos."'"; $sql .= ",'".quitar($_POST['nParametros'])."'"; $sql .= ",now()"; $sql .= ",'".$segu."'"; $sql .= ")";
$insert1 = $miconexion->guardar($sql); // devuelve true o false // actualizo el cambio $sql = "UPDATE wik_datos SET"; $sql .= " dat_parametros = '".quitar($_POST['nParametros'])."'"; $sql .= " where wik_datos_id = ".$id; $update1 = $miconexion->guardar($sql); if(!$insert1 or !$update1 ) echo "Error.."; // echo "Fallo.."; else echo "Funcion Actualizada."; } ?>
Archivo: guardar.php
Elaboracion: Carlos A. Zambrano I.
Cuadro 19.
Archivos del Proyecto <?php $nFunc = $_POST['func'] ; $nDesc = $_POST['desc']; $ar =fopen($nFunc.".txt","a") or die("Problemas en la creacion"); fputs($ar,$nDesc); // fputs($ar,$_POST[$f]."<br/>"); fclose($ar); $ar = fopen($nFunc.".txt","r") or die("No se pudo abrir el archivo"); while (!feof($ar)) { $linea = fgets($ar); $lineasalto = nl2br($linea); echo $lineasalto; } fclose($ar); unlink($nFunc.".txt"); ?>
Archivo: guardarDesc.php
Elaboracion: Carlos A. Zambrano I.
Cuadro 20.
Archivos del Proyecto <script type="text/javascript"> function siVa(id){ url='../contenido/wikikey/contenido/editor/YNaportaciones.php'; var param = "id="+id+"&op=Y"; var ajaxRequest = new Ajax.Request(url,{method: 'post', parameters: param, asynchronous: true, onSuccess: function(transport) { $(id).innerHTML="<b style='color:red;
font-size:9px'>Aprobada</b>"; }} ); } function noVa(id){ url='../contenido/wikikey/contenido/editor/YNaportaciones.php'; var param = "id="+id+"&op=N"; var ajaxRequest = new Ajax.Request(url,{method: 'post', parameters: param, asynchronous: true, onSuccess: function(transport) { $(id).innerHTML="<b style='color:red;
font-size:9px'>Eliminada</b>";
160
}} ); } </script> <body style="padding:0; margin:0; height:100%"> <div style="padding:0px 10px 10px 10px; text-align:justify; font:10px sans-serif; height:100%"> <div style="float:left; margin-right:10px;"><img src="/elearning_cisc/images/admin.ico" alt="admin"></div> <div style=" text-align:left"> <h3>Lista de Contribuciones en Espera</h3></div> <div class="small" style="margin-bottom:10px"><span style="color:red; font-size:11px"><b>Importante
!</b></span><span> Revise periodicamente si existen aportaciones nuevas esperando ser aceptadas en la WikiFunciones, en el listado a continuacion utilice <img src="/elearning_cisc/images/button_ok.gif" width="12" height="12" alt="Y" />para Aceptar o <img src="/elearning_cisc/images/cancel_12x12.png" width="12" height="12" alt="N" /> para Eliminar.</span></div>
<div id="marquesina" style="width:100%;"> <?php require ("../../../../lib/clase_MySql.inc.php"); $miconexion = new DB_mysql ; $con=$miconexion->conectar(); $sql="select dat_nombre_funcion, dat_descripcion, dat_creado_el, leng_nombre, wik_datos_id from wik_datos a, wik_lenguajes b where a.wik_lenguajes_id=b.wik_lenguajes_id and a.dat_estado = 'N'"; $res=$miconexion->consulta($sql); ?> <table width="100%" border='0' cellspacing='2' cellpadding='4'> <?php $i=1; while($registro=mysql_fetch_array($res)) { ?> <tbody bgcolor="#FFFFFF" style="border-bottom:1px dashed #2E81BE"> <tr> <td width="94%"><h3 style="font-size:10px"><?php echo $registro[0];?><span style="color:#006600; font-
size:9px"><?php echo " // ".$registro[3]; echo " // ".$registro[2]; ?></span></h3><font size="-1" color="#000000"><?php echo $registro[1]; ?></font><br />
</td> <td width="6%" align="center" id="<?php echo $registro[4];?>"> <img src="/elearning_cisc/images/button_ok.gif" width="14" height="14" alt="Y" style="cursor:pointer"
onClick="siVa(this.parentNode.id)" /> <img src="/elearning_cisc/images/cancel_12x12.png" width="14" height="14" alt="N" style="cursor:pointer"
onClick="noVa(this.parentNode.id)"/> </td> </tr> </tbody> <?php }//fin while mysql_free_result($res); ?> </table> </div> </div> </body>
Archivo: importante.php
Elaboracion: Carlos A. Zambrano I.
Cuadro 21.
Archivos del Proyecto <?php session_start(); //if (!isset($_SESSION["usNick"])) //header('Location: ../../../../lib/login/login.php'); ////////////////////////////////////////////////////////////////////////////// //esto es para decirle al cache de procesos del navegador que se desactive header("Cache-Control: no-store, no-cache, must-revalidate"); require ("../../../../lib/clase_MySql.inc.php"); $miconexion = new DB_mysql ; $miconexion->conectar(); $denuncianteId = 0; $denunciadoId = 0; if( $_SESSION["usTipo"] == "alumno" ){
161
$denuncianteId = $miconexion->unDato('select exa_alumno_id from exa_alumno where alu_identificacion ='.$_SESSION["usNick"]) ;
}else{ $denuncianteId = $miconexion->unDato('select exa_profesor_id from exa_profesor where
pro_identificacion ='.$_SESSION["usNick"]) ; } if( $_POST["tipo"] == "alumno" ){ $denunciadoId = $_POST["id"] ; }else{ $denunciadoId = $_POST["id"] ; }
$sql = "INSERT INTO wik_denuncias (den_denunciado, den_denunciante, den_denunciado_es,
den_denunciante_es) VALUES ("; $sql .= " ".$denunciadoId.""; $sql .= ",".$denuncianteId.""; $sql .= ",'".$_POST["tipo"]."'"; $sql .= ",'".$_SESSION["usTipo"]."'"; $sql .= ")"; $guardado2 = $miconexion->guardar($sql); // devuelve true o false if(!$guardado2 ) echo $sql; //"Fallo.."; else echo '| <a
href="javascript:denuncias()" title="Lista de Denunciados...">Denuncias</a>'; ?>
Archivo: denunciar.php
Elaboracion: Carlos A. Zambrano I.
Cuadro 22.
Archivos del Proyecto <meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1" /> <link href="/elearning_cisc/contenido/wikikey/css/template.css" rel="stylesheet" type="text/css"> <body style="padding:0; margin:0; height:100%"> <div style="padding:0px 10px 10px 10px; text-align:justify; font:10px sans-serif; height:100%"> <div style="float:left; margin-right:10px;"><img src="/elearning_cisc/images/admin.ico" alt="admin"></div> <div style=" text-align:left"> <h3>Denuncias de Usuarios.</h3></div> <div class="small" style="margin-bottom:10px"><span style="font-size:11px">Usuarios denunciados por mal uso
del sistema o por infringir las normas de publicación.</div> <div id="listadoDenunciados" style="width:100%;"> <?php require ("../../../../lib/clase_MySql.inc.php"); $miconexion = new DB_mysql ; $con=$miconexion->conectar(); $sql="SELECT distinct den_denunciado, den_denunciante, count(den_denunciado) as veces, den_denunciado_es, den_denunciante_es, wik_denuncias_id FROM wik_denuncias d where den_estado='Y' group by den_denunciante,den_denunciado order by den_denunciado asc"; $res=$miconexion->consulta($sql); $ado=''; $ante=''; $cuenta = $miconexion->unDato("SELECT count(den_denunciado) FROM wik_denuncias where den_estado
='Y' "); // if($cuenta == 0 ) echo '<div align="center" style="color:#006600;font-size:12px;"><b>..No hay mas
Registros..</b></div>'; ?> <table width="100%" border='0' cellspacing='3' cellpadding='0' bgcolor="#FFFFFF" class="bloquesPreview"> <?php $tmp=0; $i=0; $ult1=0; $ult2=0; while($registro=mysql_fetch_array($res)) {
162
if($registro[3] == "profesor"){ $ado = $miconexion->unDato("select CONCAT(nombres,' ',apellidos) from exa_profesor where
exa_profesor_id = ".$registro[0]); } else { $ado = $miconexion->unDato("select CONCAT(nombres,' ',apellidos) from exa_alumno where
exa_alumno_id = ".$registro[0]); } if($registro[4] == "profesor"){ $ante = $miconexion->unDato("select CONCAT(nombres,' ',apellidos) from exa_profesor where
exa_profesor_id = ".$registro[1]); } else { $ante = $miconexion->unDato("select CONCAT(nombres,' ',apellidos) from exa_alumno where
exa_alumno_id = ".$registro[1]); } ?> <tbody> <tr> <td width="94%" style="font-size:12px;"> <?php if($i==0) { ?> <span style="color:#006600;">El <?php echo $registro[3].":</span> ".$ado.", <span
style='color:#006600;'>fue denunciado:</span> ".$registro[2]." veces"; ?></span> <span style='color:#006600;'> - por el <?php echo $registro[4].":</span> ".$ante; ?>
<?php $tmp = $registro[0]; } else { if($registro[0] == $tmp){ ?> <span style="color:#006600;">El <?php echo $registro[3].":</span> ".$ado.", <span
style='color:#006600;'>fue denunciado:</span> ".$registro[2]." veces"; ?></span> <span style='color:#006600;'> - por el <?php echo $registro[4].":</span> ".$ante; ?>
<?php } else { ?> <div style="font-size:11px; color:#000; font-weight:bold">Notificación:</div> <input name="noti" id="noti<?php echo $registro[5]; ?>" type="text" style=" width:80%;" value="Usted a sido
bloqueado por infringir las normas de publicación del sistema, el tiempo de bloqueo será de una semana." onFocus="if(this.value=='Usted a sido bloqueado por infringir las normas de publicación del sistema, el tiempo de bloqueo será de una semana.')this.value=''" onBlur="if(this.value=='')this.value='Usted a sido bloqueado por infringir las normas de publicación del sistema, el tiempo de bloqueo será de una semana.'">
<br /><br /><br /> <span style="color:#006600;">El <?php echo $registro[3].":</span> ".$ado.", <span style='color:#006600;'>fue
denunciado:</span> ".$registro[2]." veces"; ?></span> <span style='color:#006600;'> - por el <?php echo $registro[4].":</span> ".$ante; ?>
<?php }} ?> </td> <td width="6%" valign="top" align="center" id="<?php echo $registro[0];?>"> <?php if($i > 0) { if($registro[0] != $tmp){ ?> <img src="/elearning_cisc/images/button_ok.gif" width="14" height="14" alt="Y" style="cursor:pointer"
onClick="acepDen(this.parentNode.id,'noti<?php echo $registro[5]; ?>')" title="Aceptar Denuncia" /> <img src="/elearning_cisc/images/cancel_12x12.png" width="14" height="14" alt="N" style="cursor:pointer"
onClick="borraDen(this.parentNode.id)" title="Eliminar Denuncia"/> <?php $tmp = $registro[0]; }}else $i++; ?> </td> </tr> </tbody> <?php //$tmp = $registro[0]; $ult1=$registro[5]; $ult2=$registro[0]; }//fin while mysql_free_result($res); if($cuenta != 0 ) { ?> <tbody> <tr><td width="94%" style="font-size:12px;"> <div style="font-size:11px; color:#000; font-weight:bold">Notificación:</div> <input name="noti" id="noti<?php echo $ult1; ?>" type="text" style=" width:80%;" value="Usted a sido
bloqueado por infringir las normas de publicación del sistema, el tiempo de bloqueo será de una semana." onFocus="if(this.value=='Usted a sido bloqueado por infringir las normas de publicación del sistema, el tiempo de bloqueo será de una semana.')this.value=''" onBlur="if(this.value=='')this.value='Usted a sido bloqueado por infringir las normas de publicación del sistema, el tiempo de bloqueo será de una semana.'">
</td><td width="6%" valign="top" align="center" id="<?php echo $ult2;?>">
163
<img src="/elearning_cisc/images/button_ok.gif" width="14" height="14" alt="Y" style="cursor:pointer" onClick="acepDen(this.parentNode.id,'noti<?php echo $ult1; ?>')" title="Aceptar Denuncia" /> <img src="/elearning_cisc/images/cancel_12x12.png" width="14" height="14" alt="N" style="cursor:pointer" onClick="borraDen(this.parentNode.id)" title="Eliminar Denuncia"/>
</td></tr> </tbody> </table> <?php } else echo '<div align="center" style="color:#006600;font-size:12px;"><b>..No hay mas Registros..</b></div>'; $sql=" SELECT distinct den_denunciado, den_denunciado_es, den_fecha_fin FROM wik_denuncias where
den_estado ='B' order by den_denunciado asc"; $res=$miconexion->consulta($sql); $ado=''; $ante=''; ?> <br /><br /> <table width="100%" border='0' cellspacing='3' cellpadding='0' bgcolor="#FFFFFF" class="bloquesPreview"> <tbody><tr><td><div style="font-size:11px; color:#000; font-weight:bold">Lista de Usuarios
Bloqueados.</div></td></tr></tbody> <?php while($registro=mysql_fetch_array($res)) { if($registro[0] == "profesor"){ $ado = $miconexion->unDato("select CONCAT(nombres,' ',apellidos) from exa_profesor where
exa_profesor_id = ".$registro[0]); } else { $ado = $miconexion->unDato("select CONCAT(nombres,' ',apellidos) from exa_alumno where
exa_alumno_id = ".$registro[0]); } ?> <tbody> <tr> <td width="94%" style="font-size:12px; border-bottom:1px dashed #CCC"> <span style="color:#006600; font-weight:bold">El <?php echo $registro[1].":</span> ".$ado.", <span
style='color:#006600;'>Esta bloqueado hasta el </span> ".$registro[2]; ?> </td> <td width="6%" valign="top" align="center" id="<?php echo $registro[0];?>"> <img src="/elearning_cisc/images/cancel_12x12.png" width="14" height="14" alt="N" style="cursor:pointer"
onClick="borraDen(this.parentNode.id)" title="Eliminar Denuncia"/> </td> </tr> </tbody> <?php //$tmp = $registro[0]; }//fin while mysql_free_result($res); ?> </table> </div> </div> </body>
Archivo: denuncias.php
Elaboracion: Carlos A. Zambrano I.
Cuadro 23.
Archivos del Proyecto <?php header("Cache-Control: no-store, no-cache, must-revalidate"); require ("../../../../lib/clase_MySql.inc.php"); $cnx = new DB_mysql ; $cnx->conectar(); session_start(); function argumentos($arreglo){ $arreglo = substr($arreglo,0, strlen($arreglo)-1); $campos = explode("@", $arreglo ); $data=""; $data.="<table width='100%' border='0' cellspacing='0' cellpadding='0'>"; for ($p=0; $p < count($campos); $p+=2){
164
$data.="<tr><td><b> ".$campos[$p].": </b>".$campos[$p+1]."</td></tr>";
} $data.="</table>"; echo $data; } ?> <div style="width:98%" align="center"> <div style="border:1px solid #ccc; -moz-border-radius: 4px 4px 4px 4px; padding:10px 10px 10px 10px;
background:#FFF"> <div style="float:left; margin-right:8px;"><img src="/elearning_cisc/contenido/wikikey/images/historial32.ico" alt="ojo"
/></div> <div style=" text-align:left"><h3>Historial de << <?php $fun=""; $fun = $cnx->unDato('select dat_nombre_funcion from
wik_datos where wik_datos_id ='.$_POST['id']); echo $fun; ?> >></h3></div> <div class="small" style="margin-bottom:7px">Revise todos los cambios realizados a la función.</div> <hr /> <?php $result = $cnx->consulta("SELECT ca.* , case when cam_tipo_persona = 'alumno' then al.apellidos else
pr.apellidos end as nombre FROM wik_cambios ca left outer join exa_alumno al on al.exa_alumno_id = ca.cam_modificado_por left outer join exa_profesor pr on pr.exa_profesor_id = ca.cam_modificado_por where wik_datos_id =".$_POST['id']." order by cam_fmodif desc"); ?> <table width='95%' border='0' cellspacing='0' cellpadding='0' style='font-size:12px;'> <?php while ($row = mysql_fetch_row($result)) { ?> <tr><td align="left" style='color:#000000;'> <li><span style='color:#006600'>Modificado el:</span> <?php echo $row[7]; ?> - <span
style='color:#006600'>por:</span> <a class='Ntooltip' href="#"> <b><?php echo $row[9]; ?></b> <img src="/elearning_cisc/contenido/wikikey/images/police.jpg" width="10"
height="17" alt="icon"> <span> <div style="padding:10px; text-align:justify;"> <img src="/elearning_cisc/images/35px-
Nuvola_apps_important_yellow.svg.png" width="35" height="29" alt="log" style="float:left; margin-right:7px;"> Denuncie si esta persona infringe las normas de publicación o está haciendo uso indebido del sistema..</div>
<div style="background:#f6f6f6; height:25px; padding:6px 10px 0px 10px; "><img src="/elearning_cisc/images/down.gif" width="14" height="8" alt="down">
<input name="Denunciar" type="button" value="Denunciar" style="margin-left:5px" onClick="denunciar('<?php echo $row[2]; ?>','<?php echo $row[3]; ?>')"> </div>
</span> </a> - <span style='color:#006600'>Item modificado: </span><?php if($row[4]==1){echo
"Descripción";} elseif($row[4]==11){echo "Sintaxis";} elseif($row[4]==2){echo "Parametros";}else{echo "Ejemplos";} ?></li>
</td></tr> <tr><td align="left" style='color:#000000; padding-left:40px;'> <?php if($row[4]==2){ ?> <input name="reversa" type="radio" value="<?php echo $row[5] ?>" id="<?php echo $row[4] ?>"><span
style='color:#006600; font-weight:bold'>Previo: </span> <?php argumentos($row[5]); ?> <br /> <input name="reversa" type="radio" value="<?php echo $row[6] ?>" id="<?php echo $row[4] ?>"><span
style='color:#006600; font-weight:bold;'>Modificación: </span> <?php argumentos($row[6]); ?> <?php } else { ?> <input name="reversa" type="radio" value="<?php echo $row[5] ?>" id="<?php echo $row[4] ?>"><span
style='color:#006600; font-weight:bold'>Previo: </span><?php echo $row[5]; ?><br /> <input name="reversa" type="radio" value="<?php echo $row[6] ?>" id="<?php echo $row[4] ?>"><span
style='color:#006600; font-weight:bold;'>Modificación: </span><?php echo $row[6]; ?> <?php } ?> </td></tr> <tr><td> </td></tr> <div align="center" style=" position:fixed; width:50px; height:95px; background:
url(/elearning_cisc/contenido/wikikey/images/menu_t.jpg) repeat; top:0px; right:20px; border-left:1px solid #666;border-right:1px solid #666; border-bottom:1px solid #666; -moz-border-radius: 0px 0px 4px 4px;padding:30px 2px 2px 2px;">
<input name="grabar" type="button" value="" style="background: #F2F3D8 url(/elearning_cisc/images/disco.png) no-repeat center center;-moz-border-radius: 4px 4px 4px 4px; cursor:pointer; width:30px; height:30px;" title="Revertir Historial Marcado." onclick="revertir('<?php echo $_POST['id']; ?>')" /><br />
<input name="cancelar" type="button" value="" style="background: #F2F3D8 url(/elearning_cisc/images/cancel_12x12.png) no-repeat center center;-moz-border-radius: 4px 4px 4px 4px; cursor:pointer; width:30px; height:30px;" title="Cancelar" onclick="buscarDatosFunciones('<?php echo $_POST['id']; ?>')" /> <br />
165
</div> <?php } if(mysql_num_rows($result) == 0){ echo "<tr><td>No hay resultados.. <input name='cancelar' type='button' value='' style='background: #F2F3D8
url(/elearning_cisc/images/cancel_12x12.png) no-repeat center center;-moz-border-radius: 4px 4px 4px 4px; cursor:pointer; width:30px; height:30px;' title='Cancelar' onclick='buscarDatosFunciones("".$_POST['id']."")' /></td></tr>"; ?>
<?php } ?> </table> </div> <br /><br /> </div>
Archivo: historial.php
Elaboracion: Carlos A. Zambrano I.
Cuadro 24.
Archivos del Proyecto <?php header("Cache-Control: no-store, no-cache, must-revalidate"); require ("../../../../lib/clase_MySql.inc.php"); $cnx = new DB_mysql ; $cnx->conectar(); session_start(); ?> <div style="width:98%"> <div style="float:left; margin-right:8px;"><img src="/elearning_cisc/contenido/wikikey/images/Settings-81.ico" alt="ojo"
/></div> <div style=" text-align:left"><h3>Seguimiento de Funciones Vigiladas</h3></div> <div class="small" style="margin-bottom:7px">Verifique que personas realizaron cambios a sus funciones vigiladas.
Usted puede reversar los datos modificados i/o denunciar a algún usuario si infringe las normas de edición.</div>
<hr /> <div style="border:1px solid #073852; -moz-border-radius: 4px 4px 4px 4px; padding:8px 0px 8px 0px;"> <?php $idUsuario = ""; if( $_SESSION["usTipo"] == "alumno" ){ $idUsuario = $cnx->unDato('select exa_alumno_id from exa_alumno where alu_identificacion
='.$_SESSION["usNick"]) ; }else{ $idUsuario = $cnx->unDato('select exa_profesor_id from exa_profesor where pro_identificacion
='.$_SESSION["usNick"]) ; } $result = $cnx->consulta("SELECT leng_nombre,dat_nombre_funcion,wik_datos_id FROM wik_datos w, wik_lenguajes l where dat_creado_por =".$idUsuario." and l.wik_lenguajes_id = w.wik_lenguajes_id and w.dat_seguido='Y' and w.dat_estado = 'Y' order by dat_creado_el desc"); ?> <table width='100%' border='0' cellspacing='3' cellpadding='0' style='font-size:12px; font-weight:bold;'> <?php while ($row = mysql_fetch_row($result)) { ?> <tr><td style='color:#006600; font-size:11px'> <a href='javascript:buscarDatosFunciones("".$row[2]."")'><?php echo $row[1]; ?></a> // <b><?php
echo $row[0]; ?></b> // <span style='color:#000'></span> </td></tr> <?php } if(mysql_num_rows($result) == 0){ echo "<tr><td>No hay resultados..</td></tr>"; } ?> </table> </div> <br /><br /> </div>
166
Archivo: seguimientos.php
Elaboracion: Carlos A. Zambrano I.
Cuadro 25.
Archivos del Proyecto <?php //if (!isset($_SESSION["usNick"])) //header('Location: ../../../../lib/login/login.php'); ////////////////////////////////////////////////////////////////////////////// //esto es para decirle al cache de procesos del navegador que se desactive header("Cache-Control: no-store, no-cache, must-revalidate"); require ("../../../../lib/clase_MySql.inc.php"); $miconexion = new DB_mysql ; $miconexion->conectar(); function suma_fechas($fecha,$ndias) { if (preg_match("/[0-9]{1,2}\/[0-9]{1,2}\/([0-9][0-9]){1,2}/",$fecha)) list($año,$mes,$dia) = explode('/', $fecha); if (preg_match("/[0-9]{1,2}-[0-9]{1,2}-([0-9][0-9]){1,2}/",$fecha)) list($año,$mes,$dia)= explode('-',$fecha); $nueva = mktime(0,0,0, $mes,$dia,$año) + $ndias * 24 * 60 * 60; $nuevafecha=date("Y-m-d",$nueva); return ($nuevafecha); } if($_POST['op']=='Y') { $sql = "update wik_denuncias set den_descripcion='".$_POST['descrip']."', den_fecha_inicio = now(),
den_fecha_fin ='".suma_fechas(date('Y-m-d'),7)."', den_estado='B' where den_denunciado=".$_POST['id'];
$guardado2 = $miconexion->guardar($sql); // devuelve true o false echo "Bloqueado."; } else { $sql = "delete from wik_denuncias where den_denunciado=".$_POST['id'];
$guardado2 = $miconexion->guardar($sql); // devuelve true o false echo "Eliminado."; } ?>
Archivo: YNdenuncias.php
Elaboracion: Carlos A. Zambrano I.
Cuadro 26.
Archivos del Proyecto – Hoja de Estilos /*carlos Antonio Zambrano*/ html { height: 100%; margin-bottom: 0px; } form { margin: 0; padding: 0; } img,table { border:none; } body, html { margin:0; padding:0;
167
height:100%; font-family: Helvetica,Arial,sans-serif; line-height: 1.3em; font-size: 12px; color: #333; background: #e6e6e6 url(../images/bg.jpg) top left repeat-x; overflow:visible; } a:link, a:visited { text-decoration: none; font-weight: normal; } a:hover { text-decoration: underline; font-weight: normal; } input.button { cursor: pointer; background:none; } p { margin-top: 10px; margin-bottom: 0; font-weight:bold; } z { font: 25px Verdana, Arial, Helvetica, sans-serif; font-weight:bold; } .label{ color:#000000; /*background: #FFFFFF url(../../../images/bg_panel_top_right.gif) no-repeat right;*/ background:#FFFFFF url(../../../images/LineFondo2.jpg) repeat-x; font:11px Verdana, Arial, Helvetica, sans-serif; padding-left:5px; height:17px; line-height:16px; border:1px solid #C2CCEF; } .bloquesPreview{ border:1px solid #ccc; /*background: #FFF url(../../../images/bg_panel_top_right.gif) repeat-y right;*/ background:#FFF; -moz-border-radius: 4px 4px 4px 4px; padding:10px 5px 10px 5px; } .bloquesPreviewComent{ border:1px solid #ccc; -moz-border-radius: 4px 4px 4px 4px; padding:10px 5px 10px 5px; } .tituloBloque{ /*background: url(../../../images/method.png) no-repeat left center; */ background:url(/elearning_cisc/images/arrow_show.gif) no-repeat left center; padding-left:12px; font:10px Verdana, Arial, Helvetica, sans-serif; font-weight:bold; border-bottom:1px dashed #CCC8C4; color:#006600; } .tituloComentarios{ background:url(../../../images/Default%20Document-41.ico) no-repeat left center; padding-left:35px; border-bottom:1px solid #0668B3; font:15px Arial; font-weight:bold; color:#0668B3; }
168
.bloqueSintaxis{ font:15px Verdana, Arial, Helvetica, sans-serif; /*background:#FFF url(../../../images/bg_panel_top_right.gif) repeat-y right;*/ /*border:1px solid #CCC;*/ color:#000; padding:0.5em; /*-moz-border-radius: 4px 4px 4px 4px;*/ } .bloqueEjemplos{ font:15px Geneva, Arial, Helvetica, sans-serif; /*background:#FFF url(../../../images/bg_panel_top_right.gif) repeat-y right;*/ background: #DFE6F2; border:1px solid #CCC; padding:0.5em; display:block; margin-top:2px; -moz-border-radius: 4px 4px 4px 4px; width:97%; } .bloqueDescrParam{ font:15px Geneva, Arial, Helvetica, sans-serif; /*background:#FFF url(../../../images/bg_panel_top_right.gif) repeat-y right;*/ background: #DFE6F2; border:1px solid #CCC; padding:0.5em; display:block; margin-top:5px; -moz-border-radius: 4px 4px 4px 4px; width:97%; } .opaco{ position:absolute; top:0px; left:0px; height: 100%; width:100%; background-color:#000; filter: Alpha(Opacity=0.65); opacity: .65; } .blanco{ position:absolute; top:20px; left:50px; right:50px; bottom:20px; background:#FFF; overflow:auto; padding:10px; border:1px solid #000; -moz-border-radius: 4px 4px 4px 4px; } .lstargumentos{ color:#0668B3; font-size:14px; /*background:url(../../../images/arrow_show.gif) no-repeat left center;*/ padding:0.5em; } .editar{ float:right; font-size:10px; color:#006600; } .bloqueDescr{ padding-top:7px; font:14px Verdana, Arial, Helvetica, sans-serif; color:#000000; line-height:20px; padding:0.5em;}
169
.bloquelight{ /*border:1px solid #5A77D8; padding:10px 10px 10px 10px; -moz-border-radius: 4px 4px 4px 4px;*/ } .advertencia{ background:#EDD57E; border:2px solid #C9A31D; padding:5px 5px 5px 5px; -moz-border-radius: 4px 4px 4px 4px; } #capaLista{ /*position:fixed; */ width:99%; background:#FFF; border:1px solid #dddddd; -moz-border-radius: 0px 0px 4px 4px; border-top:none; display:none; padding:4px 4px 4px 4px; } #capaBusc{ position:fixed; background:#fff; color:#000; text-shadow:none; font-size:12px; font-weight:normal; border:1px solid #0C1589; -moz-border-radius: 0px 0px 4px 4px; border-top:none; width:304px; /*padding-left:4px; padding-right:4px;*/ margin-left:5px; overflow:visible; line-height:20px; display:none; } .txtWiky{} #LstMenuVar:hover{ color:#000; background:#FFF; } #LstMenuVar{ background: url(../images/header_bg2.jpg) repeat-x; /*#F6f6f6 url(../images/menu_t.jpg) repeat;*/ color:#FFF; position:absolute; line-height:20px; font-size:12px; right:20px; width:250px; height:20px; bottom:0px; font-weight:bold; font-family:"lucida grande",tahoma,verdana,arial,sans-serif; border-top:1px solid #999; border-left:1px solid #999; border-right:1px solid #999; cursor:pointer; z-index:999; display:none; } #Lista{ background:#F6f6f6; position:absolute; line-height:15px; font-size:12px; right:20px;
170
width:250px; /*height:300px;*/ top:10px; bottom:20px; font-weight:bold; font-family:Verdana, Geneva, sans-serif; border-top:1px solid #999; border-left:1px solid #999; border-right:1px solid #999; -moz-border-radius: 4px 4px 0px 0px; overflow:auto; cursor:pointer; z-index:1000; display:none; } /*-------------------------------------------------------------*/ #menuFlotante a, #menuFlotante a:link { font-weight: normal; font-family:Verdana, Geneva, sans-serif; font-size: 12px; padding:0px; margin:0; color:#FFFFFF; text-decoration:none; font-weight:bold; text-shadow:#333 1px 0px; } #menuFlotante a:hover { background:#fff; color:#39F; text-shadow:none; } /*****************************************/ /*** Template specific layout elements ***/ /*****************************************/ #page_bg { padding: 0; margin-bottom: 1px; } #top { width:100%; margin:0 auto; } div.center { /*background: transparent url(../images/top_bg.jpg) top center no-repeat; */ /* modificado */ } div#wrapper { /*margin-left: auto; margin-right: auto;*/ width:100%; } #logo { padding:26px 0 0 0; height:37px; text-align:center; } #logo a, #logo a:link, #logo a:hover { font-weight: normal; font-family : "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 22px; padding:0px; margin:0; line-height:1.4em; letter-spacing:1px; color:#fefefe; text-decoration:none; }
171
div#newsflash { width: auto; margin-left: 350px; margin-right: 30px; border: 1px solid #00f; } div#tabarea { margin: 0 auto; /*background: transparent url(../images/tabarea_bg.jpg) bottom center no-repeat;*/ width:100%; height:32px; text-align:left; background: transparent url(../images/header_bg.jpg) repeat-x center top; } div#footer_r { padding-top: 10px; height: 47px; overflow: hidden; } div#footer_r div { text-align: center; font-size: .90em; color: #aaa; } div#footer_r a:link, div#footer_r a:visited { color: #999; } #pathway { padding: 0px 10px 8px; width: auto; margin-right: 250px; text-align: left; } #search { float: right; width:320px; margin-top: -20px; margin-right: 20px; height: 40px; overflow: hidden; text-align:right; } #area { padding: 0; width:100%; } #whitebox { margin: 0; width: auto; } #whitebox div { text-align: left; } #whitebox_t { background: #ebebeb url(../images/header_top_middle.jpg) 0 0 repeat-x; } #whitebox_tl { background: url(../images/header_top_left.jpg) 0 0 no-repeat; } #whitebox_tr { height: 16px; overflow: hidden; background: url(../images/header_top_right.jpg) 100% 0 no-repeat;
172
} #whitebox_m { width: auto; padding: 0px 8px; margin:0px; } #whitebox_br { height: 13px; background: url(../images/mw_content_b_r.png) 100% 100% no-repeat; } /* horizontal pill menu */ .pill { /* margin:0 auto; */ } td.pill_m { padding: 0; margin: 0 30px; width: auto; text-align:center; } #pillmenu { white-space: nowrap; height: 30px; float: left; } #pillmenu ul { margin: 0; padding: 0; list-style:none; } #pillmenu li { float: left; margin: 0 1px 0 0; padding: 0; background: url(../images/top_menu_right_bg.jpg) top right no-repeat; } #pillmenu a { font-family: Arial, Helvetica, sans-serif; font-size: 11px; font-weight: normal; float:left; display:block; height: 26px; line-height: 24px; padding: 4px 10px 0 10px; color: #fefefe; text-decoration: none; background: url(../images/top_menu_left_bg.jpg) top left no-repeat; } #pillmenu a:hover { color: #666666; } #pillmenu a#active_menu-nav { height: 30px; line-height: 21px; } #leftcolumn ,#rightcolumn { margin: 0; width: 100%; /*float:left;*/ } div#maincolumn {
173
background: url(../images/wrapper_bg.jpg) 0 0 repeat-y; padding:17px 5px; float: right; width: 750px; } div.nopad { padding: 0; text-align:left; } td.middle_pad { width: 20px; } /*****************************************/ /*** Joomla! specific content elements ***/ /*****************************************/ div.offline { background: #fffebb; width: 100%; position: absolute; top: 0; left: 0; font-size: 1.2em; padding: 5px; } span.pathway { display: block; margin: 0 20px; height: 16px; line-height: 16px; overflow: hidden; } /* headers */ div.componentheading { padding-left: 0px; } h1 { padding: 0; font-family:Helvetica ,Arial,sans-serif; font-size: 1.3em; font-weight: bold; vertical-align: bottom; color: #666; text-align: left; width: 100%; } h2, .contentheading { padding: 0; margin: 0; margin-bottom:2px; font-family: Tahoma, Helvetica,sans-serif; font-size: 12px; font-weight: bold; /*vertical-align: bottom;*/ color: #1b78b7; text-align: left; width: 100%; } table.contentpaneopen h3 { margin-top: 25px; } h4 { font-family: Arial, Helvetica, sans-serif; color: #333; }
174
h3, .componentheading, table.moduletable th, legend { margin: 0; padding: 0; font-weight: bold; font-family: Tahoma,Helvetica,Arial,sans-serif; color:#1b78b7; font-size: 1.4em; /*padding-left: 0px; margin-bottom: 10px; text-align: left; */ } /* small text */ .small { font-size: .90em; color: #666; font-weight: normal; text-align: left; } .modifydate { height: 20px; vertical-align: bottom; font-size: .90em; color: #999; font-weight: normal; text-align: left; } .createdate { height: 20px; vertical-align: top; font-size: .90em; color: #999; font-weight: normal; vertical-align: top; padding-bottom: 5px; padding-top: 0px; } a.readon { margin-top: 10px; display: block; float: left; background: url(../images/mw_readon.png) top right no-repeat; padding-right: 20px; line-height: 14px; height: 16px; } /* form validation */ .invalid { border-color: #ff0000; } label.invalid { color: #ff0000; } /** overlib **/ .ol-foreground { background-color: #f6f6f6; } .ol-background { background-color: #666; } .ol-textfont { font-family: Arial, Helvetica, sans-serif; font-size: 10px; } .ol-captionfont { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #f6f6f6;
175
font-weight: bold; } .ol-captionfont a { color: #0B55C4; text-decoration: none; font-size: 12px; } .ol-closefont {} /* menu links */ a.mainlevel:link, a.mainlevel:visited { padding-left: 5px; } a.mainlevel:hover { } /* spacers */ span.article_separator { display: block; height: 20px; } .article_column { padding-right: 5px; } .column_separator { border-left: 1px dashed #e0e0e0; padding-left: 10px; } td.buttonheading { } .clr { clear: both; } div#maindivider { border-top: 1px solid #ddd; margin-bottom: 10px; overflow: hidden; height: 1px; } table.blog span.article_separator { display: block; height: 20px; } /* table of contents */ table.contenttoc { margin: 5px; border: 1px solid #ccc; padding: 5px; } table.contenttoc td { padding: 0 5px; } /* content tables */ td.sectiontableheader { background: #dcdcdc; color: #333; font-weight: bold; padding: 4px; border-right: 1px solid #fff; }
176
tr.sectiontableentry0 td, tr.sectiontableentry1 td, tr.sectiontableentry2 td { padding: 4px; } td.sectiontableentry0, td.sectiontableentry1, td.sectiontableentry2 { padding: 3px; } /* content styles */ table.contentpaneopen, table.contentpane { margin: 0; padding: 0; width: auto; } table.contentpaneopen li { margin-bottom: 5px; } table.contentpaneopen fieldset { border: 0; border-top: 1px solid #ddd; } table.contentpaneopen h3 { margin-top: 25px; } table.contentpaneopen h4 { font-family: Arial, Helvetica, sans-serif; color: #333; } .highlight { background-color: #fffebb; } /* module control elements */ table.user1user2 div.moduletable { margin-bottom: 0px; } div.moduletable, div.module { margin-bottom: 25px; } div.module_menu { margin: 0; padding: 0; margin-bottom: 0px; } div.module_menu div div div { padding: 0px; padding-top: 30px; padding-bottom: 10px; width: auto; } div.module_menu div div div div { background: none; padding: 0; } div.module_menu ul { margin: 10px 0; padding-left: 10px; list-style:none; }
177
div.module_menu ul li { margin: 0; padding: 0; } div.module_menu ul li a:link, div.module_menu ul li a:visited { font-weight: bold; background:transparent url(../images/blue/bullet2.jpg) top left no-repeat; padding:2px 0 2px 25px; line-height:24px; } #leftcolumn div.module table ,#rightcolumn div.module table { width: auto; } #leftcolumn h3, #rightcolumn h3 { margin: 0; color:#fefefe; font-weight: bold; font-family: Helvetica,Arial,sans-serif; font-size: 1.1em; background:#eeeeee; padding:2px 0 2px 10px; line-height:20px; text-align: left; background:transparent url(../images/menu_t.jpg) top left repeat; } #leftcolumn .moduletable_menu, #leftcolumn .moduletable, #leftcolumn .moduletable_text, #leftcolumn .c, #rightcolumn .moduletable_menu, #rightcolumn .moduletable, #rightcolumn .moduletable_text, #rightcolumn .c { margin:0 0 20px 0; padding: 3px; text-align:left; } #leftcolumn ul.menu, #leftcolumn ul.menuAlfa, #rightcolumn ul.menu { margin:0; padding:0; list-style:none; border:1px solid #ccc; border-top:none; } #leftcolumn ul.menu li,#leftcolumn ul.menuAlfa, #rightcolumn ul.menu li { margin:0; padding:0; background:#f5f5f5; } #leftcolumn ul.menu li a, #leftcolumn ul.menu li a:link, #rightcolumn ul.menu li a, #rightcolumn ul.menu li a:link { display:block; line-height:24px; background:#f5f5f5 url(../images/menu_link_bg.gif) left no-repeat; padding:2px 20px 0 20px; border-top:1px solid #dddddd; text-decoration:none; color:#1b78b7; /*8888888888888888888888888888888888888888888888888888888888888888888*/ } #leftcolumn ul.menu li a:hover, #rightcolumn ul.menu li a:hover { background:#eeeeee url(../images/menu_link_bg.gif) left no-repeat; color:#666666; } /* ****** left col current menu ****** */ #leftcolumn ul.menu li#current a, #leftcolumn ul.menu li#current a:link, #rightcolumn ul.menu li#current a, #rightcolumn ul.menu li#current a:link { display:block; line-height:20px;
178
background:#f5f5f5 url(../images/menu_curren_link_bg.gif) left no-repeat; padding:2px 20px; border-top:1px solid #dddddd; text-decoration:none; color:#639ace; } #leftcolumn ul.menu li#current a:hover, #rightcolumn ul.menu li#current a:hover { background:#eeeeee url(../images/menu_curren_link_bg.gif) left no-repeat; color:#666666; } /* ****** left col sub menu ****** */ #leftcolumn ul.menu li ul, #rightcolumn ul.menu li ul { margin:0; padding:0 0 0 0px; list-style:none; } #leftcolumn ul{ padding:0 !important; margin:0 !important; /*background:#FFF !important;*/ } #leftcolumn ul.menu li#current ul li a, #leftcolumn ul.menu li#current ul li a:link, #rightcolumn ul.menu li#current ul li a, #rightcolumn ul.menu li#current ul li a:link { background:#f5f5f5 url(../images/menu_sub_link_bg.gif) left no-repeat; text-decoration:none; color:#1b78b7; padding:2px 25px; } #leftcolumn ul.menu li#current ul li a:hover, #rightcolumn ul.menu li#current ul li a:hover { background:#f5f5f5 url(../images/menu_sub_link_bg.gif) left no-repeat; color:#666666; } /* forms */ #leftcolumn .moduletable ul, #rightcolumn .moduletable ul { margin:6px 0; padding:0; list-style:none; } #leftcolumn .moduletable ul li, #rightcolumn .moduletable ul li { margin:0; padding:0 2px; } table.adminform textarea { width: 540px; height: 400px; font-size: 1em; color: #000099; } div.search input { width: 145px; border: 1px solid #ccc; margin: 15px 0 10px 0; } form#form-login fieldset { border: 0 none; margin: 0em; padding: 0.2em;} form#form-login ul { padding-left: 20px; } /* thumbnails */ div.mosimage { margin: 5px; } div.mosimage_caption { font-size: .90em; color: #666; } div.caption { padding: 0 10px 0 10px; } div.caption img { border: 1px solid #CCC; }
179
div.caption p { font-size: .90em; color: #666; text-align: center; } /* Parameter Table */ table.paramlist { margin-top: 5px; } table.paramlist td.paramlist_key { width: 128px; text-align: left; height: 30px; } table.paramlist td.paramlist_value { } div.message { font-family : "Trebuchet MS", Arial, Helvetica, sans-serif; font-weight: bold; font-size : 14px; color : #c30; text-align: center; width: auto; background-color: #f9f9f9; border: solid 1px #d5d5d5; margin: 3px 0px 10px; padding: 3px 20px; } /* Banners module */ /* Default skyscraper style */ .bannergroup { } .banneritem { } /* Text advert style */ .banneritem_text { padding: 4px; font-size: 11px; } .bannerfooter_text { padding: 4px; font-size: 11px; background-color: #F7F7F7; text-align: right; } /* System Messages */ /* see system general.css */ .pagination span { padding: 2px; } .pagination a { padding: 2px; } /* Polls */ .pollstableborder td { text-align: left; } /* Frontend Editing*/ fieldset { border: 1px solid #ccc; margin-top: 15px; padding: 15px; } legend { margin: 0; padding: 0 10px; }
180
td.key { border-bottom:1px solid #eee; color: #666; } /* Tooltips */ .tool-tip { float: left; background: #ffc; border: 1px solid #D4D5AA; padding: 5px; max-width: 200px; } .tool-title { padding: 0; margin: 0; font-size: 100%; font-weight: bold; margin-top: -15px; padding-top: 15px; padding-bottom: 5px; background: url(../../system/images/selector-arrow.png) no-repeat; } .tool-text { font-size: 100%; margin: 0; } /* System Standard Messages */ #system-message dd.message ul { background: #C3D2E5 url(../../images/notice-info.png) 4px center no-repeat;} /* System Error Messages */ #system-message dd.error ul { color: #c00; background: #E6C0C0 url(../../system/images/notice-alert.png) 4px center
no-repeat; border-top: 3px solid #DE7A7B; border-bottom: 3px solid #DE7A7B;} /* System Notice Messages */ #system-message dd.notice ul { color: #c00; background: #EFE7B8 url(../../system/images/notice-note.png) 4px center
no-repeat; border-top: 3px solid #F0DC7E; border-bottom: 3px solid #F0DC7E;} /* ****************************************************************************** */ /* blue */ input,select { border:1px solid #23a3db; background: #FFFFFF url(../../../images/bg_panel_top_right.gif) repeat-y right; } textarea { border:1px solid #23a3db; /*#dcdcdc;*/ background: url(../images/text-bg.gif) repeat-x scroll 0 0; background: #FFFFFF url(../../../images/bg_panel_top_right.gif) repeat-y right center ; } /* blue */ a:link, a:visited { color: #1b78b7; } a:hover { color: #23a3db; } #pillmenu a#active_menu-nav { color: #fff; } #pillmenu a#active_menu-nav:hover { color: #fff; } h3, .componentheading, table.moduletable th { color: #1b78b7;
181
} div.module_menu { background: url(../images/blue/module_mright_bg.jpg) 100% 100% no-repeat; } div.module_menu div { background: url(../images/blue/module_mleft_bg.jpg) 0 100% no-repeat; } div.module_menu div div { background: url(../images/blue/module_right_bg.jpg) 100% 0 no-repeat; } div.module_menu div div div { background: url(../images/blue/module_left_bg.jpg) 0 0 no-repeat; } /* ********************************************************************************* */ /* blue */ #page_bg { margin:0px auto; } div#wrapper { padding-top:5px; /*background: url(../images/wrapper_bg.jpg) repeat-y center center; =================================
*/ } .wrap { padding-top:5px; background: url(../images/wrapper_bg.jpg) repeat-y center center; /*=================================
*/ } div#wrapper_r { /* background: url(../images/wrapper_r_bg.jpg) no-repeat center center;
/*================================= */ } div#header { margin:0 6px; } div#header_r { } div#footer { width:912px; background: url(../images/footer_m_bg.jpg) 0 100% repeat-x; } div#footer_l { background: url(../images/footer_l_bg.jpg) 0 0 no-repeat; } div#footer_r { background: url(../images/footer_r_bg.jpg) 100% 0 no-repeat; } /* ********************************************************************** */ input[type="checkbox"], input[type="radio"]{ background: transparent; border: none; } /* -------------------------- */ a.sgfooter:link, a.sgfooter:visited { color : #1b78b7; font-family: Arial,sans-serif; text-decoration:none; }
182
a.sgfooter:hover { color: #1b78b7; font-family: Arial,sans-serif; text-decoration:none; } #sgf { font-size: 11px; text-align:center; width:100%; margin:0px auto; color: #1b78b7; font-family: Arial,sans-serif; } .sgf { text-align:right; font-size: 11px; font-family: Arial,sans-serif; color: #1b78b7; text-decoration:none; } .sgf1 { font-size: 11px; font-family: Arial,sans-serif; color: #1b78b7; text-align:left; } a.sglink:link, a.sglink:visited { color : #1b78b7; font-size : 11px; font-family: Arial,sans-serif; text-decoration:none; } a.sglink:hover { color : #1b78b7; font-family: Arial,sans-serif; text-decoration:none; } #vistaFuncion{ width:98%; text-align:justify; /*border:1px solid #114A84; background:#fff url(/elearning_cisc/images/bg_panel_top_right.gif) repeat-y right; -moz-border-radius: 4px 4px 4px 4px; margin:0px 0px 0px 0px;*/ /*padding:10px 10px 4px 10px; */ /*font:10px sans-serif;*/ } /*************************************************************************************88 agregados mios *********************************************/ #leftcolumn ul.menuAlfa a, #leftcolumn ul.menuAlfa a:link { /*display:block;*/ display:inline-block; line-height:24px; /*background:#f5f5f5 url(../images/menu_link_bg.gif) left no-repeat; padding:5px 20px 5px 20px; margin-bottom:3px;*/ border:1px solid #dddddd; text-decoration:none; color:#1b78b7; /*8888888888888888888888888888888888888888888888888888888888888888888*/ width:21px; margin-right:2px; margin-top:5px; margin-bottom:5px; -moz-border-radius: 4px 4px 4px 4px; } #leftcolumn ul.menuAlfa a:hover { background:#eeeeee ; /*url(../images/menu_link_bg.gif) left no-repeat;*/ color:#666666; } /* ****** left col current menu ****** */
183
#leftcolumn ul.menuAlfa li#current a, #leftcolumn ul.menuAlfa li#current a:link { display:block; line-height:20px; background:#f5f5f5 url(../images/menu_curren_link_bg.gif) left no-repeat; padding:2px 20px; border-top:1px solid #dddddd; text-decoration:none; color:#639ace; } #leftcolumn ul.menuAlfa li#current a:hover { background:#eeeeee url(../images/menu_curren_link_bg.gif) left no-repeat; color:#666666; } #cajabuscar tr:hover{ background: #C4D2EA; } /*------- tool tip----------------*/ a.Ntooltip { position: relative; /* es la posición normal */ text-decoration: none !important; /* forzar sin subrayado */ color:#0080C0 !important; /* forzar color del texto */ /*font-weight:bold !important; */ /* forzar negritas */ border-bottom:1px dashed #0080C0; } a.Ntooltip:hover { z-index:999; /* va a estar por encima de todo */ } a.Ntooltip span { display: none; /* el elemento va a estar oculto */ } a.Ntooltip:hover span { display: block; /* se fuerza a mostrar el bloque */ position: absolute; /* se fuerza a que se ubique en un lugar de la pantalla */ /*top:2em; left:2em;*/ /* donde va a estar */ top:-100px; left:0px; width:270px; /*padding:10px;*/ color: #000; border:1px solid #000; border-bottom:2px solid #000; -moz-border-radius: 4px 4px 4px 4px; background:#Fff ; /*url(/elearning_cisc/images/down.gif) no-repeat left bottom;*/ }
Archivo: template.css
Elaboracion: Carlos A. Zambrano I.
UNIVERSIDAD DE GUAYAQUIL
FACULTAD DE CIENCIAS MATEMATICAS Y FISICAS
CARRERA DE INGENIERIA EN SISTEMAS
COMPUTACIONALES
―ENCICLOPEDIA WEB INFORMATICA SOBRE
FUNCIONES Y PROCEDIMIENTOS DE LENGUAJES DE
PROGRAMACION ORIENTADA A LA IMPLEMENTACION
DE E-LEARNING‖
Proyecto #17
TESIS DE GRADO
Previa a la obtención del Título de:
INGENIERO EN SISTEMAS COMPUTACIONALES
AUTOR: CARLOS ANTONIO ZAMBRANO IZQUIERDO
TUTOR: ING. XAVIER LOAIZA
GUAYAQUIL – ECUADOR
2010
2
MANUAL DE
USUARIO
3
INDICE GENERAL
Índice general 3
Índice de gráficos 4
Introducción 5
Análisis y requerimientos del sistema 6
Explicación del funcionamiento 7
1. Entrar al sistema 7
2. Entrar a WikiFunciones 7
3. Estructura de la pantalla principal de eCISC 8
4. Estructura de la pantalla principal del modulo
WikiFunciones 9
5. Buscadores 9
5.1 Buscador alfabético 9
5.2 Buscador general siempre visible 10
5.3 Buscador general por nombres o descripción 11
6. Ventanas de resultados 11
7. Vista de información de las funciones 12
8. Historial 13
9. Menú para estudiantes y profesores 15
9.1 Portada 16
9.2 Contribuciones 16
9.3 Importante! 21
9.4 Denuncias 23
10. Salir de la wikifunciones 25
4
INDICE DE GRAFICOS
Pág.
GRAFICO 1.
Ingreso al Sistema 7
GRAFICO 2.
Ubicación del modulo wikifunciones en el menú principal 8
GRAFICO 3.
Estructura del sitio web eCISC 8
GRAFICO 4.
Estructura del modulo wikifunciones 9
GRAFICO 5.
Buscador alfabético 10
GRAFICO 6.
Buscador general siempre visible 10
GRAFICO 7.
Buscador general 11
GRAFICO 8.
Ventana de resultados 11
GRAFICO 9.
Ventana de vista de información de funciones 12
GRAFICO 10.
Link historial 13
GRAFICO 11.
Contenido del historial 14
GRAFICO 12.
Denunciar al usuario 14
GRAFICO 13.
Menú para estudiantes 15
GRAFICO 14.
Menú para profesores 15
GRAFICO 15.
Pagina para el ingreso de funciones 16
GRAFICO 16.
Botones para estilo html 17
GRAFICO 17.
Botones para estilo html, casillero descripción 18
GRAFICO 18.
Botones para estilo html, casillero parámetros 19
GRAFICO 19.
Pre visualización de funciones 21
GRAFICO 20.
Pagina de aprobación de funciones 22
GRAFICO 21.
Modulo de aprobación de funciones, página de inicio de eCISC 22
GRAFICO 22.
Modulo de denuncias 23
GRAFICO 23.
Bloque de denunciados 24
GRAFICO 23.
Bloqueo del denunciado 25
5
INTRODUCCIÓN
Con este documento el usuario aprenderá a utilizar correctamente el modulo Wiki-
Funciones del sitio Web eCISC de la Carrera de Ingeniería de Sistemas
Computacionales de la Universidad de Guayaquil.
El manual a continuación, explica paso a paso desde como ingresar su clave de
usuario hasta como compartir información con el resto de estudiantes registrados
dentro del sistema.
Con este manual no abran dudas para reconocer las distintas opciones al momento de
realizar una aportación de información al sitio, y así mismo no abran dudas para
saber que alcances hay para corregir información que el usuario crea conveniente
dentro del sistema.
Al finalizar este documento, se asegura que el estudiante conocerá el uso debido del
sitio Web y que podrá sin ningún problema hacer un buen uso de él.
6
ANALISIS Y REQUERIMIENTOS DEL SISTEMA
Para un buen manejo del sistema los requerimientos más importantes son los siguientes:
1. Conexión a internet, se recomienda utilizar una Banda Ancha minino de 250
Kbps. para obtener mejores tiempos de respuesta desde el equipo servidor del
sitio Web.
2. Utilizar exploradores de internet actualizados, los más recomendables son:
Mozilla Firefox, Google Chrome, Apple Safari. No es recomendable usar
Internet Explorer ya que este no se ajusta completamente a los estándares de
diseño y podría traer inconvenientes en la utilización del sistema.
Al momento del desarrollo se utilizaron las siguientes versiones:
Mozilla Firefox 3.6.12
Google Chrome 7.0.517.44
Apple Safari 5.0.2
Internet Explorer 7
3. Monitor de alta resolución, como mínimo se recomienda 1024x768, el sistema
no funcionara en pantallas de 800x600. Al momento del desarrollo se utilizo una
resolución de 1024x768 pixeles.
7
EXPLICACION DEL FUNCIONAMIENTO
Para el buen funcionamiento del sistema siga los siguientes pasos:
1. Entrar al Sistema.
En la pantalla de inicio se localiza el espacio para ingresar el usuario y la contraseña del
sistema.
El usuario será el numero de cedula del alumno y la contraseña será adquirida
desde el Sistema Académico.
Grafico 1. Ingreso al Sistema
Para Ingresar debe teclear Enter después de ingresar la contraseña o hacer un clic sobre
el icono a la derecha de las cajas de texto.
En la parte inferior hay dos enlaces: el primero conecta al usuario con la dirección de
twitter del programador, y el segundo conecta al usuario con Facebook publicándole en
su muro que al usuario le gusta la aplicación eCISC.
2. Entrar a WikiFunciones
Después de ingresar al sistema, aparecerá la pantalla de inicio del sitio Web eCISC, para
proceder a ingresar al modulo WikiFunciones, localice en el menú principal ubicado a la
izquierda en la pantalla, la siguiente opción:
8
Grafico 2. Ubicación del Modulo WikiFunciones en el Menú Principal
3. Estructura de la Pantalla Principal de eCISC.
La pantalla de eCISC está estructurada de la siguiente manera:
Grafico 3. Estructura del Sitio Web eCISC
Menú Principal
eCISC
1-Nombre del Alumno
2-Cerrar Sesión
Títulos del Sitio
Pestañas separadoras
de módulos
Contenido de cada
modulo
Hora de ingreso
9
4. Estructura de la Pantalla Principal del Modulo WikiFunciones.
La pantalla del modulo WikiFunciones está estructurada de la siguiente manera:
Grafico 4. Estructura del Modulo WikiFunciones.
5. Buscadores
La wiki tiene 3 buscadores los cuales se explican a continuación:
5.1 Buscador Alfabético.
Para activarlo, de un clic sobre cualquier letra del abecedario, por debajo del
menú alfabético se desplegará una marquesina que muestra dos filas: la
primera el nombre de los Lenguajes de Programación que están ingresados al
Buscador por Nombres y
Descripción, se encuentra
solo en la portada
Buscador Alfabético
Buscador por Nombres y
Descripción, se encuentra
siempre visible
Menú solo de acceso
a Estudiantes
Reglas de la Wiki
Contribuciones Vigiladas por estudiante
Listado de las últimas contribuciones
10
sistema y en la segunda fila, el nombre de todos los lenguajes de
programación que empiecen con la Letra que se haya seleccionado (ítem 6).
Grafico 5. Buscador Alfabético
Cada nombre es un acceso o Link a la pantalla de VISTAS de las funciones.
5.2 Buscador General Siempre Visible
El buscador general se ubica sobre el buscador alfabético, y este sirve para
realizar una búsqueda más detallada, aquí puede ingresar un nombre
completo o en partes o palabras que formen parte del detalle de la función, el
buscador interpretara el texto y lo buscará en la base de información,
mostrando todos los resultados obtenidos por estos criterios de busqueda ya
mencionados. Además este solo mostrará las primaras dieciséis respuestas, al
final del cuadro de la vista, el usuario encontrara el enlace para ver todos los
resultados de la búsqueda.
Grafico 6. Buscador General Siempre Visible
Cada nombre es un link a la función, para ver
todos los resultados de la búsqueda, dar clic en
la parte inferior de la vista …
11
5.3 Buscador General por Nombres o Descripción.
Este buscador cumple la misma función que el buscador general, con la
diferencia que este sólo esta visible en la portada de la wiki, y no despliega
una marquesina. Para que funcione el usuario debe ingresar: el nombre o
detalle de la función que quiera encontrar, y para que entre en
funcionamiento, dar un clic sobre el icono de la lupa o dar un Enter en la caja
de texto.
Grafico 7. Buscador General.
6. Ventanas de Resultados
En la ventana de resultados se muestra todas las funciones encontradas según el nombre
de un Lenguaje de Programación, es decir, es el resultado de dar clic en el nombre de
Lenguaje encontrado en el buscador alfabético.
Para manejar mejor la búsqueda el sistema activa una pequeña persiana donde se
muestran las funciones según un lenguaje, y cada nombre es un link diferente.
Grafico 8. Ventana de resultados.
Persiana que muestra las funciones encontradas
por un lenguaje determinado en la búsqueda
12
Cuando se utiliza el Buscador General los resultados se muestran de la misma manera
(ver grafico 8), con la diferencia que los resultados son de varios lenguajes de
programación.
7. Vista de información de las funciones
Como ya se explicó anteriormente, cada nombre de función es un LINK y estos
muestran la ventana de información, la cual está formada de la siguiente manera:
Grafico 9. Ventana de Vista de Información de Funciones
1. Nombre de la Funcion
2. Lenguaje al que pertenece
Descripción de la Función
Sintaxis de la Función
Parametros de la Función
Ejemplos de la Función
1. Comentarios ingresados
2. Sección para el ingreso de
Comentarios
Link para Editar Secciones
1. Exportar esta página a
Word
2. Ver el historial de
Cambios de las secciones
13
a) Nombre de la Función: pueden existir funciones con el mismo nombre, pero de
diferentes lenguajes
b) Origen o nombre del Lenguaje: es el lenguaje de programación al que
pertenece la función.
c) Descripción de la función: descripción del funcionamiento y otros detalles de
la función.
d) Sintaxis de la función: es la estructura de la función, como se debe escribir con
sus respectivos parámetros.
e) Parámetros: es la descripción de cada parámetro, su función y otros detalles de
importancia.
f) Ejemplos: aquí se escribirá el código que sirva de ejemplos para los estudiantes,
es muy importante que incluya bien claro la función que se menciona en la
página.
g) Comentarios: esta sección es de libre ingreso, en la cual el alumno podrá
comentar con los demás usuarios del sitio.
h) Link de Edición: estos links hacen la parte más importante de una WIKI aquí se
podrá editar cada una de las secciones de la wiki y es de acceso libre a los
estudiantes que utilizan el eCISC.
i) Exportar: permite al estudiante poder descargar la información en formato de
Ms Word.
j) Historial: activa la ventana del historial y aquí se podrá chequear todos los
cambios realizados en las distintas secciones y así mismo permitirá hacer re
versaciones a las mismas. (ver cap. 8)
8. Historial
El historial lo encontramos en cada una de las Vistas de Información de Funciones, y
aquí se podrá chequear todos los cambios realizados en las distintas secciones y así
mismo permitirá hacer re versaciones a las mismas.
Grafico 10. LINK Historial
14
Grafico 11. Contenido del Historial
a) Función: Es la función de la cual se está revisando el historial.
b) Selector: Opción para seleccionar que ítem se desea reversar, lo cual cambia la
información actual por una anterior.
c) Fecha: Fecha que se realizo la modificación.
d) Nombre: Es la persona que realizo la modificación, el sistema permite notificar
si esta persona está incumpliendo con las reglas del sistema, lo cual activa la
ventana de denuncias, solo hay que situar el mouse sobre el nombre y dar clic en
el botón de denuncias.
Grafico 12. Denunciar al usuario
1. Guardar Re versación
2. Salir del Historial
Selector para escoger
re versación.
1. Fecha de modificación
2. Nombre de la persona que modificó
3. Sección modificada
4. Previo
5. Modificación
Función
15
e) Sección: Es la sección modificada, estas pueden ser: Descripción, Sintaxis,
Parámetros o Ejemplos.
f) Previo: Es la Ultima información que tenia la sección
g) Modificado: Es la Última modificación hecha en la sección.
h) Guardar: Guarda en la función los datos seleccionados, crea un nuevo registro
en el historial y actualiza los datos en la Vista de Información de Funciones.
i) Salir: Sale del Historial y vuelve a la página anterior.
9. Menú para estudiantes y profesores
El menú principal para uso de los estudiantes es el siguiente:
Grafico 13a. Menú para Estudiantes
El menú principal para uso de los profesores es el siguiente:
Grafico 14. Menú para Profesores
Como podemos observar en los dos casos existe las opciones Portada y
Contribuciones, esto es porque estas opciones pueden ser usadas por los dos perfiles
tanto alumnos como profesores, y las opciones Importante! y Denuncias son solo
para uso de los profesores, a continuación la descripción de cada una de ellas:
16
9.1 Portada
Este link re direcciona al usuario a la página principal de la WikiFunciones
(ver grafico 4).
9.2 Contribuciones
Entrando a esta ventana el usuario podrá hacer una contribución a la wiki,
esto significa que aquí pondrá ingresar una nueva función para almacenarla
en la base de datos, las opciones son las siguientes:
Grafico 15. Página para el Ingreso de Funciones.
1. Guardar
2. Pre visualizar
3. Salir
1. Lenguaje
2. Nombre de la Función
Ingreso de Sintaxis
Ingreso de Descripción
Ingreso de Parámetros
Ingreso de Ejemplos
Documento vigilado
17
a) Lenguaje: lista de nombres de lenguajes de programación. Ejemplo
PHP
b) Nombre de la función: aquí se escribe el nombre sin los parámetros si los
tuviese. Ejemplo:
substr ()
c) Sintaxis: aquí se escribe la función con los parámetros completos ejemplo:
Parámetro 1 Parámetro 2 n Parámetros
string substr ( string $string , int $start [, int $length ] )
En este casillero se encentran dos botones para dar estilo html al texto, estos son:
Grafico 16. Botones para estilo html.
Al dar clic sobre estos botones aparecerá el siguiente código html:
i. <b>inserte nombre de función</b>
ii. <i>inserte argumento</i>
Después de guardar la función, lo que se haya escrito entre los códigos <b> </b>
se verá con NEGRILLAS y lo escrito entre <i></i> se verá CURSIVO.
Por ejemplo el código:
string <b>substr</b> ( <i>string</i> $string , int $start [, int $length ] )
Se vería así:
string substr ( string $string , int $start [, int $length ] )
d) Descripción: en este casillero se escribirá la descripción completa del uso y
estructura de la función, o cualquier otro dato de importancia de la misma.
Ejemplo
Devuelve una parte del string definida por los parámetros start y length.
18
En este casillero se encentran dos botones para dar estilo html al texto, estos son:
Grafico 17. Botones para estilo html, casillero Descripción.
Al dar clic sobre estos botones aparecerá el siguiente código html:
i. <b>inserte texto</b>
ii. <i>inserte texto</i>
iii. <s>inserte texto</s>
iv. <u>inserte texto</u>
v. <hr>
Después de guardar la función, lo que se haya escrito entre los códigos <b> </b>
se verá con NEGRILLAS, lo escrito entre <i></i> se verá CURSIVO, lo escrito
entre <s> </s> se verá TACHADO, lo escrito entre <u> </u> se verá
SUBRAYADO y el código <hr> mostrará una línea por debajo del párrafo
escrito
Por ejemplo el código:
Devuelve una <b>parte</b> del <i>string</i> definida por los parámetros
<i>start</i> y <i>length</i> <hr>
Se vería así:
Devuelve una parte del string definida por los parámetros start y length
e) Parámetros: en este casillero se especifican cada uno de los parámetros con su
respectiva descripción. Por ejemplo:
19
string La cadena de entrada.
start
Si start no es negativo, la cadena devuelta comenzará en start al
inicio de la posición de la cadena string, contando desde cero. Por
ejemplo, en la cadena 'abcdef', el caracter en la posición 0 es 'a', el
caracter en la posición 2 es 'c', y así sucesivamente.
En este casillero se encentran dos botones para dar estilo html al texto, estos son:
Grafico 18. Botones para estilo HTML, casillero Parámetros.
Al dar clic sobre estos botones aparecerá el siguiente código html:
i. <b>inserte texto</b> (ver literal e, cap.9.2 Contribuciones)
ii. <i>inserte texto</i> (ver literal e, cap.9.2 Contribuciones)
iii. <s>inserte texto</s> (ver literal e, cap.9.2 Contribuciones)
iv. <u>inserte texto</u> (ver literal e, cap.9.2 Contribuciones)
v. <<inserte parametro>>
vi. --inserte descripcion—
Después de guardar la función, lo que se haya escrito entre los códigos << >> se
verá como el TUTILO DEL PARAMETRO y lo escrito entre los códigos -- -- se
verá como la DESCRIPCION DEL PARAMETRO
Por ejemplo el código:
<< <i>string</i> >>--La cadena de entrada--<< <i>start</i> >>--Si start
no es negativo, la cadena devuelta comenzará en start al inicio de la
posición de la cadena string, contando desde cero. Por ejemplo, en la
cadena 'abcdef', el caracter en la posición 0 es 'a', el caracter en la
posición 2 es 'c', y así sucesivamente—
20
Se vería así:
f) Ejemplos: en este casillero se escribirá cualquier ejemplo que facilite al
estudiante entender cómo se utiliza la función, este ejemplo debe estar claro y
debería ser probado antes de ser ingresado, así se podrá confiar de que dicho
código funciona sin problemas. Este casillero no consta de botones de código
html.
g) Documento Vigilado: en la parte inferior de la página se encuentra el casillero
para marcar que dicha función será vigilada por el usuario colaborador. Las
funciones vigiladas se muestran en el listado que se encuentra en la Portada de la
WikiFunciones.
h) Guardar: almacena la nueva función ingresada, la cual estará disponible para
los estudiantes después de que algún usuario de perfil Profesor la apruebe, esto
significa que la función nueva pasa a un estado de revisión y aceptación por
parte de los Profesores que tienen la labor de Administrador de datos nuevos de
la wiki. Por ejemplo: (ver Cap. 9.3 Importante!).
i) Pre visualizador: al dar un clic en el icono del pre visualizador, se levantara
una ventana que muestra una pre visualización de el documento tal como se verá
en la vista de información de funciones, pero no olvidar que solo es una pre vista
y no son datos almacenados aun. Con esta herramienta el usuario podrá ver si
está armando bien la información o si se equivoco en algún punto.
21
Grafico 19. Pre Visualización de Funciones.
j) Salir: el botón X cierra la pagina y vuelve a la página de la portada de la wiki.
9.3 Importante!
Esta opción del menú es solo para el perfil de Profesores, al dar un clic se
abrirá la página de avisos de nuevas funciones, se mostrará un listado de
contribuciones en espera de ser aprobadas, como ya se indico anteriormente,
cualquier profesor podrá aprobarlas.
Esta página se muestra también en la página de Inicio del sistema eCISC,
pero solo en el perfil Profesor, mostrando un bloque de datos en el centro de
la pantalla.
22
Grafico 20. Pagina de aprobación de funciones.
Grafico 21. Módulo de aprobación de funciones. Página de Inicio de eCISC
Aprobar la Función.
No Aprueba la Función y
elimina los datos.
Aprobar la Función.
No Aprueba la Función y
elimina los datos.
23
Como se muestra en las imágenes 19 y 20, para aprobar tiene que dar clic en
el icono en forma de VISTO de color verde, y para denegar la función se da
clic en el icono en forma de X de color rojo.
9.4 Denuncias
Esta opción del menú es solo para el perfil de Profesores, al dar un clic se
abrirá la página de avisos de alumnos denunciados, se mostrará un listado de
nombres de alumnos denunciados por otros alumnos, como ya se indico
anteriormente, cualquier profesor podrá aprobarlas.
Cada aprobación hará que el alumno denunciado quede bloqueado por 7 días
a partir de la aprobación del profesor, el bloqueo impide que el alumno haga
cualquier tipo de reversación o contribución al sistema, el alumno solo podrá
leer información.
La ventana consta de las siguientes partes:
Grafico 22. Módulo de Denuncias.
a) Nombre del denunciado: es la persona, alumno o profesor que haya
sido denunciado.
Elimina la denuncia
Aprueba la denuncia
Lista de Alumnos Bloqueados
Lista de Alumnos Denunciados
1. nombre de denunciado
2. número de veces que fue denunciado
3. nombre del denunciante
4. detalle personalizado del porque se bloqueo al estudiante
24
b) Número de veces: el número de ocasiones que el alumno o profesor fue
denunciado por una persona, el número de veces depende de cada
denunciante.
c) Nombre del denunciante: es la persona, alumno o profesor que
denuncia.
d) Detalle de la denuncia: es un texto no muy extenso que explica al
denunciado la razón porque se lo bloqueo.
e) Lista de denuncias: este bloque muestra solo las denuncias en espera.
f) Lista de denunciados: este bloque muestra la lista de las personas que
ya están bloqueadas. (ver Graf. 22)
g) Cada bloque tiene las opciones eliminar o aprobar denuncia, si se da clic
sobre el visto verde, se aprueba la denuncia y si se da clic sobre la x
roja, se elimina la denuncia.
h) Cada denuncia tiene un máximo de 7 días pasado este tiempo se elimina
automáticamente.
Grafico 23. Bloque de Denunciados.
Si el denunciado intenta editar o ingresar una contribución le aparecerá el
siguiente anuncio:
Elimina la denuncia
25
Grafico 24. Bloqueo del Denunciado
En la imagen 23, se indica el detalle explicando la razón del bloqueo y la
fecha cuando terminara el mismo.
10. Salir de la wikiFunciones.
Cabe recordar que todos los módulos se activan por pestañas en el sistema eCISC,
por tal motivo para cerrar el modulo wiki basta con cerrar la pestaña, los módulos
del sistema se abren solo una vez por pestaña.
26
ANEXO
MANUAL DE USUARIO DEL
“SYLLABUS”
27
INDICE GENERAL
Índice general 27
Índice de gráficos 28
Explicación del funcionamiento 29
1. Entrar al sistema 29
2. Entrar al Syllabus 29
3. Estructura de la pantalla principal del modulo Syllabus 30
4. Pagina de control de cumplimiento 31
5. Resumen de cumplimiento del Syllabus 34
5.1 Estructura del documento exportado a Excel 34
6. Salir del Syllabus 36
28
INDICE DE GRAFICOS
Pág.
GRAFICO 1.
Ingreso al Sistema 29
GRAFICO 2.
Ubicación del modulo Syllabus en el menú principal 30
GRAFICO 3.
Estructura del modulo Syllabus 30
GRAFICO 4.
Control del cumplimiento del Syllabus 31
GRAFICO 5.
Ventana popup de impresión rápida 33
GRAFICO 6.
Exportación a Word del Syllabus 33
29
EXPLICACION DEL FUNCIONAMIENTO
Para el buen funcionamiento del sistema siga los siguientes pasos:
1. Entrar al Sistema.
En la pantalla de inicio se localiza el espacio para ingresar el usuario y la contraseña
del sistema.
El usuario será el numero de cedula del alumno y la contraseña será adquirida
desde el Sistema Académico.
Grafico 1. Ingreso al Sistema
Para Ingresar debe teclear Enter después de ingresar la contraseña o hacer un clic sobre
el icono a la derecha de las cajas de texto.
En la parte inferior hay dos enlaces: el primero conecta al usuario con la dirección de
twitter del programador, y el segundo conecta al usuario con Facebook publicándole en
su muro que al usuario le gusta la aplicación eCISC.
2. Entrar al Syllabus
Después de ingresar al sistema, aparecerá la pantalla de inicio del sitio Web eCISC,
para proceder a ingresar al modulo Syllabus, localice en el menú principal ubicado a
la izquierda en la pantalla, la siguiente opción:
30
Grafico 2. Ubicación del Modulo Syllabus en el Menú Principal
3. Estructura de la Pantalla Principal del Modulo Syllabus.
La pantalla del modulo Syllabus está estructurada de la siguiente manera:
Grafico 3. Estructura del Modulo Syllabus.
a) Curso: en el listado se muestran los cursos a los que está asignado el profesor.
1. Curso
2. Asignatura
3. Año, periodo, descripción.
1. Lista de materias asignadas al
profesor logoneado.
31
b) Asignatura: en el listado se muestra las asignaturas a los que está asignado el profesor,
el nombre de la asignatura es un LINK al syllabus de esa materia. Para continuar de un
clic sobre el nombre que desee. (ver Cap.4)
c) Año, periodo, descripción: estos son datos esenciales para reconocer en que periodo
esta asignada la materia, puede existir dos periodos por año lectivo.
4. Pagina de Control de Cumplimiento.
Esta página es en donde el Profesor va a anotar el cumplimiento de cada uno de los
temas que conforman la asignatura. La página está estructurada de la siguiente
manera:
Grafico 4. Control de Cumplimiento del Syllabus
1. Guardar
2. Salir
3. Impresión rápida
4. Exportar a Word
Datos referentes a la Asignatura
Estatus de cumplimiento
Contenido del Syllabus
Observaciones
Información para el control del cumplimiento
32
a) Datos referentes a la asignatura: está formado por el nombre de la asignatura,
metodología, descripción, y periodos de clase que son el número de horas totales de la
asignatura.
b) Contenido del Syllabus: está formado por los títulos y subtítulos que se van a dictar en
la asignatura, cada uno consta con su número de horas clase.
c) Estatus de cumplimiento: cada vez que se termina de dictar una clase y el profesor lo
procesa, se mostrará un visto de color verde que indica que el tema fue concluido en su
totalidad de horas clase.
d) Información para el control del cumplimiento: esta información es muy importante
para controlar que el profesor está cumpliendo con sus clases, los ítems son:
i. Fechas desde/hasta que tiene que ser dictada la clase.
ii. El sistema controla la hora dictada, si la clase tiene más de una hora el
sistema mostrara el tema a dictar tantas horas sean dictadas.
iii. Casilla de texto para que el profesor ingrese la fecha en que dicto el
tema de clase.
iv. Casillero para señalar que va a procesar la clase.
e) Observaciones: casillero de texto donde el profesor puede escribir cualquier
comentario de la clase dictada.
f) Guardar: dar clic en el icono y automáticamente el sistema guarda todos los datos
ingresados. Para que el sistema pueda procesar una o varias clases hay que marcar el
casillero de proceso (ver ítem d, literal. iv ) que tiene cada una de las clases.
g) Salir: al dar clic en el icono X el sistema vuelve a la página principal del Syllabus.
h) Impresión rápida: al dar clic en el icono el sistema despliega una ventana popup con el
resumen del cumplimiento del Syllabus, y a continuación despliega la ventana de
impresión del sistema.
33
Grafico 5. Ventana popup de impresión rápida.
i) Exportar a Word: al dar clic en el icono de Word, se exportara el resumen del syllabus
a un documento de Microsoft Word, parecido al de impresión rápida.
Grafico 6. Exportación a Word del Syllabus
34
5. Resumen de Cumplimiento del Syllabus
5.1 Estructura del documento exportado a Excel
Al momento de almacenar o guardar la información del cumplimiento del syllabus, el
sistema procesa internamente todos los datos administrados por el profesor, y calcula si las
clases fueron dictadas a tiempo o si el profesor no cumplió con las fechas establecidas por
cada clase, a continuación un ejemplo del resultado final del reporte de cumplimiento:
Profesor: JOSE LUIS GARZON ALVARADO
Syllabus CALCULO III
Metodología: clases presenciales, 3 examenes, 2 lecciones, 5 tareas y 3 talleres
Descripción: El proposito de la asignatura es desarrollar las habilidades para aplicar el concepto de derivada resolviendo problemas de razon de
cambio, y optimizacion de funciones.
Periodos de Clase: 35
Año: 2010
Ciclo: 1
1. INTEGRALES PARTE 1 - [ Acumulado de Horas Clase: 10 ] 11. INTRODUCCION A INTEGRALES - [ Total de Horas Clase: 3 ] -- Clase # 1
Horario: 2010-08-20 17:30:00 , hasta el: 2010-08-23 17:30:00 Fecha Reg. Profesor: 2010-08-20 00:00:00 Fecha Reg. del Sistema: 2010-08-29 18:38:43 Notas del Profesor: Observaciones... Alertas del Syllabus: Alerta, el tema fue dictado con dias de atrazo a la fecha establecida.
11. INTRODUCCION A INTEGRALES - [ Total de Horas Clase: 3 ] -- Clase # 2 Horario: 2010-08-20 17:30:00 , hasta el: 2010-08-23 17:30:00 Fecha Reg. Profesor: 2010-08-22 00:00:00 Fecha Reg. del Sistema: 2010-08-29 18:55:12 Notas del Profesor: Observaciones... Alertas del Syllabus: 0
11. INTRODUCCION A INTEGRALES - [ Total de Horas Clase: 3 ] -- Clase # 3 Horario: 2010-08-20 17:30:00 , hasta el: 2010-08-23 17:30:00 Fecha Reg. Profesor: 2010-08-23 00:00:00 Fecha Reg. del Sistema: 2010-08-29 18:56:46 Notas del Profesor: Observaciones... Alertas del Syllabus: Alerta: El tema fue registrado con dias de atrazo a la fecha establecida para ser dictada. El profesor registro la materia dictada, dentro de las fechas correctas.
12. INTEGRALES IMPLICITAS - [ Total de Horas Clase: 7 ] -- Clase # 1 Horario: 2010-08-24 17:30:00 , hasta el: 2010-08-28 17:30:00 Fecha Reg. Profesor: 2010-08-24 00:00:00 Fecha Reg. del Sistema: 2010-08-29 19:31:59 Notas del Profesor: Observaciones... Alertas del Syllabus: Alerta: El sistema detecto un atrazo en el registro de la materia dictada. El profesor ingreso la fecha correcta al rango establecido pero no concuerda con la fecha del sistema.
12. INTEGRALES IMPLICITAS - [ Total de Horas Clase: 7 ] -- Clase # 2 Horario: 2010-08-24 17:30:00 , hasta el: 2010-08-28 17:30:00 Fecha Reg. Profesor: 2010-08-25 00:00:00 Fecha Reg. del Sistema: 2010-08-29 19:37:15 Notas del Profesor: Observaciones... Alertas del Syllabus: Alerta: El sistema detecto un atrazo en el registro de la materia dictada. El profesor ingreso la fecha correcta al rango establecido pero no concuerda con la fecha del sistema.
12. INTEGRALES IMPLICITAS - [ Total de Horas Clase: 7 ] -- Clase # 3 Horario: 2010-08-24 17:30:00 , hasta el: 2010-08-28 17:30:00 Fecha Reg. Profesor: 2010-08-25 00:00:00 Fecha Reg. del Sistema: 2010-08-29 20:02:54 Notas del Profesor: Observaciones... Alertas del Syllabus: Alerta: El sistema detecto un atrazo en el registro de la materia dictada. El profesor ingreso la fecha correcta al rango establecido pero no concuerda con la fecha del sistema.
2. INTEGRALES PARTE 2 E INTRODUCCION A SERIES - [ Acumulado de Horas Clase: 20 ] 3. SERIES PARTE 2 - [ Acumulado de Horas Clase: 5 ]
Se muestra solo el detalle del tema 1 porque
es el único que ah sido concluido.
1 registro por
cada hora de
clase
registrada
Información procesada por el sistema
35
a) Información procesada por el sistema: el sistema procesa los datos ingresados
por el profesor e informa los siguientes ítems:
i. Horario desde/hasta: estas son las fechas en que debió ser
dictada la materia.
ii. Fecha Reg. Profesor: es la fecha que el profesor dicto la materia
según el registro que ingresa manualmente, este dato es ingresado
en el casillero que tiene cada clase.
iii. Fecha Reg. del Sistema: es la fecha que el sistema procesa
automáticamente el momento en que el profesor guarda la
información, esta fecha puede no coincidir con las fechas
desde/hasta o reg. profesor.
iv. Notas del Profesor: son las observaciones ingresadas por el
profesor.
v. Alertas del Syllabus: estas observaciones son procesadas por el
Syllabus y le alertan al supervisor de la asignatura como cumplió
el profesor las clases, las alertas son:
Alerta: El sistema detecto un atraso en el registro de la
materia dictada.
Alerta: El sistema detecto un adelanto en el registro de la
materia dictada.
El profesor ingreso la fecha correcta al rango establecido
pero no concuerda con la fecha del sistema.
El profesor ingreso la fecha correcta al rango establecido
y si concuerda con la fecha del sistema.
Control sin novedad.
36
Con estas alertas el Supervisor de la asignatura podrá controlar el cumplimiento
del profesor, ya que este le informará si cumplió o no a tiempo en las fechas que
le correspondían a las clases.
6. Salir del Syllabus.
Cabe recordar que todos los módulos se activan por pestañas en el sistema eCISC,
por tal motivo para cerrar el modulo Syllabus basta con cerrar la pestaña, los
módulos del sistema se abren solo una vez por pestaña.