Foros del Web

Foros del Web (http://www.forosdelweb.com/)
-   Javascript (http://www.forosdelweb.com/f13/)
-   -   FAQs JavaScript (http://www.forosdelweb.com/f13/faqs-javascript-105325/)

epa2 27/12/2002 02:54

81.- Apertura lateral de una ventana
 
P: ¿Como puedo abrir una ventana de izquierda a derecha?

R: Abre Una Ventana Lateralmente De Izquierda A Derecha Dando Un Muy Buen Efecto.

[ver ejemplo]


Si Deseas Que La Ventana Tenga Una Anchura Y Algura Especifica Reemplaza:

"screen.height" (alto)
"screen.width" (ancho)

Por Los Valores Deseados, Tambien Puedes Modificar moveTo(0,0) Para Acomodar La Ventana En Una Determinada Posicion X,Y De La Pantalla.

Código:

<script languaje="JavaScript">
ventana=window.open("","","width=100,height=screen.height")
ventana.moveTo(0,0)
a=100
for (a; a<screen.width; a+=10)
{
  ventana.resizeBy(10,0)
}
</script>

NOTA: acuerdate que esto va en el tag HEAD y que luego en el body tienes que hacer la llamada para abrir la ventana.(creo yo :pensando: ) .Espero que mi profe de javascript se sienta orgulloso algún dia de su torpe alumno. :-(
Adiós

CHuLoSoY 29/12/2002 16:15

82.- Deshabilitar selección de texto
 
P: Como deshabilito la selección de un texto?

r:Aunque es imposible bloquear el copiado de cualquier elemento de la página vamos a ponérselo unpoco más difícil a los copiones y vamos a deshabilitar la opción de marcar o seleccionar un texto:

Código PHP:

<script language="JavaScript">
function 
disableselect(e)
{
   return 
false
}
function 
reEnable()
{
   return 
true
}
//if IE4+
document.onselectstart=new Function ("return false")
//if NS6
if (window.sidebar)
{
   
document.onmousedown=disableselect
   document
.onclick=reEnable
}
</script> 

NOTA: Sacado de www.mundomikeoldfield.es.vg , no sé el nombre ni email del autor original, sino lo ponía. Este script circula por todo internet sin el copyright, por eso me es imposible saberlo. Perdón si se ofende alguien.

epa2 30/12/2002 06:51

83.-Dar estilos CSS para los links

P: ¿como doy estilos CSS a los hipervinculos?

[R:]Bueno, es un sistema sencillo para darle un toque de alegría a nuestras páginas. me lo bajé de la página de bravenet. si me equivoco y lo publico en el de javascript en vez de en el de HTML, pido disculpas, pero tiene algo de javascript :pensando: [/b]

CAMBIA COLOR AL PASAR EL RATÓN POR LO ALTO DEL ENLACE...

<a href="" onmouseover="this.style.color='red';" onmouseout="this.style.color='';">This HREF turns red on hover.</a>

----------------------------------------------------------------
HIPERVINCULOS O LINKS DE COLOR VERDE.

<a href="" style="color:green;">This HREF is green.</a>


-----------------------------------------------------------------------
HIPERVINCULO SIN RAYA POR DEBAJO

<a href="" style="text-decoration: none;">This HREF has no underline.</a>

---------------------------------------------------------------------
LINEA DE ESPACIO DE UN HIPERVINCULO

<a href="" style="line-spacing:150%;">These HREFs are spaced 150% of normal.</a>
<a href="" style="line-spacing:150%;">These HREFs are spaced 150% of normal.</a>

-----------------------------------------------------------------------

ESPACIO ENTRE LOS CARACTERES DE UN HIPERVINCULO

<a href="" style="letter-spacing:5px;">This HREF has 5 pixels between letters</a>
-----------------------------------------------------------------------

COLOR DE FONDO EN LOS LINKS

<a href="" style="background:ffffcc;">This HREF has a yellow background.</a>
-----------------------------------------------------------------------

podeis ver el ejemplo furulando aqui

Yanix 30/12/2002 07:44

84. Crear botón de "guardar como"
 
P . ¿Cómo crear botón de "guardar como..."?

R.

Código:

<HTML>
<HEAD>
<script language="javascript">
function guardarcomo()
{
var WebBrowser = '<OBJECT ID="WebBrowser1" WIDTH=0 HEIGHT=0 CLASSID="CLSID:8856F961-340A-11D0-A96B-00C04FD705A2"></OBJECT>';
document.body.insertAdjacentHTML('beforeEnd', WebBrowser);
WebBrowser1.ExecWB(4, 0);
WebBrowser1.outerHTML = "";
}
</script>
</HEAD>
<BODY>
Oprime el botón para guardar esta página...<BR>
<input type="submit" value="  Guardar  " onClick=guardarcomo() name="miboton">
</BODY>
</HTML>

Sirve para IE 5.5+
No sé si versiones anteriores.

SpiceMan 30/12/2002 21:03

85. Cómo validar una dirección de email utilizando expresiones regulares
 
P: ¿Cómo valido una dirección de email utilizando expresiones regulares?

R:

Versión Simple
Código PHP:

<html>
<
head>

<
script language="javascript" type="text/javascript" defer>
function 
validaEmail(email)
{
var 
re  = /^([a-zA-Z0-9_.-])+@(([a-zA-Z0-9-])+.)+([a-zA-Z0-9]{2,4})+$/;
if (!
re.test(email)) {
    
alert ("Dirección de email inválida");
    return 
false;
}
return 
true;
}
</script>
</head>

<body>
<center>
<form name="email" onSubmit="return validaEmail(this.email.value);">
Email:  <input type="text" name="email"><br>
<input type=submit value="Submit">
</form>
</center>
</body>
</html> 

Versión Compleja:
Código PHP:

<html>
<
head>

<
script language="javascript" type="text/javascript" defer>
// Regexp creado por Sandeep V. Tamhankar ([email protected])

function emailCheck (emailStr) {

var 
emailPat=/^(.+)@(.+)$/;
var 
specialChars="\\(\\)<>@,;:\\\\\\\"\\.\\[\\]";
var 
validChars="\[^\\s" specialChars "\]";
var 
quotedUser="(\"[^\"]*\")";
var 
ipDomainPat=/^[(d{1,3}).(d{1,3}).(d{1,3}).(d{1,3})]$/;
var 
atom=validChars '+';
var 
word="(" atom "|" quotedUser ")";
var 
userPat=new RegExp("^" word "(\\." word ")*$");
var 
domainPat=new RegExp("^" atom "(\\." atom +")*$");
var 
matchArray=emailStr.match(emailPat);
if (
matchArray==null) {
    
alert("La dirección de correo parece ser inválida (verifique las @ y .)")
    return 
false
}
var 
user=matchArray[1]
var 
domain=matchArray[2]

if (
user.match(userPat)==null) {
    
alert("El nombre de usuario parece ser inválido.")
    return 
false
}

var 
IPArray=domain.match(ipDomainPat)
if (
IPArray!=null) {
      for (var 
i=1;i<=4;i++) {
        if (
IPArray[i]>255) {
            
alert("La dirección IP de destino es inválida!")
        return 
false
        
}
    }
    return 
true
}

var 
domainArray=domain.match(domainPat)
if (
domainArray==null) {
    
alert("El dominio no parece ser válido.")
    return 
false
}
var 
atomPat=new RegExp(atom,"g")
var 
domArr=domain.match(atomPat)
var 
len=domArr.length
if (domArr[domArr.length-1].length<|| 
    
domArr[domArr.length-1].length>3) {
   
alert("Las direcciones deben terminar con dominios de tres letras, o el código de país de dos letras.")
   return 
false
}

if (
len<2) {
   var 
errStr="Dominio Inválido!";
   
alert(errStr)
   return 
false
}

return 
true;
}
</script>
</head>


<body>
<center>
<form name="email" onSubmit="return emailCheck(this.email.value);">
Email:  <input type="text" name="email"><br>
<input type=submit value="Submit">
</form>
</center>
</body>
</html> 

Funciona en:
- IE 4+
- Netscape 4+
- Opera 5+
- Mozilla 0.8+ / Netscape 6+

caricatos 01/01/2003 13:40

86.- Ventanas solo como pop-up
 
P: ¿Como puedo hacer para que la pagina solo se pueda abrir como popup, y si se abre en modo normal se cierre?? (enlace )

R:

Código:

<body onLoad="if (!opener) window.close()">
Saludos :arriba:

Kaopectate 06/01/2003 13:11

87.- Detección de texto seleccionado
 
P: ¿Como puedo capturar el texto que está seleccionado dentro de mi página?

Créditos: Tomado de una respuesta de DanielRey

R: [ver ejemplo]

Código PHP:

<html>
 <
head>
  <
a name="#1">
  <
script language="JavaScript">
   function 
sele() {
    
a=document.selection.createRange();
    
alert("Tipo de selección: " document.selection.type "\nTexto seleccionado: " a.text);
   }
  
</script>
 </head>
 <body>
  <form name="frm">
   <table border="0">
    <tr>
     <td align="right">
      input:
     </td>
     <td>
      <input type="textInput" name="txt">
     </td>
    </tr>
    <tr>
     <td align="right">
      textarea:
     </td>
     <td>
      <textarea name="txtArea"></textarea>
     </td>
    </tr>
    <tr>
     <td align="right">
      Link:
     </td>
     <td>
      <a href="#1">Enlace</a>
     </td>
    </tr>
    <tr>
     <td align="right">
      Select:
     </td>
     <td>
      <select>
       <option>Uno</option>
       <option>Dos</option>
       <option>Tres</option>
      </select>
     </td>
    </tr>
    <tr>
     <td align="right">
      Párrafo:
     </td>
     <td>
      Esto es un párrafo de donde también se puede seleccionar texto.
     </td>
    </tr>
    <tr>
     <td align="center" colspan="2">
      <a href=JavaScript:sele()>Ver texto seleccionado</a> 
     </td>
    </tr>
  </form>
 </body>
</html> 


chivi 07/01/2003 11:33

88. Detectar Resolución y Redireccionar
 
P: ¿Cómo puedo mostrar la resolución de la pantalla del usuario y con un simple enlace redireccionarle a la página apropiada?

R:
Código PHP:

<html>
<
head>
<
script>
var 
resurl
if ((screen.width == 800) && (screen.height == 600)){
res="800x600"
url="800x600.htm"}
else if ((
screen.width == 1024) && (screen.height == 768)){
res="1024x768";
url="1024x768.htm"}
else if ((
screen.width == 1152) && (screen.height == 864)){
res="1152x864";
url="1152x864.htm"}
else if ((
screen.width == 1280) && (screen.height == 1024)){
res="1280x1024";
url="1280x1024.htm"}
else{
window.location.href "otra.htm"}
function 
Entrar(){
window.location.href=url}
</script>
</head>
<body>
Tu Resolución de Pantalla es: <b><script>document.write(res)</script></b><br>
<a href="javascript:Entrar()">Acceda a la página correspondiente a tu resolución</a>
</body>
</html> 


KarlanKas 13/01/2003 12:11

89. Reloj en la barra de estado
 
P.- ¿Cómo puedo poner un reloj en la barra de estado?
R.- Con este código:
ver ejemplo
Código PHP:

<HTML>
<
TITLE>Status Hora y día</TITLE>
<
HEAD>

<
SCRIPT LANGUAGE="JavaScript">

<!-- 
Script by:  Francis Woodhouse (francis@contessa.u-net.com) -->

<!-- 
function 
runClock() {
theTime window.setTimeout("runClock()"1000);
var 
today = new Date();
var 
displaytoday.toLocaleString();
status=display;
}
//  -->
</SCRIPT>


<body onLoad="runClock()">

</body>
</html> 


epa2 14/01/2003 03:32

90.- Buenos días amigo mio
 
P: ¿Como puedo dar los buenos días a mi amigo o visitante y que siempre que entre a mi sitio le de los buenos días?

R: Con una cookie

Créditos: Unknown

R: [Examina este ejemplo]

Código PHP:

<script language="Javascript">
<!--
/*-- for(unknown){ [email][email protected][/email] } --
Do N't Move Here is unKnown Production's --*/
var today = new Date();
var 
hora=today.getHours(); 
var 
expiry = new Date(today.getTime() + 28 24 60 60 1000); // 28 dias
function setCookie(namevalue
{
document.cookie=name "=" escape(value) + "; expires=" expiry.toGMTString();
}

function 
lee(valor)
{
document.cookie.search(RegExp("("+valor+"=)([^;]*)(;*)","gi"))
return 
unescape(RegExp.$2)
}
if(
lee('usass'))
var 
usuario lee('usass')
else{
var 
u=prompt("Introduce tu Nombre","")
if(
u){setCookie('usass',u);usuario=u}
else{
usuario "Usuario"}

if (
hora<6)
alert(usuario+" Hoy has madrugado mucho...¿O no te has acostado?");
else if (
hora<12)
alert(usuario+" Buenos d&iacute;as");
else if (
hora<=18)
alert("Buenas Tardes "+usuario);
else 
alert("Buenas Noches "+usuario);
</script> 


KarlanKas 14/01/2003 04:54

91. Redireccionar página pasados unos segundos
 
P.- ¿Cómo puedo redireccionar una página a otra pasados unos segundos?
R.- Con este código:

Código PHP:

<html>
<
head>

</
head>

<
body style="font:bold 10px/15px verdana;color:navy">
<
script>
//Script original de KarlanKas para forosdelweb.com


var segundos=3
var direccion='http://www.webareyou.com'
var mensaje="Nos hemos trasladado."

milisegundos=segundos*1000
window
.setTimeout("window.location.replace(direccion);",milisegundos);
document.write(mensaje+"  Si pasados "+segundos" segundos no es redireccionado pinche <a href='"+direccion+"'>aquí</a>.");
</script>

</body>
</html> 


haven 14/01/2003 16:42

92 - Impedir que seleccionen mas de dos checkbox
 
P: Impedir que seleccionen mas de dos checkbox en un formulario

R:

Código PHP:


<script>

function 
countChoices(obj) {
max 1// max. number allowed at a time

obj.form.PollVote1.checked// your checkboxes here
obj.form.PollVote2.checked;

// add more if necessary

count = (0) + (0);
// If you have more checkboxes on your form
// add more (box_ ? 1 : 0) 's separated by '+'

if (count max) {
alert("Atencion! Solo puede seleccionar " max " opcion! \Quite una de ellas si quiere seleccionar otra.");
obj.checked false;
}
}


</script>

Y el campo checkbox es de la forma

<form name="form">

<input type="checkbox" value="1" name="PollVote1" onClick="countChoices(this)">

<input type="checkbox" value="2" name="PollVote2" onClick="countChoices(this)">

<form>

Si tienes los campos de esta forma (gracias tunait):

<form name="form">

<input type="checkbox" value="1" name="PollVote" onClick="countChoices(this)">

<input type="checkbox" value="2" name="PollVote" onClick="countChoices(this)">

<form>


deberás poner:

a = obj.form.PollVote[1].checked; // your checkboxes here
b = obj.form.PollVote[2].checked; 

Un saludo

DanielRey 15/01/2003 14:55

93 - Copiar el texto seleccionado
 
P: Copiar el texto que se ha seleccionado en la página.

R:
Código:

<!-- TWO STEPS TO INSTALL COPY SELECTED TEXT:

  1.  Copy the coding into the HEAD of your HTML document
  2.  Add the last code into the BODY of your HTML document  -->

<!-- STEP ONE: Paste this code into the HEAD of your HTML document  -->

<HEAD>

<!-- This script and many more are available free online at -->
<!-- The JavaScript Source!! http://javascript.internet.com -->
<!-- Original:  Raul Macias ([email protected] ) -->
<!-- Web Site:  http://members.cox.net/raulhmacias/ -->
<SCRIPT LANGUAGE="JavaScript">
<!-- Begin
function copyit(theField) {
        var selectedText = document.selection;
        if (selectedText.type == 'Text') {
                var newRange = selectedText.createRange();
                theField.focus();
                theField.value = newRange.text;
        } else {
                alert('select a text in the page and then press this button');
        }
}
//  End -->
</script>

</HEAD>

<!-- STEP TWO: Copy this code into the BODY of your HTML document  -->

<BODY>

<!-- This script and many more are available free online at -->
<!-- The JavaScript Source!! http://javascript.internet.com -->
<!-- Original:  Raul Macias ([email protected] ) -->
<!-- Web Site:  http://members.cox.net/raulhmacias/ -->
<form name="it">

<p>This script allows you to select text on a web page and then copy it into a text box. Neat!</p>
<div align="center">
<input onclick="copyit(this.form.select1)" type="button" value="Press to copy the highlighted text" name="btnCopy">
<p>
<textarea name="select1" rows="4" cols="45"></textarea>
</div>
</form>

<p><center>
<font face="arial, helvetica" size"-2">Free JavaScripts provided<br>
by <a href="http://javascriptsource.com">The JavaScript Source</a></font>
</center><p>

<!-- Script Size:  1.69 KB -->


Kaopectate 29/01/2003 22:17

94.- Tipo y versión del navegador
 
P: ¿Como puedo saber el tipo de navegador y la versión del mismo?

R: [ver ejemplo]

La función getBrowserName() retornará uno de los siguientes valores:
- ie = Internet Explorer
- ns = Netscape
- op = Opera
- mo = Mozilla

La función getBrowserVersion() retornará la versión del navegador correspondiente.

Código PHP:

<html>
 <
head>
  <
script LANGUAGE="JavaScript">

   var 
sBrowser;
   var 
sVersion;

   function 
setBrowserType(){
    var 
aBrowFull = new Array("opera""msie""netscape""gecko""mozilla");
    var 
aBrowVers = new Array("opera""msie""netscape""rv",    "mozilla"   );
    var 
aBrowAbrv = new Array("op",    "ie",   "ns",       "mo",    "ns"   );
    var 
sInfo navigator.userAgent.toLowerCase();;

    
sBrowser "";
    for (var 
0aBrowFull.lengthi++){
     if ((
sBrowser == "") && (sInfo.indexOf(aBrowFull[i]) != -1)){
      
sBrowser aBrowAbrv[i];
      
sVersion String(parseFloat(sInfo.substr(sInfo.indexOf(aBrowVers[i]) + aBrowVers[i].length 1)));
     }
    }
   }

   
setBrowserType();

   function 
getBrowserName(){
    return 
sBrowser;
   }

   function 
getBrowserVersion(){
    return 
sVersion;
   }

  
</script>
 </head>
 <body>
  <script language="JavaScript">
   setBrowserType();
   document.write("Browser: " + getBrowserName() + "<br>");
   document.write("Versión: " + getBrowserVersion() + "<br><br>" );
  </script>
 </body>
</html> 

Por favor, cualquier observación sobre este script o cualquier reporte de uso, incluirlo en este mensaje.

epa2 30/01/2003 02:41

95.- Buscador Web en mi sitio

P: ¿Como pongo un buscador Web en mi sitio?

R: Con este código.

Creditos: No me acuerdo de donde lo bajé pero ahí pongo el autor. / Script by Jari Aarniala [www.mbnet.fi/~foo -- [email protected]]

Ver ejemplo: Pulsa aqui pecadoooorr

NOTA: Si este script estuviese repe, favor de hacermelo saber. Gracias.

Código:

<body>
<tr>
    <td width="100%">
    <p align="center">&nbsp;</td>
</tr>
<tr>
    <td width="100%">&nbsp;</td>
  </tr>
  <tr>
    <td width="100%" style="text-indent: 0" height="19">
    <span lang="es"><script language="JavaScript">
<!--

//
// Script by Jari Aarniala [www.mbnet.fi/~foo -- [email protected]]
//
// This script makes it easy to choose with which search engine
// you`d like to search the net. You may use this if you keep this
// text here...
//

function startSearch(){
searchString = document.searchForm.searchText.value;
if(searchString != ""){
searchEngine = document.searchForm.whichEngine.selectedIndex + 1;
finalSearchString = "";

if(searchEngine == 1){
finalSearchString = "http://www.altavista.digital.com/cgi-bin/query?pg=q&what=web&fmt=.&q=" + searchString;
}
if(searchEngine == 2){
finalSearchString = "http://av.yahoo.com/bin/query?p=" + searchString + "&hc=0&hs=0";
}
if(searchEngine == 3){
finalSearchString = "http://www.excite.com/search.gw?trace=a&search=" + searchString;
}
if(searchEngine == 4){
finalSearchString = "http://www.hotbot.com/?SW=web&SM=MC&MT=" + searchString + "&DC=10&DE=2&RG=NA&_v=2&act.search.x=89&act.search.y=7";
}
if(searchEngine == 5){
finalSearchString = "http://www.infoseek.com/Titles?qt=" + searchString + "&col=WW&sv=IS&lk=noframes&nh=10";
}
if(searchEngine == 6){
finalSearchString = "http://www.lycos.com/cgi-bin/pursuit?adv=%26adv%3B&cat=lycos&matchmode=and&query=" + searchString + "&x=45&y=11";
}
if(searchEngine == 7){
finalSearchString = "http://netfind.aol.com/search.gw?search=" + searchString + "&c=web&lk=excite_netfind_us&src=1";
}

location.href = finalSearchString;
}
}


// -->
    </script>

<basefont face="Verdana, Arial, sans-serif">

</span>

<form name="searchForm">

<div align="center">
  <center>

<table width=323 border="2" cellpadding=3 cellspacing=0 bgcolor=444444 style="border-collapse: collapse" bordercolor="#111111">

<tr>
<td bgcolor=lightblue width="148"><font size="1"><span lang="es">Buscar por:</span></font><font size=1 face="Verdana, Arial, sans-serif"><span lang="es"><br>

</span>
<td bgcolor=lightblue width="96"><font size="1"><span lang="es">Buscar desde:</span></font><span lang="es"><td bgcolor=lightblue width="90">

<tr>
<td bgcolor=navajowhite width="148">
<input style="background: dddddd" name="searchText" type="text" size="20">
<td bgcolor=navajowhite width="96">
<select style="background: dddddd" name="whichEngine">
<option selected>Altavista
<option>Yahoo!
<option>Excite
<option>Hotbot
<option>Infoseek
<option>Lycos
<option>AOL Netfind
</select>
<td bgcolor=navajowhite width="90">
<input type="button" value="Buscar " onClick="startSearch()">

</select>
</table>
  </center>
</div>
</form>

</span>&nbsp;</td>
  </tr>
</body>
</html>


JavierB 31/01/2003 11:40

96.- Quitar recuadro punteado de enlace

P: ¿Como puedo quitar el recuadro de puntos de un enlace activo?

R: Con este código.

Creditos: unKnown, con modificación de Caricatos para que funcione también en Netscape.
Código PHP:

<html>
<
head>
<
script language="JavaScript">
    function 
prende() {
    
anclas=document.getElementsByTagName("a").length;
    for (
i=0;i<anclas;i++)
    
document.getElementsByTagName("a").item(i).onfocus=new Function("if(this.blur)this.blur()")
    }
</script>
</head>

<body onLoad="prende()">
<a href="#">Enlace1</a> <a href="#">Enlace2</a> <a href="#">Enlace3</a> 
</body>
</html> 


Kaopectate 01/02/2003 22:20

97.- Impedir que lean el código fuente
 
P: ¿Como puedo impedir que lean el código de mi página?

Créditos: itatpc

R: Independientemente de mi posición ante la idea de programar para que otros no lean, publico esta solución que sin lugar a dudas es una "pregunta frecuente". El hilo original fué publicado por itatpc y en él se discuten algunas posibilidades adicionales de seguridad.

Añadir esta línea en alguna parte de la cabecera:

Código PHP:

<frame>
<
noframes>
</
frame>
</
noframes

NOTA: Yanix comenta lo siguiente:
Cita:

Recuerden que solamente sirve si graban la pagina como web page completa (la cual te graba los css, javascripts, etc).
Si le cambian el tipo al momento de guardarla a Web HTML only, ese snip no va a funcionar. (probado en IE 5.5)

KarlanKas 05/02/2003 03:25

98 (comete un bizcocho). Evitar que vuelvan a la página anterior.
 
P.-¿Cómo conseguir que no funcione el botón atrás del navegador?
R.- Con este código, que debes poner en la página anterior, por lo que sólo podrás evitar que vuelva atrás si la página anterior es tuya.

Código PHP:

<script>
//Script original de KarlanKas para forosdelweb.com

// /////////////// EN EL HEAD ///////////////////

if (history.forward(1)){location.replace(history.forward(1))}

</script> 


DanielRey 05/02/2003 06:45

99 - Poner texto vertical (sólo IE 5.0 +)
 
Poner texto vertical, al revés, rotarlo, que vuele, lo que quieras.

Para ver el original:
http://www.24fun.com/downloadcenter/...extwheel2.html
No te lo pierdas!!! es alucinante.

Código PHP:

<center>
<
OBJECT ID="pepe"
 
CLASSID="CLSID:369303C2-D7AC-11d0-89D5-00A0C90833E6"
 
STYLE="position:relative; width:300px; height:200 px">
        <
PARAM NAME="Line0001" VALUE="SetLineStyle(1)">
        <
PARAM NAME="Line0002" VALUE="SetLineColor(0,0,0)">
    <
PARAM NAME="Line0003" VALUE="SetFillColor(255,128,0)">
    <
PARAM NAME="Line0004" VALUE="SetFont('Arial', 20, 0, 0, 1, 0)">
    <
PARAM NAME="Line0005" VALUE="Text('Foros del Web', 0, 0, 0)">
    </
OBJECT>
<
script>
function 
eje1() {
  
pepe.Rotate(1500);
}

function 
eje2() {
  
pepe.Rotate(0150);
}

function 
eje3() {
  
pepe.Rotate(0015);
}
</script>
<input type=button onClick=eje1(); value="eje 1">
<input type=button onClick=eje2(); value="eje 2">
<input type=button onClick=eje3(); value="eje 3">
<!--
SetLineStyle(valor)
valor=0 => Sin línea de contorno de texto.
valor=1 => Línea continua
valor=2 => Linea discontinua

SetLineColor(R, G, B)
Intensidad del color (R=rojo, G=verde, B=azul)
de 0 a 255 de la linea de contorno de texto.

SetFillColor(R, G, B)
Intensidad del color (R=rojo, G=verde, B=azul)
del relleno del texto

SetFont('font', Tam, B, It, Sub, Tach)
font: Arial, Verdana, etcétera
Tam: El tamaño de la letra
B: 0=> Normal; 1=> Bold.
It: 0=> Normal; 1=> Itálica.
Sub: 0=> Normal; 1=> Subrayado
Tach: 0=> Normal; 1=> Tachado

Text('texto', H, V, R)
texto: El texto que se muestra
H: Posición horizontal inicial
V: Posición vertical inicial
R: Rotación plana inicial
--> 


Kaopectate 06/02/2003 09:31

100.- Usos del método open()
 
P: ¿Que atributos puedo usar en el método open()?

R: El método open() tiene la siguiente sintaxis: [Ver wizard]

Código:

open(sURL, sNombre, sAtributos, bHistoria);
Donde:

sURL: Indica la dirección de la página a abrir.
sNombre: Nombre de la ventana (util para abrir una segunda dirección sobre la misma ventana.
sAtributos: Definidos posteriormente.
bHistoria: Si la nueva dirección se abre sobre una ventana existente, este indicador dice si debe o no añadirse al historial.

Lista de atributos utilizables en el método open (actualizada con indicadores de compatibilidad hasta NS-4 e IE-5).

Atributo: alwaysLowered (NS-4)
Valor: Se usa sin igualarlo a ningún valor
Notas: Indica que la ventana debería permanecer siempre al final de la pila de ventanas.

Atributo: alwaysRaised (NS-4)
Valor: Se usa sin igualarlo a ningún valor
Notas: Indica que la ventana debería permanecer siempre en el tope de la pila de ventanas.

Atributo: channelMode (IE-4)
Valor: Se usa sin igualarlo a ningún valor
Notas: Indica si la ventana deberá ser presentada en modo "Channel".

Atributo: dependent (NS-4)
Valor: Yes/No
Notas: Si una ventana es no dependiente, podrá sobrevivir luego de que su creador sea cerrado.

Atributo: directories (NS-4)
Valor: Yes/No
Notas: Controla la apariencia del toolbar personal de Netscape.

Atributo: fullscreen (IE-4)
Valor: Se usa sin igualarlo a ningún valor
Notas: Bajo Windows, MSIE llena la pantalla con la ventana.

Atributo: height (NS-2,IE-4)
Valor: Número.
Notas: Altura de la ventana.

Atributo: hotkeys (NS-4)
Valor: Yes/No
Notas: Colocando este valor a "no", deshabilitará la mayoría de los shortcuts de teclado aparte de la opción quit.

Atributo: innerHeight (NS-4)
Valor: Número.
Notas: Ajusta la altura interna de la ventana al valor dado.

Atributo: innerWidth (NS-4)
Valor: Número.
Notas: Ajusta el ancho interno de la ventana al valor dado.

Atributo: left (NS-4,IE-4)
Valor: Número.
Notas: Posición izquierda de la ventana.

Atributo: location (NS-2,IE-4)
Valor: Yes/No.
Notas: Barra de direcciones visible/invisible.

Atributo: menubar (NS-2)
Valor: Yes/No.
Notas: Barra de menú visible/invisible.

Atributo: outerHeight (NS-4)
Valor: Número.
Notas: Ajusta la altura externa de la ventana al valor dado.

Atributo: outerWidth (NS-4)
Valor: Número.
Notas: Ajusta el ancho externo de la ventana al valor dado.

Atributo: resizable (NS-2,IE-4)
Valor: Yes/No.
Notas: La ventana puede o no ser cambiada de tamaño.

Atributo: screenX (NS-4)
Valor: Número.
Notas: Nombre alterno para la posición izquierda de la ventana.

Atributo: screenY (NS-4)
Valor: Número.
Notas: Nombre alterno para la posición superior de la ventana.

Atributo: scrollbars (NS-2,IE-4)
Valor: Yes/No.
Notas: Pueden o no ser mostradas las barras de desplazamiento.

Atributo: status (NS-2,IE-4)
Valor: Yes/No.
Notas: Debe o no ser mostrada las barra de estado.

Atributo: toolbar (NS-2,IE-4)
Valor: Yes/No.
Notas: Debe o no ser mostrada las barra de herramientas.

Atributo: top (NS-4,IE-4)
Valor: Número.
Notas: Posición superior de la ventana.

Atributo: width (NS-2,IE-4)
Valor: Número.
Notas: Ancho de la ventana.

Atributo: z-lock (NS-4)
Valor: Se usa sin igualarlo a ningún valor
Notas: Indica que la ventana debería estar en una posición fija en la pila de ventanas.


Lanzando PopUps con JavaScript:

Si deseas conocer el modo correcto de abrir un popup usando JavaScript, te recomendamos este artículo (tomado de esta discusión). Creditos: ferent.


Algunos ejemplos frecuentes:

- Abrir una ventana en una ubicación específica:
open("ventana.htm", "nombre", "left=100,top=100,width=600,height=400");

- Abrir una ventana sin barra de herramientas, sin barra de dirección, sin barras de desplazamiento, sin barra de estatus:
open("ventana.htm", "nombre", "location=no,menubar=no,scrollbars=no,status=n o");

- Abrir una ventana fullscreen (solo Internet Explorer):
open("ventana.htm", "nombre", "fullscreen");

Para observaciones, actualizaciones o correcciones sobre este tema por favor ir al siguiente hilo.


La zona horaria es GMT -6. Ahora son las 02:41.

Desarrollado por vBulletin® Versión 3.8.7
Derechos de Autor ©2000 - 2024, Jelsoft Enterprises Ltd.