Foros del Web » Programando para Internet » Javascript »

Preguntilla Facil Sobre Ventanas Secundarias

Estas en el tema de Preguntilla Facil Sobre Ventanas Secundarias en el foro de Javascript en Foros del Web. Buenas, encontré esta página por casualidad y la verdad es que no se porque no la he buscado antes o similares. Me estuve mirando lo ...
  #1 (permalink)  
Antiguo 09/04/2002, 16:53
gda
 
Fecha de Ingreso: abril-2002
Mensajes: 10
Antigüedad: 22 años
Puntos: 0
Preguntilla Facil Sobre Ventanas Secundarias

Buenas, encontré esta página por casualidad y la verdad es que no se porque no la he buscado antes o similares. Me estuve mirando lo de abrir ventanas secundarias, cosa que en HTML se hacer pero en javascript no y una vez lo vi resultó fácil pero mi pregunta es si puedo tener en un mismo documento 2 o más enlaces a dos o más ventanas secundarias y poder configurar cada una de un tamaño diferente, es que lo hago y me salen las dos con el mismo tamaño.
Bueno un saludo y gracias.
  #2 (permalink)  
Antiguo 09/04/2002, 22:05
Avatar de Kaopectate
Colaborador
 
Fecha de Ingreso: diciembre-2001
Ubicación: Curaçao (Antillas Holandesas)
Mensajes: 3.179
Antigüedad: 22 años, 4 meses
Puntos: 38
Re: Preguntilla Facil Sobre Ventanas Secundarias

La idea es muy sencilla, con el siguiente ejemplo puedes abrir una ventana nueva cada vez que presiones un botón. Puedes notar que cada ventana aparece 50 puntos mas abajo y mas a la derecha.

Suerte.
  #3 (permalink)  
Antiguo 09/04/2002, 22:06
Avatar de Kaopectate
Colaborador
 
Fecha de Ingreso: diciembre-2001
Ubicación: Curaçao (Antillas Holandesas)
Mensajes: 3.179
Antigüedad: 22 años, 4 meses
Puntos: 38
Re: Preguntilla Facil Sobre Ventanas Secundarias

Hay un pequeño detalle que olvidé añadir...

Código:
<html>
 <head>
  <script languaje="JavaScript">

   var nPop = 0;

   function nuevaVentana(){
    var oPop = window.open();
    oPop.document.open();
    oPop.document.write("<html>");
    oPop.document.write("<head>");
    oPop.document.write("</head>");
    oPop.document.write("<body onload='javascript:window.moveTo(" + nPop + "," + nPop + "); window.resizeTo(100, 100)'>");
    oPop.document.write("</body>");
    oPop.document.write("</html>");
    oPop.document.close();
    nPop += 50;
   }
  </script>
 </head>
 <body>
  <form name="formulario">
   <input type="button" name="boton" onclick="nuevaVentana()" value="Nuevo PopUp">
  </form>
 </body>
</html>
Saludos.
  #4 (permalink)  
Antiguo 10/04/2002, 17:29
gda
 
Fecha de Ingreso: abril-2002
Mensajes: 10
Antigüedad: 22 años
Puntos: 0
Re: Preguntilla Facil Sobre Ventanas Secundarias

En primer lugar agradecerte mucho el que me hayas contestado y que sepas que si va lo que me dices, pero hay un problemilla y es que no es justo a lo que yo me refería. A lo mejor me confundí yo con el término de javascript (y lo que preciso no es exclusivamente eso, no se muy bien) y es que con lo que tu me dices, lo que me sale para el enlace es un botón y yo lo que quiero es poner texto y que picando en dicho texto me salga la ventana cuyo tamaño yo decido (y así unas cuantas más). Además que me indicaras bien donde se pone el enlace y el tamaño y todo eso. Lo que quiero que me salga son fotos en esa página (por si acaso).
Muchas gracias de todas formas por lo otro. Un saludo.
  #5 (permalink)  
Antiguo 10/04/2002, 17:55
Avatar de tunait
Moderadora
 
