Como hacer un link DW

mikid · #1 (**permalink**) 25/03/2009, 19:41

Hola a todos!!
Quiero hacer un link haciendo clic en un boton o una imagen o un texto y al hacer clic que se habra una pagina pequeña con dimensiones limitadas así como se muestra en el siguiente vinculo : hotelbugambilias.com.mx/index2

Si le dan clic en una de las fotitos de las habitaciones se habre un link ---- "ese tipo de link como se hace por favor.

Estoy trabajando con Dreamweaver cs3 debe ser algo muy sencillo pero no tengo ni idea, ojala me haya dado a entender.
Muchas gracias y saludos a todos.

elbuensaint · #2 (**permalink**) 25/03/2009, 20:05

te pongo el mismo codigo que utilizan en esa web:

Código HTML:

<script language="JavaScript">
<!--
function FP_openNewWindow(w,h,nav,loc,sts,menu,scroll,resize,name,url,c) {//v1.0
 var windowProperties=''; if(nav==false) windowProperties+='toolbar=no,'; else
  windowProperties+='toolbar=yes,'; if(loc==false) windowProperties+='location=no,'; 
 else windowProperties+='location=yes,'; if(sts==false) windowProperties+='status=no,';
 else windowProperties+='status=yes,'; if(menu==false) windowProperties+='menubar=no,';
 else windowProperties+='menubar=yes,'; if(scroll==false) windowProperties+='scrollbars=no,';
 else windowProperties+='scrollbars=yes,'; if(resize==false) windowProperties+='resizable=no,';
 else windowProperties+='resizable=yes,'; if(w!="") windowProperties+='width='+w+',';
 if(h!="") windowProperties+='height='+h; if(windowProperties!="") { 
  if( windowProperties.charAt(windowProperties.length-1)==',') 
   windowProperties=windowProperties.substring(0,windowProperties.length-1); } 
 newwindow=window.open(url,name,windowProperties);
 newwindow.onload = newwindow.document.bgColor = c;

}

// -->
</script>

esto creo yo deberia ir entre las etiquetas de <head> y </head>, aunque ahi lo tienen entre </head> y <body>

y para mostrar el link algo asi:

Código HTML:

<img src="imagen.jpg" border="0"  style="cursor:hand" onclick="FP_openNewWindow('332', '330', false, false, false, false, false, false, '', /*href*/'url_que_quieras.htm','#ffffff')"></A>

los primeros numeros son el ancho y el alto, ahi configuras cuanto quieres que mida, los demas "false" son el toolbar de navegacion, la locacion, status, barra de menu, barras de scroll y redimensionable (si se le puede cambiar el tamaño) cambialas a true o dejalas en false segun te convenga... con mirar un poco el codigo entiendes el funcionamiento

Nota: Lo saque directamente del codigo fuente del sitio que has dejado, no lo he probado, pero deberia funcionar correctamente.
Cualquier duda intentare ayudarte

mikid · #3 (**permalink**) 25/03/2009, 23:57

Muchaas Gracias hermano

Funcionó a la perfección.