| Sección
"Java Scripts" |
|
Lección
29 |
Mostrar
código fuente
En
ciertas ocasiones, deseas mostrar el código
fuente de tu página a tus visitantes, o el
código fuente de otras páginas. En ese
caso, solo debes instalar el siguiente
Script en cualquier sector de tu sitio, pero
siempre debajo de donde dice
<Body> en el HTML de tu página:
<script type="text/javascript">
// Creado por Mikel Gomez http://mikelgomez.cjb.net
function verFuente(pagina){
window.location = "view-source:" + pagina ;
}
</script>
<p>Ver código fuente:
<a href="javascript:verFuente(window.location);">Página
actual</a> <a href="javascript:verFuente('http://www.forosdelweb.com');">Foros del Web</a>
</p>
|
|
Lo
que pinté con rojo corresponde al título del
mensaje que saldrá en tu página para dar la
opción de mostrar el código fuente. Puedes
cambiar el título a gusto.
Lo
que pinté con azul es el mensaje que se muestra
para que al ser accionado ejecute el Script y
muestre el código fuente de la página actual.
Puedes modificar el mensaje a voluntad
Lo
que pinté con gris corresponde a la dirección de
otra página, de la cual deseas mostrar el código
fuente. Puedes modificar la dirección a voluntad
Lo
que pinté en verde es el mensaje que que se
muestra para que al ser accionado ejecute el
Script y muestre el código fuente de la página
declarada entre paréntesis (en este ejemplo: "http://www.forosdelweb.com"). Puedes
modificar el mensaje a voluntad.
Puedes
agregar la cantidad de opciones para mostrar el
código fuente que desees, solo debes copiar
nuevamente el código que muestro en la tabla de
abajo, antes de esta etiqueta que consta al final
del Script </p>. Entonces declaras los datos
correctos como expliqué arriba y ya puedes
disfrutar de este efecto:
| <a
href="javascript:verFuente('http://www.forosdelweb.com');">Foros del Web</a>
|
Y
cuando terminas, no olvides colocar </p>
El
Script tal como se enseña aquí funcionará de
esta manera (Si quieres mejorar su aspecto, visita
la lección
30).
Aquí copio nuevamente el código con
opción para seleccionarlo, cortar y pegar en tu
sitio.
Para
ello haces click en cualquier palabra que se halla
dentro de la caja, Te diriges a "Edición"
en el menú superior de la barra de herramientas, e
indicas "Seleccinar todo", luego tomas lo
seleccionado dirigiéndote nuevamente a "Edición",
pero esta vez indicas "Cortar", y
posteriormente te posicionas en tu página, donde
quieres colocar este código, entonces te diriges a
Edición, y le indicas "Pegar".
Si
deseas hacer las cosas más rápido, puedes verificar
en "Edición" (está escrito al lado de las
palabras que indican cada orden) que pulsando
"Control" + una letra determinada, puedes
"seleccionar todo", "cortar" o
"pegar" en forma instantánea y con eso
evitas tener que ingresar constantemente al menú de
"Edición".
Esto
es lo que debes pegar debajo de donde dice <Body>
en el HTML de tu página:
Si
de todos modos, no funciona este efecto, corta
el código HTML que debes colocar en tu página,
pero antes de hacerlo, pégalo en tu Block de
notas, y luego si córtalo de allí y pégalo en
tu sitio. Ahora si no creo que haya ningún
inconveniente que te impida disfrutar de este
bonito efecto.
Recordemos
que este Script también puede ser hallado en el
programa Depósito, el cual puedes bajar de aquí:
webtutorial.com.ar
Buena
suerte.
|
