Trucos y efectos de JavaScript para usar en páginas de blogs y sitios web 5w6a3p

")

<script>
var ran
ran = Math.round(Math.random()*50000)
document.write("Usted es el visitante " + ran + " de esta página.")
</script>

Botón para imprimir página 2w1730

<input type="button" value="Imprime esta página" onclick="window.print()">

Crear restricciones al uso del ratón 724o6r

Deshabilitar el uso del clic derecho por completo c3jh

<script>
document.oncontextmenu = function(){return false}
</script>

Impedir la selección y la copia de texto en una página 531z41

<script>
window.onload = function()
// Para internet Explorer
{document.onselectstart = function(){return false;} 
// Para Firefox
document.onmousedown = function(){return false;}}
</script>

Acción al dar un clic derecho 1g6l4e

Mostrar un mensaje o ejecutar otra acción al dar un clic derecho.

<script>
//<![CDATA[
function right(e) {
if (navigator.appName == 'Netscape' && e.which == 3) {
alert('Prohibido clic derecho');  
return false;}else
if (navigator.appName == 'Microsoft Internet Explorer' 
&& event.button==2) {
alert('Prohibido clic derecho');return false;}return true;}
document.onmousedown = right;
//]]>
</script>

Agregar crédito al copiar contenido de la página 706l3d

Cada vez que alguien copie algún bloque de texto de la página, automáticamente le agregamos nuestro crédito (no se usa en esta página).

<script>
document.body.oncopy = function() {
alert('Todos los derechos reservados. NorfiPC © 2019');
return false;};
</script>

Aviso del contenido copiado 4brb

Al copiar texto de una pagina y pegarlo en un documento se muestra el siguiente mensaje (se puede modificar): Código:

<script>
document.addEventListener('copy', function(event) {
  event.preventDefault();
  const selection = document.getSelection().toString();
  const customMessage = "\nEste contenido ha sido por Norfi Carrodeguas autor del sitio norfipc. Si vas a usarlo en otro sitio web, por favor, cita la fuente y crea un enlace hacia el artículo original en la siguiente dirección: ";
  const urlCopy = window.location.href;
  const modifiedText = selection + customMessage + urlCopy;
  if (event.clipboardData) {
     event.clipboardData.setData('text/plain', modifiedText);
  } else if (window.clipboardData) {
     window.clipboardData.setData('Text', modifiedText);
    }
    });
</script>

Varios codes para mostrar información 5c524k

Mostrar la fecha actual en una página 4z1s1p

En el lugar exacto que se inserte el contenedor DIV con el identificador "fechahoy", se mostrará la fecha del día actual, de la misma forma que se muestra a continuación.
Se puede emplear CSS para modificar el estilo del mensaje, por ejemplo:

<style>
#fechahoy{font-size:1.2em;color:green;margin:12px;}
</style>

El script se puede situar en el final de la página.

<div id="fechahoy"></div>		
<script>
var d=new Date();var month=new Array(12);month[0]='Enero';month[1]='Febrero';month[2]='Marzo';month[3]='Abril';month[4]='Mayo';month[5]='Junio';month[6]='Julio';month[7]='Agosto';month[8]='Septiembre';month[9]='Octubre';month[10]='Noviembre';month[11]='Diciembre';var todaysDate=+d.getDate()+' de '+month[d.getUTCMonth()]+' del '+d.getUTCFullYear();
document.getElementById('fechahoy').innerHTML='Hoy es: '+todaysDate;
</script>

Mostrar la fecha y hora 571f71

Mostrar la fecha y hora en la barra de estado con un mensaje. (Solo Internet Explorer)

<script>
function hora() {
 var DateString=(new Date()).toString();
 self.status=DateString.substring(0,3+DateString.lastIndexOf(':'))+
 "Cualquier mensaje";
 setTimeout("hora()",200);}
hora()
</script>

Más información: Como mostrar la fecha y hora en las páginas web usando Javascript

