Los visitantes de nuestra pagina tendrán la posibilidad de escoger la forma de abrir los enlaces externos que tenga nuestra web, para esto utilizaremos un script y un codigo que podremos colocar donde queramos mostrar la casilla
para que nuestro visitante tenga la posibilidad de elegir, con solo seleccionar .
Lo primero, copiaremos este script en el block de notas:
Código: <!--
/*
Link Target Preferences v.1.1
http://www.noscope.com/journal/2004/10/link-target-preferences
*/
// BEGIN Configuration
// estas URLs seran consideradas internas y se ignoraran
var url_1 = "http://didita9.es.tl";
var url_2 = "http://www.google.com";
// Preferencia por defecto:
// El valor "true" abre los enlaces en nueva ventana por defecto, "false" los abre en la misma
var open_blank_default = true;
// Titulo Web - se usa solo para no crear interfencian con las cookies
// No espacios, ni caracteres especiales
var site_title = "DiseñosIceBlue";
// FIN configuracion
// Cookie Functions
function createCookie(name,value,days) {
if (days) {
var date = new Date();
date.setTime(date.getTime()+(days*24*60*60*1000));
var expires = "; expires="+date.toGMTString();
}
else var expires = "";
document.cookie = name+"="+value+expires+"; path=/";
}
function readCookie(name) {
var nameEQ = name + "=";
var ca = document.cookie.split(';');
for(var i=0;i < ca.length;i++) {
var c = ca[i];
while (c.charAt(0)==' ') c = c.substring(1,c.length);
if (c.indexOf(nameEQ) == 0) return c.substring(nameEQ.length,c.length);
}
return null;
}
function eraseCookie(name) {
createCookie(name,"",-1);
}
// Checkbox Loader
function loadLinkPrefs () {
if (readCookie(site_title+"_linkprefs_cookie")) {
initVal = readCookie(site_title+"_linkprefs_cookie"); // Load cookied preference
} else {
createCookie(site_title+"_linkprefs_cookie", true, 20000)
initVal = open_blank_default; // If no cookie is set
}
openBlank = initVal;
setCheckbox(eval(initVal))
}
// Set Checkbox State
function setCheckbox(state) {
openBlank = state;
document.getElementById('linkprefs').checked = state;
setTargets();
createCookie(site_title+"_linkprefs_cookie", state, 20000)
}
// Configure Link Targets
function setTargets() {
var link, l = 0;
if (openBlank == true) {
while (link = document.links[l++]) {
// Open in _blank, except all links starting with...
if (link.href.indexOf(url_1) == -1 && link.href.indexOf(url_2) == -1 && link.href.indexOf('javascript') == -1) link.target = '_blank';
}
} else {
while (link = document.links[l++]) {
// Open in _top, except all links starting with...
if (link.href.indexOf(url_1) == -1 && link.href.indexOf(url_2) == -1 && link.href.indexOf('javascript') == -1) link.target = '_top';
}
}
}
// Event Listener, by Scott Andrew
function addEvent(obj, evType, fn) {
if (obj.addEventListener) {
obj.addEventListener(evType, fn, true);
return true;
} else if (obj.attachEvent) {
var r = obj.attachEvent('on'+evType, fn);
return r;
} else {
return false;
}
}
//-->
Bien , cuando lo hayan copiado y pegado en el bock de notas, deben editarlo en las 2 partes que estan resaltadas, o sea, donde esta la url de mi web que es esta: http://didita9.es.tl, deben colocar la url de su pagina, y donde esta el titulo de mi web , o sea DiseñosIceBlue, deben colocar el titulo de su pagina.
Luego de que lo hayan editado, lo guardaran con este nombre y esta extension: linkpref.js y luego lo subiran en su servicio de alojamiento,puede ser yahoo geocities, o skydrive
o google pages.
Cuando tengan ya la url de ese archivo (linpref.js) la copiaran dentro de el sgte codigo que insertaran en el box TEXTO POR DEBAJO DE LA PAGINA
Código: <script src='AQUI LA URL DEL JS'></script>
Luego de que ya lo hayan insertado, solo tendran que copiar y pegar este otro codigo, donde quieran mostrar la casilla para elejir:
Código: <div class="linkprefs">
<p style="display: block;"><input id="linkprefs" value="linkprefs" name="linkprefs" onclick="setCheckbox(document.getElementById('linkprefs').checked);" type="checkbox"/>
<label for="linkprefs" title="opciones de navegacion">Abrir enlaces externos en nueva ventana</label></p><span></span>
<script type="text/javascript">addEvent(window, 'load',loadLinkPrefs);</script>
</div>
Lo pueden observar en mi web, en el primer box, probado y funciona correctamente
Ultima edición por didita9 el Mar Dic 30, 2008 11:05 am; editado 3 veces
|
