Disable Developer Tools from JQuery and javascript in Chrome, Firefox and IE

Estándar

devtools

Sometimes you need to disable Developer Tools on browsers to prevent problems in critical web apps. Although these techiques not block the contextual menu of each browser itself, you can turn off the key shortcuts for each browser and F12 or right click.

However if you are IT Manager, you can disable developer tools in Chrome from user data. http://stackoverflow.com/questions/5692006/how-to-uninstall-remove-developer-tools-from-google-chrome

Add your know-how in comments.

<script type="text/javascript" language="Javascript">

 
 function right(e) {
 if (navigator.appName == 'Netscape' && (e.which == 3 || e.which == 2)) {
 alert(' Right Click ');
 return false;
 }
 else if (navigator.appName == 'Microsoft Internet Explorer' && (event.button == 2)) {
 alert(' Right click ');
 }
 }
 $(document).keydown(function (event) {
 var keys = [123, 16, 17, 67, 74, 73, 83, 81, 75, 118, 116];
 var keysCtrlShift = [67, 74, 73, 83, 81, 75];
 var keysOnlyShift = [118, 116];
 
 if ($.inArray(event.keyCode, keys) > -1) {
 //F12
 if (event.keyCode == 123) {
 return false;
 }
 //Ctrl + Shift
 if (event.ctrlKey && event.shiftKey && $.inArray(event.keyCode, keysCtrlShift) > -1) {
  return false; 
 }
 //Shift + F7 o F5 -- Firefox
 if (event.shiftKey && $.inArray(event.keyCode, keysOnlyShift) > -1) {
  return false;
 } 
 
 } 
});
 document.onmousedown = right
 </script>

Posicionar el contenido de una página con JQuery

Estándar

En muchas ocasiones nos gustaria poder movernos dentro del contenido de una página y posicionar la pantalla en aquel lugar que nos interesa.

Antes se usaban los anchors pero ahora y gracias al framework de Javascript Jquery podemos focalizar la pantalla en cualquier sitio de nuestro código html.

Para ello usaremos una función extremadamente sencilla que se compone solo de 2 lineas, recordar antes, que tenemos que tener un include con el js de Jquery.

var focalizar = $(“#donde_mover”).position().top;

$(‘html,body’).animate({scrollTop: focalizar}, 1000);

a la variable focalizar le asignamos el valor de la posicion superior del elemento html donde queramos posicionar la pantalla.

Con el evento animate de Jquery movemos la pantalla hasta la posicion en un intervalo de 1000 ms (1 segundo) y asi evitamos que el usuario tenga que hacer scroll.

Actualización: Tenemos otra posibilidad con scrollIntoView

$(‘#donde_mover’).get(0).scrollIntoView(true);

Mostrar errores de ASP con Jquery al usar AJAX (Show ASP errors when using AJAX with jQuery))

Estándar

A continuacion mostramos como sacar los errores ASP cuando trabajamos con AJAX en JQuery.

Basicamente lo que hacemos es en la funcion de error recuperamos el texto a traves de la variable xhr que es enviada de forma automatica a nuestra funcion al ejecutar la llamada.

Esta respuesta la podemos mostrar en un alert o en html.

Continuar leyendo

Editor visual de texto (wysiwyg) para paginas web

Estándar

Para tener un editor de texto visual que podamos insertar en nuestras paginas web podemos recurrir a Ckeditor.

Ckeditor es un plugin que podemos usar con el framework Jquery de javascript y conseguir un editor visual vinculado a un control de nuestra pagina.

Ckeditor proporciona un entorno muy parecido a word y permite el uso de bastantes funciones de edicion de texto antes reservadas a aplicaciones de escritorio.

Es totalmente configurable ya que mediante parametros podemos indicar que iconos y funciones queremos que esten disponibles para el usuario.

Si quieres integrar Ckeditor en tu web nosotros te ayudamos [click aquí]