Identificar el navegador de los visitantes 1b1o

Código Browser Sniffer, identifica el navegador del y lo envía a la página preparada para dicho navegador.

<script>
if(navigator.appName.indexOf("Netscape") != -1){
location="netscape.html";}
if(navigator.appName.indexOf("Microsoft Internet Explorer") != -1){
location="internet-explorer.html";}
</script>

Establecer como página de inicio 576e5l

Propone al establecer esta página como su página de inicio (Solo Internet Explorer)

<a href="javascript:if 
(document.all){document.body.style.behavior='url(#default#homepage)'; 
document.body.setHomePage('http://norfipc.descargarjuegos.org');};">
Hazme tu página de inicio</a>

Guardar una página en los favoritos del navegador 1a3v4o

Vinculo que permite al lector agregar una página a sus favoritas.
Se usa un código Browser Sniffer o sea si el navegador es Internet Explorer se ejecuta una función diferente que si es Firefox.

<a href="javascript:if(navigator.appName.indexOf('Microsoft Internet Explorer')!=-1){window.external.AddFavorite (''+window.document.URL,''+window.document.title);}
if(navigator.appName.indexOf('Netscape')!=-1){window.sidebar.add(''+window.document.title,''+window.document.URL,'')} else{parent.location=(location.href);}">Guardar</a>

Se mostrará de la siguiente forma:

Texto parpadeante 1z3c4f

Si deseas insertarle un vínculo al texto parpadeante utiliza el segundo DIV, (solo puede existir en el código in ID único).

<script>
window.setInterval (BlinkIt, 500);
var color = "red";
function BlinkIt () {
var blink = document.getElementById ("blink");
color = (color == "#ffffff")? "red" : "#ffffff";
blink.style.color = color;
blink.style.fontSize='36px';}
</script>
<div id="blink">Hola!</div>
<div id="blink" onclick="parent.location='http://norfipc.descargarjuegos.org'">
Hola!</div>

Vínculo para sugerir una página 2o5v4

Permite sugerir una página, enviando por email su título y URL.

<a href="javascript:location.href='mailto:?SUBJECT=Te%20sugiero:
 '+document.title+'&amp;BODY='+escape(location.href);void 0">
 Sugerir esta página</a>

Forzar tamaño de la ventana del navegador (solo PWA) 69401r

<script>
window.addEventListener('resize', function(){ 
let fixedWidth = 220; 
let fixedHeight = 280; 
window.resizeTo(fixedWidth, fixedHeight);})
</script>

¿Cómo mostrar un efecto solo en Internet Explorer? 1v1sj

Los códigos que funcionen solo en el navegador Internet Explorer, pueden ocultarse fácilmente para los que utilicen otros navegadores, para eso emplea un estilo condicional de la siguiente forma:

<!--[if lte IE 9]>
CÓDIGO que solo funciona en IE
<![endif]-->

¿Cómo insertar los códigos en un blog de WordPress o Blogger? 185q1r

Si no tienes una página web propia, solo un blog en WordPress o Blogger, también puedes usar los códigos perfectamente. Estos CMS permiten insertar código Javascript, siempre que no sea intrusivo y afecte el código fuente, cualquiera de esta página puedes insertar. Para hacerlo haz lo siguiente.

Javascript en HTML5 225e5r

Al usar en una página la nueva especificación HTML5 es posible simplificar la etiqueta para encerrar un script.
Podemos simplemente encerrar el código en una simple etiqueta SCRIPT, de la siguiente forma:

<script>
CODIGO
</script>

Esta página está hecha en HTML5, lo que permite una serie de opciones que hasta ahora nos estaban vedadas, como insertar directamente música, video y cualquier otro contenido.
Además el código es más sencillo, compatible y fácil de leer por los navegadores, incluyendo los que usan los celulares y tabletas.
Para conocer sobre HTML5 lee la siguiente página: Cómo y por qué usar HTML5 en las páginas web

Páginas relacionadas 3q3gj