Fecha de Ingreso: agosto-2001
Ubicación: Terok Nor
Mensajes: 16.805
Antigüedad: 22 años, 8 meses
Puntos: 381
Re: Preguntilla Facil Sobre Ventanas Secundarias

hola, gda,

bueno, entonces puedes usar el código tal y como te sugiere Kaopectate y al final cambiar los siguiente:

<form name="formulario">
<input type="button" name="boton" onclick="nuevaVentana()" value="Nuevo PopUp">
</form>

Por:
<a href="javascript:nuevaVentana()"> Texto del enlace </a>

:)
  #6 (permalink)  
Antiguo 10/04/2002, 18:59
Avatar de Kaopectate
Colaborador
 
Fecha de Ingreso: diciembre-2001
Ubicación: Curaçao (Antillas Holandesas)
Mensajes: 3.179
Antigüedad: 22 años, 4 meses
Puntos: 38
Re: Preguntilla Facil Sobre Ventanas Secundarias

Hola gda:

Es correcto lo que te dice tunait, mas tarde, cuando pueda entrar con mas calma, te escribo un ejemplo completo con lo que interpreto que quieres.

Saludos.
  #7 (permalink)  
Antiguo 10/04/2002, 19:11
gda
 
Fecha de Ingreso: abril-2002
Mensajes: 10
Antigüedad: 22 años
Puntos: 0
Re: Preguntilla Facil Sobre Ventanas Secundarias

Jeje, que lio, lo que quiero es un enlace a una ventanita nueva, dicha ventana con un tamaño x y luego otro enlace a otra ventana con un tamaño y, y así sucesivamente, no un enlace al cual si le doy me van saliendo ventanas nuevas.
El único fallo con respecto a la explicación que hay en la sección "colección de scripts"/Ventanas secundarias, es que le pongo a cada ventana un tamaño diferente y me salen todas con el mismo tamaño. Tenré que cambiar algo, para que me identifique la ventana?.
(porfa echadle una ojeada al articulo que os digo que es mu cortito).

GRACIAS A TODOS (menuda paciencia teneis).Un saludo.
  #8 (permalink)  
Antiguo 10/04/2002, 19:13
gda
 
Fecha de Ingreso: abril-2002
Mensajes: 10
Antigüedad: 22 años
Puntos: 0
Re: Preguntilla Facil Sobre Ventanas Secundarias

Acabo de leer tu mensaje, de acuerdo y muchas gracias por tu ayuda. Un saludo.
  #9 (permalink)  
Antiguo 10/04/2002, 20:48
Avatar de adex  
Fecha de Ingreso: marzo-2002
Ubicación: Lima, Perú, América Latina
Mensajes: 445
Antigüedad: 22 años, 1 mes
Puntos: 0
Re: Preguntilla Facil Sobre Ventanas Secundarias

hola GDA creo hacer un poco de adivinanza para dar con tu &quot;?&quot;.... pero me diste una idea cuando dijiste que querias poner fotos, y yo utilizo esto para mi Site. y es muy bueno y personalizado podes poner los tamaños de ventanas que te pegan en gusto [como la fuente es un po co grande y con fotos que te sirve de ejemplo, te dejo aca] http://www.geocities.com/moyobambavirtual/index_gda.htm <a href='ir.asp?http://www.geocities.com/moyobambavirtual/index_gda.htm' target='_blank'>http://www.geocities.com/moyobambavirtua...</a> ;) Pd: perdoname la rapidez...
  #10 (permalink)  
Antiguo 10/04/2002, 23:28
Avatar de Kaopectate
Colaborador
 
Fecha de Ingreso: diciembre-2001
Ubicación: Curaçao (Antillas Holandesas)
Mensajes: 3.179
Antigüedad: 22 años, 4 meses
Puntos: 38
Re: Preguntilla Facil Sobre Ventanas Secundarias

Pruébalo asi:

Código:
&lt;html&gt;
 &lt;head&gt;
  &lt;script languaje=&quot;JavaScript&quot;&gt;

   var nPop = 0;

   function nuevaVentana(){
    var sImg = document.formulario.imagen.value;
    var nAncho = document.formulario.ancho.value;
    var nAlto = document.formulario.alto.value;
    var oPop = window.open();
    oPop.document.open();
    oPop.document.write(&quot;&lt;html&gt;&quot;);
    oPop.document.write(&quot;&lt;head&gt;&quot;);
    oPop.document.write(&quot;&lt;script language='JavaScript'&gt;&quot;);
    oPop.document.write(&quot;function popUp0(){&quot;);
    oPop.document.write(&quot;moveTo(&quot; + nPop + &quot;,&quot; + nPop + &quot;);&quot;);
    oPop.document.write(&quot;resizeTo(&quot; + nAncho + &quot;, &quot; + nAlto + &quot;);}&quot;);
    oPop.document.write(&quot;&lt;/&quot; + &quot;script&gt;&quot;);
    oPop.document.write(&quot;&lt;/head&gt;&quot;);
    oPop.document.write(&quot;&lt;body onload='popUp0()'&gt;&quot;);
    oPop.document.write(&quot;&lt;img src='&quot; + sImg + &quot;'&gt;&quot;);
    oPop.document.write(&quot;&lt;/body&gt;&quot;);
    oPop.document.write(&quot;&lt;/html&gt;&quot;);
    oPop.document.close();
    nPop += 50;
   }
  &lt;/script&gt;
 &lt;/head&gt;
 &lt;body&gt;
  &lt;form name=&quot;formulario&quot;&gt;
   Imagen: 
   &lt;input type=&quot;text&quot; name=&quot;imagen&quot;&gt;&lt;br&gt;
   Ancho:
   &lt;input type=&quot;text&quot; name=&quot;ancho&quot;&gt;&lt;br&gt;
   Alto:
   &lt;input type=&quot;text&quot; name=&quot;alto&quot;&gt;&lt;br&gt;&lt;br&gt;
   &lt;input type=&quot;button&quot; name=&quot;boton&quot; onclick=&quot;nuevaVentana()&quot; value=&quot;Nuevo PopUp&quot;&gt;
  &lt;/form&gt;
 &lt;/body&gt;
&lt;/html&gt;
Suerte.
  #11 (permalink)  
Antiguo 11/04/2002, 01:46
Avatar de Kaopectate
Colaborador
 
Fecha de Ingreso: diciembre-2001
Ubicación: Curaçao (Antillas Holandesas)
Mensajes: 3.179
Antigüedad: 22 años, 4 meses
Puntos: 38
Re: Preguntilla Facil Sobre Ventanas Secundarias

En general, a la función nuevaVentana le puedes poner tres parámetros para que la llames de una vez con la dirección de la imagen, el ancho y el alto. El ejemplo lo hice para que puedas escribir distintos valores y puedas ver los resultados.

Si vas a usar parámetros, cambia el inicio de la función por:

