_b ='$nbsp;';
//Pregunta 30
preguntas.creapregta('¿Como cargar un include dependiendo del navegador?');
preguntas.crearespta(30,'Se puede lograr creando código en línea mediante el método document.write. De esta forma puede cambiarse tanto los archivos de programa como los archivos de estilo enlazados. Un ejemplo lo aclarará
'+
'if (navigator.appName.indexOf("Microsoft") >=0)
'+
' {
'+
' document.write(\'<script language="Javascript" src="archivo1.js">);
'+
' document.write("<\/s"+"cript>")
'+
'}
'+
'else
'+
' {
'+
' document.write(\'<script language="Javascript" src="archivo2.js">
'+
' document.write("<\/s"+"cript>")
'+
' }
'+
'En este caso se enlaza un fichero archivo1.js si el navegador es el de microsoft y el archivo2.js si es otro navegador. Esto puede hacerse de la misma forma para archivos de estilos.
Ojo, observar como se separa la etiqueta del final del script en document.write para evitar que el navegador la considere como con un final del script actual.
');
preguntas.crearespta(30,'Netscape no reconoce la etiqueta JScript como nombre del lenguaje mientras que MSIE la acepta. Basándose en esta diferencia se pueden cargar archivos js dependiendo del navegador
'+
'<script language="Javascript" src="archivo_ns.js"></script>
'+
'<script language="JScript" src="archivo_ie.js"></script>
'+
'Netscape saltaría el segundo script mientras que IE lo cargaría como un archivo de guiones basado en el lenguaje JScript.
');
preguntas.crearespta(30,'Otra opción es usar un página para cada navegador y una página de carga. La página de carga examinará la versión y modelo del navegador y cambiará a la página adecuada. Algo así:
'+
'<html><head>
'+
'<script language="javascript">
'+
'var expl = navigator.appName.toUpperCase();
'+
'if (expl.indexOf("MICROSOFT") >=0) location.href ="paginaie.htm"
'+
'else location.href = "paginans.htm"
'+
'</head>
'+
'Para comprobar la versión y nombre del explorador puede usarse el objeto navegador definido en la sección de ejemplos.');
//Pregunta 31
preguntas.creapregta('Solicito del usuario con un cuadro de dialogo un dato; dependiendo cual sea su respuesta le llevará a una página o a otra. ¿Como hacerlo?')
preguntas.crearespta(31,'El método mas inmediato es usar la estrucutra switch y el objeto location. El esquema es simble, una vez leida la variable con el dato del usuario, a la que llamaremos respuesta, usamos esta estructura:
'+
'switch (respuesta){
'+
' valor1: location.href = "pagina0.htm"
'+
' break;
'+
' valor2: location.href = "pagina1.htm"
'+
' break;
'+
' default: location.href = "pagpordefecto.htm"
'+
' }
'+
'Donde valor1, valor2 representan posibles valores de la variable respuesta.
'+
'Si el valor de la respuesta no es ninguno de los previstos usamos la opción default que llevaría al usuario a una ventana por defecto. Aunque también podríamos usar una ventana alert para indicarle que su respuesta no es válida');
//Pregunta 32
preguntas.creapregta('¿Cómo puedo lograr que al pasar el cursor por la celda de una tabla, dicha celda cambie de color, y cuando retire el cursor, vuelva a tomar el color inicial?');
preguntas.crearespta(32,'Los exploradores que cumplen con el standard DOM1 pueden hacer esto con los habituales eventos onmouseover y onmouseout; aplicado al elemento TD. Tan fácil como lo que sigue:
'+
'<td onmouseover=" this.bgColor=\'yellow\' " onmouseout="this.bgColor=\' \' ">'+
'La celda</td>
'+
'Fácil pero esto sólo funciona a partir de MSIE 5 y posiblemente con Netscape 6, que presume de cumplir con el standard DOM1.');
preguntas.crearespta(32,'Otra forma es poner en la celda un enlace con los eventos onmouseover y onmouseout que cambiarán las propiedades del fondo. Dentro del enlace colocamos un elemento DIV con posicionamiento relative y el clip a todo el ancho de la celda. Veamos un código que hace esto:
'+
'<td>
'+
'<a href="#" onmouseover="fondo(\'fnd\',\'yellow\')"
'+
' onmouseout="fondo(\'fnd\',null)"'+
'>
'+
'<div id="fnd" class="celda">Otro método</div>
'+
'</a>
</td>
'+
'La función fondo será
'+
'function fondo(elem, color)'+
'{
'+
'if (document.all)
'+
' document.all[elem].style.backgroundColor= color==null?\' \':color
'+
'else
'+
' document.layers[elem].bgColor = color
'+
'}
'+
'Y el estilo celda se define como
'+
'<style type="text/css">
'+
'.celda { position: relative; clip: rect(0px 160px 17px 0px)}
'+
'</style>
'+
'Pero sólo funciona perfectamente en el caso de MSIE, Netscape sólo actúa al paso del ratón por el enlace. Además sólo funciona en el Netscape versión 4.x
');
preguntas.crearespta(32,'Desde gpa36@hotmail.com envía otra forma de conseguir este efecto. Sería
'+
'<script language="Javascript">
'+
'<!--
'+
'menu="off"
'+
'var tdOutColor = "#1ef3fe";
'+
'var tdEntradaColor = "#18ff11";
'+
'function checabrowser(){
'+
'var x = navigator.appVersion;
'+
'y = x.substring(0,4);
'+
'if (y>=4) setVariables();
'+
'}
'+
'function mudacor(prmThis,prmColor)
'+
'{
'+
'if ((window.document.all) || (window.document.getElementById))
'+
'prmThis.style.backgroundColor = prmColor;
'+
'else if (window.document.layers)
'+
'prmThis.bgColor = prmColor;
'+
'}
'+
'//-->
'+
'</script>
'+
'y luego en la tabla aplicamos
'+
'bueno en la celda
'+
'<table>
'+
'<tr>
'+
'<td bgcolor="#1124ff" onMouseOver="mudacor(this,tdEntradaColor)" onMouseOut="mudacor(this,tdOutColor)" width=107 height=36 valign=top align=left>
'+
'</tr>
'+
'</table>
'+
'en donde tdEntradaColor es el color cuando entramos y tdOutColor aplica el color cuando salimos lo siento pero no soy bueno para explicar las cosas que hago');
//Pregunta 33
preguntas.creapregta('¿Qué es y para que se usa la función setTimeout( )?');
preguntas.crearespta(33,
" Se trata de un evento de la página asociado al reloj del sistema y por "+
" tanto su ejecución se realiza en función del tiempo. Este evento "+
" se dispara cuando haya transcurrido el tiempo que se le indique, en ese momento "+
" ejecuta la función que le hayamos indicado al iniciarlo. El siguiente "+
" ejemplo ilustra su forma de uso:
"+
" var retraso;
"+
" function mifuncion( )
"+
" {
"+
" location.href = "otrapagina.htm"
"+
" }
"+
" retraso = setTimeout("mifuncion()", 1000)
"+
" El primer argumento, mifuncion( ), es el nombre de una funcion definida por "+
" nosotros y el segundo indica el tiempo, en milisegundos, que queremos que transcurra "+
" hasta que se dispare. La función devuelve un objeto que luego podemos "+
" usar con la función clearTimeout( ) para eliminar el temporizador
"+
" clearTimeout(retraso )
"+
" En el ejemplo al cabo de 1 seg (1000 mseg) se el navegador ejecutará "+
" mifuncion( ) y saltará a la dirección otrapagina.htm. Si queremos "+
" que el evento se repita varias veces podemos volver a inciarlo dentro de mifuncion( "+
" ). Por ejemplo:
"+
" var contador=0;
"+
" function mifuncion( )
"+
" {
"+
" window.status = contador++;
"+
" if (contador < 20)
"+
" retraso = setTimeout("mifuncion()", "+
" 1000)
"+
" else
"+
" clearTimeout(retraso)
"+
" }
"+
"La función se llamaría 20 veces tras lo cual se elimina el evento. "+
"Una alternativa es usar el evento setTimeInterval( ) que funciona de manera "+
" similar salvo que el temporizador se reinicia autmáticamente tras ejecutarse, "+
" en otras palabras, llama repetidamente a la función hasta que se libere "+
" usando clearTimeInterval( ).");
//Pregunta 34
preguntas.creapregta('Como puedo crear un formulario en el que los usuarios puedan introducir sus datos y estos queden almacenados y osteriormente si lo desean pudan modificarlos o agregar más');
preguntas.crearespta(34,
'Para mantener los datos del formulario cuando el usuario salga de la página puedes almacenarlos en cookies. Por ejemplo puedes usar un botón para almacenar los datos, este botón llamará a la rutina que crea los cookies correspondientes y otro botón para que los lea, o leerlos mediante un evento onload al cargar la página. Si quieres que los datos se mantengan sólo durante la sesión actual no coloques el atributo expires, y si quieres que los datos se mantengan durante un tiempo le colocas el atributo expires con la fecha de borrado del cookie. Aqui van dos rutinas para leer y crear cookies:
'+
'nombre el nombre del dato y valor su contenido, días es el número de días que debe permaneser el cookie en la máquina del usuario
'+
'function creaCookie(nombre, valor, dias)'+
'{
'+
'var expira, tiempo;
'+
'var dato = nombre+"="+valor;
'+
'if (dias)
'+
' {
'+
' expira = new Date();
'+
' tiempo = expira.getDate()+dias;
'+
' expira.setDate(tiempo);
'+
' dato = dato + "; expires="+expir.toGMTString()+";";
'+
' }
'+
'document.cookie=dato;
'+
'Y esta permite leer un cookie dado su nombre
'+
'function leeCookie(valor)
'+
'{
'+
'var dato;
'+
'var plant = new RegExp("("+valor+"=)([^;]*)(;*)");
'+
'dato = document.cookie.search(plant);
'+
'if (dato>=0)
'+
' return RegExp.$2;
'+
'else
'+
' return null;
'+
'}'+
'Para crear una cookie con el valor del campo cNombre de un formulario:'+
'
creaCookie("cNombre", document.forms.form1.cNombre.value, 1)
'+
'Y para leerlo en el mismo campo'+
'
document.forms.form1.cNombre.value = leeCookie("cNombre")
'+
'Hay que tener en cuenta que las cookies están limitadas a 20 y un tamaño máximo de 4Kb. '+
'
');
//Pregunta 35
preguntas.creapregta('Me gustaría saber como puedo redireccionar una página web a una dirección en concreto, pero que en la barra de direcciones se muestre otra distinta');
preguntas.crearespta(35,
'Una forma sería usar una página con dos frames, digamos superior y principal, uno de '+
'ellos de altura igual a cero. Al cargar la página se verá el contenido del otro frame '+
'pero la barra de dirección mostraría la URL de la página que contiene al frameset '+
'Por ejemplo si la página digamos padreframes.htm contiene ' +
'<frameset rows="0,*" frameborder="NO" border="0" framespacing="0">
'+
'<frame name="superior" scrolling="NO" noresize src="" >
'+
'<frame name="principal" src="frameprincipal.htm">
'+
'</frameset>
'+
'Al llamar a padreframes.htm en el explorador se verá la página frameprincipal.htm mientras '+
'que la barra de direcciones mostrará framepadre.htm.
Pero ojo en el código fuente de'+
'la página se podrán leer las direcciones de cada frame.
');
//Pregunta 36
preguntas.creapregta('¿Cómo conseguir que una capa <DIV> se centre verticalmente de manera automática incluso cuando movamos la barra de desplazamiento?');
preguntas.crearespta(36,
'La solución es actualizar la posición del bloque DIV modificando la coordenada vertical (style.top) en la misma cantidad que desplazamos la pantalla mediante la barra de desplazamiento, actualización que se debe hacer justo en el momento de realizar el desplazamiento. Para ello usamos el evento onscroll aplicado al elemento body y al que le vinculamos la función que modifica la posición del bloque. Evidentemente el bloque DIV deberá tener posicionamiento absoluto. El código necesario sería el siguiente:
'+
'function centrar(idbloque)
'+
'{
'+
'var altoVent = document.body.clientHeight;
'+
'var anchoVent = document.body.clientWidth;
'+
'var despVert = document.body.scrollTop;
'+
'var despHoriz = document.body.scrollLeft;
'+
'var bloque = document.all[idbloque];
'+
'var altoBlq = parseInt(bloque.style.height);
'+
'var anchoBlq = parseInt(bloque.style.width);
'+
'bloque.style.top = parseInt((altoVent- altoBlq)/2+despVert);
'+
'bloque.style.left = parseInt((anchoVent- anchoBlq)/2+despHoriz);
'+
'}
'+
'Este ejemplo también contempla la posiblidad del scroll horizontal. La parte HTML es la siguiente:
'+
'<body onload="centrar(\'IDcapa\')" onscroll="centrar(\'IDcapa\')">
'+
'<DIV id="IDcapa" stye:"position:absolute; width:110px; height: 110 px">
'+
'El funcionamiento es simple: el evento onload hace que cuando se cargue la página se centre la capa (esto es para ahorrarnos el trabajo de colocarla a mano), el segundo evento es el clave: cuando se realiza un scroll entra en funcionamiento la función centrar y repone la capa en su lugar.
'+
'Evidentemente esto, como tantas cosas mas, no funciona con Netscape 4.');
//Pregunta 37
preguntas.creapregta('Tengo una capa con scroll lateral y una tabla en su interior que sobrepasa el tamaño de la capa ¿Como hacer para imprimir todo el contenido, incluso lo que no se ve?');
preguntas.crearespta(37,
'Puedes usar el método print( ) del objeto window que imprime toda la página, pero con un pequeño ardid: antes de imprimir modificas la propiedad overflow de la capa reponiéndolo despues de que se imprima la página1. Algo así:
'+
'function imprimir(idencapa)
'+
'{
'+
'document.all[idencapa].style.overflow = "visible";
'+
'print();
'+
'document.all[idencapa].style.overflow = "auto";
'+
'}
'+
'En la página colocas el botón para imprimir con el evento onclick vinculado a esta función:'+
'
<a href="#" onclick = "imprimir(); return false">Imprimir</a>
'+
'La sentencia return false se usa para evitar la acción predeterminada del evento onclick.');
//Pregunta 38
preguntas.creapregta('¿Cómo hago para ocultar los mensajes en el estatus al direccionar a otra página, a otra subrutina sin que aparezca la nueva direccion?');
preguntas.crearespta(38,
'Asignando a la propiedad status del objeto window una cadena de caracteres con el texto '+
'que quieras que aparezca en lugar del usado por defecto (la dirección del enlace). La '+
'cadena que asignes puede ser una cadena vacía con lo que la barra de status aparecería en '+
'blanco. La vinculación al evento onmouseover modifica la barra de estado al pasar '+
'el ratón sobre el enlace y la del evento onclick la modifica al pulsar el botón activo. '+
'Por ejemplo:
'+
'<a href="direccion.htm" onclick = "window.status=\'texto\'"
'+
'onmouseover="window.status=\'texto\' return true">Ir a direccion</a>'+
'
Puedes cambiar texto por la frase que se te ocurra o por un espacio en blanco.');
//Pregunta 39
preguntas.creapregta('¿Me podrían decir como puedo verificar si el dato introducido es un texto (solo letras)?');
preguntas.crearespta(39,
'Usando las expresiones regulares. Para este caso una función sería:
'+
'function esTexto(dato)
'+
'{
'+
'var patron = /[^a-z,^ñ,\s]/gi
'+
'return (dato.match(patron)==null)
'+
'}
'+
'Esta función devuelve true si dato sólo contiene letras (^a-z,^ñ) o espacios (\\s) '+
'mientras que si en dato existe cualquier otro carácter (incluidos signos de puntuación, '+
'dígitos o vocales acentuadas) devuelve false. Si queremos incluir como válidos '+
'los signos de puntuación y los acentos debemos añadirlos al patrón, que quedaría
:'+
'var patron = /[^a-z^ñ\s,;:\.áéíóúü]/gi
'+
'Si quieres saber mas sobre expresiones regulares tienes información en la sección '+
'dedicada a operadores y al '+
'objeto Regular Expresion.');
//Pregunta 40
preguntas.creapregta('¿Como puedo verificar que el dato introducido es un flotante válido (numero con 2 decimales maximo)?');
preguntas.crearespta(40,
'Al igual que en la pregunta 40 éste es un trabajo para las expresiones regulares, en este '+
'caso el patrón deberá responder a una cadena de dígitos que debe terminar en un punto '+
'seguido de dos dígitos como máximo. Una función válida puede ser:'+
'function esFlotante(dato)
'+
'{
'+
'var devolver;
'+
'var entero = /^\\d+$/;
'+
'var real = /^\d+\\.\\d{1,2}$/;
'+
'if ( dato.search(entero)>=0 || dato.search(real)>=0 )
'+
' devolver = true;
'+
'else
'+
' devolver = false;
'+
'return devolver;
'+
'}
'+
'Se usa un patrón para detectar si el contenido del argumento dato es entero y otro para ver si es real (con 2 decimales como máximo). La función devuelve true para números enteros o reales con 2 decimales o menos');
//Pregunta 41
preguntas.creapregta('¿Como hago para validar los navegadores Microsoft >=4 y Nescape>2, y si el usuario no cumple con éstas condiciones que me habra una venta con la página de microsoft?');
preguntas.crearespta(41,
'El siguiente es uno de los métodos posibles:
'+
'var navegador = window.navigator.appName;
'+
'var version = parseInt(window.navigator.appVersion);
'+
'if ((navegador.indexOf("Microsoft")>=0 && version < 4) ||
'+
'(navegador.indexOf("Netscape")>=0 && version < 3))
'+
' location.href="http://www.microsoft.com"
'+
'Este código enviará los exploradores microsoft de versión menor que 4 y netscape menor que 3 a la página de microsoft.
'+
'También puedes usar el objeto navegador que tienes en la sección de ejemplos, es muy simple y contempla otros navegadores.');
//PREGUNTA 42
preguntas.creapregta('¿Como puedo cambiar el color de la letra cuando el mouse se posiciona arriba de ella?');
preguntas.crearespta(42,
'Usando los eventos onMouseOver para poner el color y onMouseOut para volver al color '+
'original. Es bien fácil, en la sección Head pones el código Javascript
'+
'<script language="JavaScript">
'+
'function cambColor(elem, codcolor)
'+
'{
'+
' elem.style.color=codcolor
'+
' }
'+
'</script>
'+
'En el cuerpo de la página colocamos el enlace con los eventos correspondientes
'+
'<span id="enl1"
'+
'onMouseover="cambColor(this,\'red\')"
'+
'onMouseOut="cambColor(this,\'\')">
'+
'El texto a resaltar</span>
'+
'Y listo. Este método sirve para cambiar cualquier propiedad del texto, algo que sólo es posible en MSIE. Si quieres usarlo en un enlace en lugar de span usas la etiqueta de'+
' enlaces:
'+
'<a href="direccion.htm" id="enl1"
'+
'onMouseover="cambColor(this,\'red\')"
'+
'onMouseOut="cambColor(this,\'\')">
'+
'El texto a resaltar</span>
'+
'Así de fácil. Incluso podrías colocar el cuerpo de la función en la asignación del evento
'+
'...onmouseover="this.style.color=\'red\'"
'+
'pero creo recomendable usar llamadas a funciones que facilitan ampliar el código o hacerle modificaciones.');
//PREGUNTA 43
preguntas.creapregta('¿Cómo puedo lograr disponer el tamaño del explorador al tamaño que quiero (800 x 600) al momento de que el usuario entre en mi página?, es decir, que mi página se vea a esa resolución sea quien sea el usuario, colocarle ese tamaño determinado.');
preguntas.crearespta(43,
'Muy fácil, usando el método resizeTo(ancho, alto) aplicado a la ventana que quieras redimensionar. La sentencia:
'+
'<script language="Javascript">
'+
'window.resizeTo(800, 600)
'+
'</script>
'+
'lograría el tamaño que quieres. El código lo puedes colocar en la cabecera de la página tal como figura en el ejemplo.
');
//PREGUNTA 44
preguntas.creapregta('¿Como puedo hacer para que se envien automaticamente los valores de un formulario nada más que se abra la página que lo contiene? Osea, sin necesidad de apretar el botón submit');
preguntas.crearespta(44,
'Sitúa un evento onload en el cuerpo (body) del documente, ese evento deberá ejecutar el envío del formulario como si se pulsra el botón enviar:
'+
'<body onload="document.forms.formulario.enviar.click()>
'+
'Mientras que en el campo action del formulario pondrás el consabido mailto:
'+
'<form name="formulario" method="post" action="mailto:email@server.com">
'+
'Donde email@server.com será la dirección a la que quieras que sea enviado el formulario. Est sólo es válido tanto con MSIE como con Netscape');
//PREGUNTA 45
preguntas.creapregta('A partir de un JavaScript hice aparecer una nueva ventana del Explorador, con un form de consultas. ¿Cómo puedo hacer que al presionar el botón enviar también se muestre un mensaje y se cierre esta nueva ventana?');
preguntas.crearespta(45,
'Una forma es colocar en el evento onsubmit un alert y un temporizador para el cierre de la ventana.
'+
'<form name="form1" action="mailto:email@serv.com
'+
'onsubmit="return enviar()">
'+
'La función enviar será algo así como
'+
'function enviar()
'+
'{
'+
'alert("Gracias por colabarar con nosotros")
'+
'setTimeout("window.close()", 1000)
'+
'}
'+
'Tras pulsar el botón Submit la ventana se cerrará de inmediato. No olvides poner al final de la función enviar return true, esta función también puedes usarla para validar los datos del formulario que sólo será enviado si el valor devuelto es true.');
//PREGUNTA 46
preguntas.creapregta('A partir del método location del objeto window, ¿cómo puedo redirigirme a un marcador dentro de la página que estoy cargando?');
preguntas.crearespta(46,
'Para cambiar de dirección basta con colocar en location la nueva URL a la que queremos llegar, en esa dirección podemos usar el atributo hash para dirigirnos a un anchor dentro de la nueva página. Si la página destino, por ejemplo, nuevapag.htm contiene un anchor como
'+
'<A name="marca1">
'+
'Podemos acceder a esa posición en la página colocando en location
'+
'location = "nuevapag.htm#marca1"
'+
'Es decir exactamente igual que haríamos en un link.');
//PREGUNTA 47
preguntas.creapregta('He creado una barra de navegación con texto desplegable, usando javascript y quiero colocarla en el Borde superior compartido. Cuando la coloco en las páginas se muestra en forma diferente. Qué otra forma de colocarla en todas las páginas tengo, sin tener que escribirla en todas?');
preguntas.crearespta(47,
'Cuando tenemos un menú desplegable en un frame, las ventans que se despliegan al activar el menú deberán ser creadas y abiertas en la ventana del frame principal. No sé como funciona tu menú desplegable, pero supongo que el texto desplegable lo hará con alguna instrucción tipo
objeto.style.visibility = true;
Pues bien este objeto deberá estar en el frame principal y esa instrucción se convertiría en algo como
'+
' venppal.objeto.style.visibility = true;
'+
'donde ventppal es la ventana del frame principal, a la que debe pertenecer la capa que contiene el texto desplegable.
'+
'Si no quieres usar frames la única manera que se me ocurre es colocar en los body de tus páginas un onload = "activarmenu()", por ejemplo, donde activar menú es el código Javascript que crea y manipula el menú. Todas las páginas deberán tener enlazdo un archivo con ese código mediane el conocido
'+
'<script language="Javascript" src = "menus.js"></script>
'+
'situado en la sección Head de la página. Si quieres mira el objeto menú desplegable que se encuentra en esta web.
');
//PREGUNTA 48
preguntas.creapregta('¿De que forma puedo lograr este truco, por ejemplo ahi un mensaje que dice "no pases el cursor del rato por aqui" y si lo pasas te aparece un mensaje y si la cierras te aparece otro, otro etc.');
preguntas.crearespta(48,
'Este tipo de comportamientos se logra mediante los eventos de ratón como onmouseover, onmouseout, onclick, etc. Por ejemplo
'+
'<a href="#" onmouseover="alert(\'Mensaje\')"> No pases el ratón por aquí</a>
Haría que al pasar el ratón sobre el link saltara la ventana alert.');
//PREGUNTA 49
preguntas.creapregta('¿Cómo puedo abrir una ventana popup sin menus, scrolls, con medidas definidas, y posicion definidas, mediante un boton de un archivo flash?');
preguntas.crearespta(49,
'El objeto window posee el método open para crear ventanas nuevas
'+
' miventana = window.open(URL, titulo, caracts)
'+
'El primer argumento es la dirección de la página que aparecerá en esa ventana, el segundo es el nombre de la ventana y uede usarse como valor de un argumento TARGET en un link, el último se usa para indicar las características que ha de tener esa ventana, está formado por una lista de pares nombre=valor separada por comas. Estas características son:
'+
'directories=yes/no Muestra barra de vínculos
'+
'height = número Altura en puntos de pantalla
'+
'width = número Anchura en puntos de pantalla
'+
'menubar= yes/no Barra de menús
'+
'location=yes/no Barra de direcciones
'+
'scrollbars=yes/no Barras de desplazamiento
'+
'status=yes/no Barra de estado
'+
'toolbar=yes/no Barra de herramientas
'+
'left = número Posición horizontal
'+
'top = número Posición vertical
'+
'fullscreen=yes/no Pantalla completa
'+
'Estas características son válidas para MSIE, Netscape no presenta la última de ellas
');
//PREGUNTA 50
preguntas.creapregta('Tengo una pagina separada en tres frames en una de los frames tengo un boton que al apretarlo deberia de aparecer en los otros dos frames imagenes. La pregunta es ¿Cual es el codigo usado en java script o html que me permite realizar esta accion?');
preguntas.crearespta(50,
'Si tienes varios frames todos ellos serán hijos de una ventana principal y cada uno de ellos a su vez son un objeto window, con sus métodos y propiedades. Para referirte a un frame en concreto primero averiguas la ventana madre (parent) de todos y desde ella te refieres el frame en concreto usando un número de índice o el nombre asignado al marco. Por ejemplo:
'+
'madre = parent;
'+
'marco1 = madre.frames["mimarco1"]
'+
'marco2 = madre.frames["mimarco2"]
'+
'marco1.document.images["mimg"].src = "direccion.gif"
'+
'marco2.document.images["mimg"].src = "direccion.gif"
'+
'Se supone que los marcos sobre los que quieres actuar tienen como atributo name los valores marco1 y marco2:
'+
'<frameset rows="80,*" cols="80,*" frameborder="NO" border="0"
framespacing="0">
'+
' <frame name="marcoesq" scrolling="NO" noresize src="logo.htm" >
'+
' <frame name="marcosup" scrolling="NO" noresize src="pagsup.htm" >
'+
' <frame name="marco1" scrolling="NO" noresize src="cont1.htm">
'+
' <frame name="marco2" src="cont2.htm">
'+
'</frameset>
'+
'Como es lógico en las páginas de los marcos marco1 y marco2 deberá existir un elemento IMG con el ID correspondiente, mimg en este ejemplo.
');
//PREGUNTA 51
preguntas.creapregta('He visto en alguna pagina que pasas el cursor por un banner y como por arte de magia se te abre una ventana, quisiera saber como se hace');
preguntas.crearespta(51,
'En Javascript no existe la magia, aunque a veces parezca que los duendes actuen con magia de la negra, este efecto es bien simple: usas el evento onmouseover vinculandole una función window.open( ) (mira la pregunta 50). Para lograr compatibilidad con NS 4 pones en el banner un link y a ese link le colocas el atributo onmouseover.
'+
'<a href="#" onmouseover = "abreventanta()"><img src="banner"></a>
'+
'Si no te importa que Netscape 4 no funcione con este efecto, puedes asignar el evento directamente a la imagen del banner.
'+
'<img src="banner.gif" onmouseover = "abreventanta()">
'+
'La función abreventana() contendrá el código con el window.open() adecuado.
');
//PREGUNTA 52
preguntas.creapregta('¿Como hacer para desactivar el botón derecho del ratón?');
preguntas.crearespta(52,
'Típico: muchos ponéis imágenes en vuestras páginas y no queréis que nadie las copie para lo cual os gustaría desactivar el botón derecho del ratón. Bueno esto es posible, pero no se evita que copien el contenido de la página, basta ver el código fuente. Y una observación: las páginas colgadas en la red son para los visitantes y ese fuerte sentimiento de la propiedad va contra la filosofía reinante en la red, compartamos.
'+
'Bueno, al grano para anular el click derecho del ratón basta vigilar el evento onclick y en la función vinculada comprobar que botón se ha pulsado, en caso de que sea el derecho se emite un mensaje alert( ) y listo. En un ejemplo:
'+
'<img src="mifoto.jpg" onclick = "vigilar(event)">
'+
'La función Javascript vigilar será
'+
'function vigilar(evnt )
'+
'{
'+
'if (evnt.button & 2)
'+
' alert("Botón inactivo.");
'+
'}
'+
'Para los otros botones basta saber que el izquierdo es el 1 y el central es el 4. Si se pulsan dos botones el código será la suma de los códigos individuales, así el botón derecho y central devolverá 6, por eso se usa el operador binario & (AND).
');
//PREGUNTA 53
preguntas.creapregta('¿Cómo lograr que una página no se guarde en el caché del ordenador cliente?');
preguntas.crearespta(53,
'Teóricamente y según las especificaciones HTML 4 para esto se usa una etiqueta META en la sección HEAD de la página:
'+
'<META http-equiv="Pragma" content="no-cache">
');
//PREGUNTA 54
preguntas.creapregta('¿Cómo forzar a que el explorador recargue una página desde el servidor en lugar de cargarla desde la caché?');
preguntas.crearespta(54,'Podríamos usar una etiqueta META para engañar al explorador haciéndole creer que la página ha caducado:
'+
'<meta http-equiv="expires" content="01-01-1980">
'+
'O bien manualmente usando el método location.reload() o history.go(0). En el primer caso Microsoft admite el uso de un argumento que si es true asegura la recarga desde el servidor
');
//PREGUNTA 55
preguntas.creapregta('Estoy mandando un correo desde un formulario, el problema es que cuando hacen click en boton de enviar y finalmente manda el correo se regresa a la pagina de donde se mandaron los datos pero ésta sigue manteniendo los datos que se mandaron ¿que puedo hacer para que se limpie el formulario?');
preguntas.crearespta(55, 'Si se quiere hacer de manera manual basta con colocar un botón reset dentro del formulario:
'+
'<input type="reset" name="Borrar" value="Borrar">
'+
'También podemos hacerlo de forma manual para ello colocamos un botón tipo Button (no submit) con un evento onclick ligado a una función que envía el formulario y luego borre los campos, bien usando el botón Reset o bien por código:
'+
'<form name="form2" method="post" action="mailto:no2@c.com"
enctype="text/plain">
'+
' <input type="text" name="texto1">
'+
' <input type="Button" name="Enviar" value="Enviar" onclick="enviar()">
'+
' <input type="reset" name="Borrar" value="Borrar">
'+
'</form>
'+
'La función enviar(), usando el botón reset desde programa, sería:
'+
'function enviar()
'+
'{
'+
'document.forms.form2.submit();
'+
'document.forms.form2.Borrar.click();
'+
'}
'+
'La función enviar(), usando el botón reset desde programa, sería:
'+
'function enviar()
'+
'{
'+
'document.forms.form2.submit();
'+
'document.forms.form2.texto1.value = "";
'+
'}
');