Dreamweaver

Estoy haciendo una página web con dreamweaver y quiero hacer un hipervínculo popup desde una imagen, se que es muy fácil pero lo e buscado y no lo encuentro

2 Respuestas

Respuesta
1
Aquí te mando un ejemplo de como hacer un pop-up; mira, lo irimero que hay que hacer es generar un archivo llamado "código.js"
Para hacerlo, abre un nuevo documento de texto, y pegas lo siguiente:
function openPopup(page, width, height, target, top, left, wName, resize) {
if (top == null || left == null) {
var str = "width="+width+",height="+height+",scrollbars=no,status=no,toolbar=no,menubar=no";
}
else {
var str = "width="+width+",height="+height+",left="+left+",top="+top+",scrollbars=yes,status=no,toolbar=no,menubar=no";
}
if( resize )
str = str + ",resizable=yes";
// Replacing any # in GET params
var page_url_parsed = "";
var questionMarkFound = "false";
for (i = 0; i < page.length; i++) {
if (questionMarkFound == "false") {
if (page.charAt(i) == "?") {
questionMarkFound = "true";
}
page_url_parsed += page.charAt(i);
} else {
if (page.charAt(i) == "#") {
page_url_parsed += "%23";
} else {
page_url_parsed += page.charAt(i);
}
}
}
var wTmp = window.open(page_url_parsed, target, str);
wTmp.focus();
if (wName) {
eval(wName + " = wTmp;");
}
}
Guardas el documento como "código.txt" y posteriormente cambia la terminación del archivo, desde windows o ms-dos, como te acomodes.
Después, en tu página web, desde el código fuente agrega un link semejante a lo siguiente:
<a href="javascript:openPopup('ubicacion/index.html?navigationMode=popup', 450, 560);" class="infer">Mapa
de Ubicación</a>
Las variables en este script son las dimensiones del pop-up, la ubicación del archivo:
javascript:openPopup('CARPETA/ARCHIVO.html?navigationMode=popup', DIMENSIONX, DIMENSIONY);
Y ya con esto lograrás que se abra una nueva ventana, al ser presionado un link.
Saludos cordiales.
Respuesta
1
Puedes escribir el siguiente código en HTML:
<p><a target="_blank" href="http://www.terra.es">
<img border="0" src="file:///c:\directorio\imagen" width="259" height="208"></a></p>

Añade tu respuesta

Haz clic para o

Más respuestas relacionadas