Código:
function nuevaVentana(sImg, nAncho, nAlto){
 var oPop = window.open();
 (...)
Cualquier cosa avisa.
  #12 (permalink)  
Antiguo 11/04/2002, 14:56
gda
 
Fecha de Ingreso: abril-2002
Mensajes: 10
Antigüedad: 22 años
Puntos: 0
Re: Preguntilla Facil Sobre Ventanas Secundarias

Hola a todos, muchas gracias por vuestras inmediatas respuestas y la verdad es que tengo que probar las nuevas que me habeis dado pero he visto la de adex y me ha gustado mucho, pero aun asi las mirare todas. Un saludo.
  #13 (permalink)  
Antiguo 11/04/2002, 15:53
Avatar de adex  
Fecha de Ingreso: marzo-2002
Ubicación: Lima, Perú, América Latina
Mensajes: 445
Antigüedad: 22 años, 1 mes
Puntos: 0
Re: Preguntilla Facil Sobre Ventanas Secundarias

de nada
  #14 (permalink)  
Antiguo 11/04/2002, 18:51
gda
 
Fecha de Ingreso: abril-2002
Mensajes: 10
Antigüedad: 22 años
Puntos: 0
Re: Preguntilla Facil Sobre Ventanas Secundarias

Hola adex, una preguntilla más y creo que ya nada más de momento, jeje. En lo que tu me dices, lo he hecho y me sale bien. Para muchas fotos, lo único que tengo que ir poniendo son llamadas a la función, eso si, pero como haría para que cada ventana tuiera un titulo diferente?. Me he fijado que tu usas el mismo para todas y me pregunto si para que cada una tenga uno diferente tengo que copiar todo de nuevo.
Venga un saludo. Chao.
  #15 (permalink)  
Antiguo 12/04/2002, 14:18
Avatar de adex  
Fecha de Ingreso: marzo-2002
Ubicación: Lima, Perú, América Latina
Mensajes: 445
Antigüedad: 22 años, 1 mes
Puntos: 0
Re: Preguntilla Facil Sobre Ventanas Secundarias

hola :: GDA :: , bien que te haya gustado, muy aparte que es &quot;refacil&quot;, Como te habras dado cuenta, todos los Link a las fotos abren en un mismo evento pre-definido en el -HEAD- por lo tanto utilizan el mismo &quot;Title&quot; del JS, de lo contrario harian conflicto, lo poco que pueda hacer es
ver si alguien nos echa una mano en esto no? Saludos..
  #16 (permalink)  
Antiguo 12/04/2002, 14:23
gda
 
Fecha de Ingreso: abril-2002
Mensajes: 10
Antigüedad: 22 años
Puntos: 0
Re: Preguntilla Facil Sobre Ventanas Secundarias

Buenas, pues tu lo has dicho, esperemos que alguien nos eche una mano. Un saludo.
  #17 (permalink)  
Antiguo 12/04/2002, 17:09
Avatar de caricatos
Moderador
 
Fecha de Ingreso: abril-2002
Ubicación: Torremolinos (Málaga)
Mensajes: 19.607
Antigüedad: 22 años
Puntos: 1284
Re: Preguntilla Facil Sobre Ventanas Secundarias

Hola:
Aunque llegue un poco tarde, creo poder ayudar...
Usando window.open se ponen tres parámetros y sirven para:
1º. el título de la ventana
2º. el frame o marco
3º. los valores secundarios (ancho, alto, con barras de desplazamiento, etc...

Si quieres que se titule por ejemplo:
www.sucaricatura.com (es mi página) debes ponerlo al principio.
Si el marco es &quot;ventana&quot;, y no quieres barra de menú, debes poner:
window.open(&quot;www.sucaricatura.com&quot;, &quot;ventana&quot;, &quot;menubar=no&quot;)
Espero que te sirva...
  #18 (permalink)  
Antiguo 12/04/2002, 18:50
Avatar de caricatos
Moderador
 
Fecha de Ingreso: abril-2002
Ubicación: Torremolinos (Málaga)
Mensajes: 19.607
Antigüedad: 22 años
Puntos: 1284
Re: Preguntilla Facil Sobre Ventanas Secundarias

Hola:
He visto que me equivocado en algo anteriormente y quiero corregir...
El primer valor del &quot;open&quot; es la página que se quiere abrir: &quot;xxx.html&quot; ó &quot;&quot; o &quot;about:blank&quot; (aunque las dos cosas últimas son iguales) y dentro de la página que se abra debe estar la etiqueta &lt;title&gt; dentro de la cabecera &lt;head&gt; con lo que quieras que aparezca como título. Si no pones nada, aparecerá la dirección de la página. Si la página no existe, tienes que llenarla...
  #19 (permalink)  
Antiguo 12/04/2002, 19:00
Avatar de adex  
Fecha de Ingreso: marzo-2002
Ubicación: Lima, Perú, América Latina
Mensajes: 445
Antigüedad: 22 años, 1 mes
Puntos: 0
Re: Preguntilla Facil Sobre Ventanas Secundarias

por ejemplo?
[........]var intContador= 0;
function ExpandUse05(strImage, intHeight, intWidth) {
intContador++;
intHeight2 = intHeight + 20
intWidth2 = intWidth + 6
ImageNew = window.open(&quot;&quot;,&quot;Imagenes&quot; + intContador,&quot;toolbar=no,location=no,directori es=no,status=no, menubar=no,scrollbars=no,resizable=no,width=&quot; + intWidth2 + &quot;,height=&quot; + intHeight2);
ImageNew.document.writeln('&lt;html&gt;');
ImageNew.document.writeln('&lt;head&gt;');
ImageNew.document.writeln('&lt;title&gt;Galeria de Fotos - Adex ::: &lt;/title&gt;');
ImageNew.document.writeln('&lt;style type=&quot;text/css&quot;&gt;');
ImageNew.document.writeln('a { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12pt; font-style: normal; line-height: normal; font-weight: bold; font-variant: normal; text-transform: uppercase; color: #FFFFFF; text-decoration: none}');
ImageNew.document.writeln('&lt;/style&gt;');
ImageNew.document.writeln('&lt;/head&gt;');
ImageNew.document.writeln('&lt;body [........] como sería? ;)
  #20 (permalink)  
Antiguo 12/04/2002, 19:34
Avatar de tunait
Moderadora
 
Fecha de Ingreso: agosto-2001
Ubicación: Terok Nor
Mensajes: 16.805
Antigüedad: 22 años, 8 meses
Puntos: 381
Re: Preguntilla Facil Sobre Ventanas Secundarias

Buenas,

si no he entendido mal quieres poner en cada ventana un titulo diferente dependiendo de la foto que muestre.

En el script habrías de añadir algo en esta linea:
ExpandUse05(strImage, intHeight, intWidth,titulo ) {


Y luego en esta modificar lo siguiente:

ImageNewdocument.writeln('&lt;title&gt;'+titulo +'&lt;/title&gt;');

Y luego cuando sea llamada la función desde cada enlace de la página habrás de añadir un cuarto argumento que será el titulo:

&lt;a href=&quot;javascript:ExpandUse05('directorio/imagen.jpg',400,250,'Aqui pongo mi titulo' )&quot;&gt;

No lo he probado porque es mucho lio pero no debería dar problemas y funcionar bien.

suerte
  #21 (permalink)  
Antiguo 12/04/2002, 19:40
Avatar de tunait
Moderadora
 
Fecha de Ingreso: agosto-2001
Ubicación: Terok Nor
Mensajes: 16.805
Antigüedad: 22 años, 8 meses
Puntos: 381
Re: Preguntilla Facil Sobre Ventanas Secundarias

... me cachis me dejé un punto en una línea:

ImageNew. document.writeln('&lt;title&gt;'+titulo +'&lt;/title&gt;');
  #22 (permalink)  
Antiguo 12/04/2002, 20:11
Avatar de adex  
Fecha de Ingreso: marzo-2002
Ubicación: Lima, Perú, América Latina
Mensajes: 445
Antigüedad: 22 años, 1 mes
Puntos: 0
Re: Preguntilla Facil Sobre Ventanas Secundarias

[GDA] ahi tienes un regalo de [Tunait] y fuanciona a maravillas, creo que es el desenlace final que buscabas. saludos, [salvo error u omision]
  #23 (permalink)  
Antiguo 13/04/2002, 07:59
gda
 
Fecha de Ingreso: abril-2002
Mensajes: 10
Antigüedad: 22 años
Puntos: 0
Re: Preguntilla Facil Sobre Ventanas Secundarias

Miradlo
&lt;HTML&gt;
&lt;HEAD&gt;
&lt;SCRIPT language=JavaScript&gt;
var intContador= 0;
function ExpandUse05(strImage, intHeight, intWidth, titulo) {
intContador++;
intHeight2 = intHeight + 20
intWidth2 = intWidth + 6
ImageNew = window.open(&quot;&quot;,&quot;Imagenes&quot; + intContador,&quot;toolbar=no,location=no,directori es=no,status=no, menubar=no,scrollbars=no,resizable=no,width=&quot; + intWidth2 + &quot;,height=&quot; + intHeight2);
ImageNew.document.writeln('&lt;html&gt;');
ImageNew.document.writeln('&lt;head&gt;');
ImageNew.document.writeln('&lt;title&gt;'+titulo +'&lt;/title&gt;');
ImageNew.document.writeln('&lt;style type=&quot;text/css&quot;&gt;');
ImageNew.document.writeln('a { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12pt; font-style: normal; line-height: normal; font-weight: bold; font-variant: normal; text-transform: uppercase; color: #FFFFFF; text-decoration: none}');
ImageNew.document.writeln('&lt;/style&gt;');
ImageNew.document.writeln('&lt;/head&gt;');
ImageNew.document.writeln('&lt;body marginheight=&quot;0&quot; marginwidth=&quot;0&quot; leftmargin=&quot;0&quot; topmargin=&quot;0&quot; bgcolor=&quot;#FFFFFF&quot;&gt;');
ImageNew.document.writeln('&lt;table width=&quot;100%&quot; border=&quot;1&quot; cellpadding=&quot;0&quot; cellspacing=&quot;0&quot; align=&quot;center&quot; bordercolor=&quot;#8098CB&quot; bordercolordark=&quot;#8098CB&quot; bordercolorlight=&quot;#8098CB&quot;&gt;');
ImageNew.document.writeln('&lt;tr&gt;');
ImageNew.document.writeln('&lt;td align=&quot;center&quot; valign=&quot;center&quot;&gt;&lt;img src=&quot;' + strImage + '&quot; border=&quot;0&quot;&gt;&lt;/td&gt;');
ImageNew.document.writeln('&lt;/tr&gt;');
ImageNew.document.writeln('&lt;tr bgcolor=&quot;#8098CB&quot;&gt; ');
ImageNew.document.writeln('&lt;td&gt; &lt;p align=&quot;right&quot;&gt;&lt;a href=&quot;Javascript:window.close()&quot;&gt;&lt; font size=&quot;1&quot; face=&quot;verdana&quot;&gt;CERRAR VENTANA&lt;/font&gt;&lt;/a&gt;&lt;/p&gt;&lt;/td&gt;');
ImageNew.document.writeln('&lt;/tr&gt;');
ImageNew.document.writeln('&lt;/table&gt;');
ImageNew.document.writeln('&lt;td&gt; ¡¡¡ Espere un momento ... &lt;/td&gt;');
ImageNew.document.writeln('&lt;/body&gt;');
ImageNew.document.writeln('&lt;/html&gt;');
}
&lt;/HEAD&gt;
&lt;BODY&gt;
&lt;BR&gt;&lt;BR&gt;
&lt;A HREF=&quot;javascript:ExpandUse05('directorio/imagen1.jpg',280,510,'Aqui pongo mi titulo 1')&quot;&gt; Foto 1 &lt;/A&gt;
  #24 (permalink)  
Antiguo 13/04/2002, 08:03
gda
 
Fecha de Ingreso: abril-2002
Mensajes: 10
Antigüedad: 22 años
Puntos: 0
Re: Preguntilla Facil Sobre Ventanas Secundarias

Buenas, os he mandado eso primero porque hay límite de palabras.
Lo he probado y resulta que no me salen ni los enlaces, y no se porque.

Hay un fallo y es que tanto la dirección de la foto que pongo como el titulo va entre comillas sencillas y no dobles, pero me confundi al ponerlo aqui,pero aun asi no va.

Seguro que he metido la gamba en alguna tonteria, casi fijo. A ver si podeis echarme una mano más que ya casi lo tennemos. Un saludo.
  #25 (permalink)  
Antiguo 13/04/2002, 08:20
gda
 
Fecha de Ingreso: abril-2002
Mensajes: 10
Antigüedad: 22 años
Puntos: 0
Re: Preguntilla Facil Sobre Ventanas Secundarias

NADA QUE YA ESTA QUE SE ME HABIA OLVIDADO EL &lt;/SCRIPT&gt; SI ES QUE YO ESTOY *****.

PUES MUCHAS GRACIAS A TODOS,QUE SALE LO QUE YO QUERIA Y YA NOS SEGUIREMOS VIENDO POR AKI, K SEGURO QUE SE ME OCURREN MÁS PREGUNTAS. UN SALUDO.
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 06:10.