elhacker.net cabecera Bienvenido(a), Visitante. Por favor Ingresar o Registrarse
¿Perdiste tu email de activación?.

 

 


Tema destacado: Introducción a Git (Primera Parte)


  Mostrar Temas
Páginas: 1 2 3 4 5 6 7 8 [9] 10 11 12 13 14 15 16 17 18 19 20 21 22
81  Programación / Desarrollo Web / fullscreeen imagen javascript. Problemas con firefox en: 31 Marzo 2014, 18:38 pm
Hola :
Tengo un problema con el siguiente codigo. Quiero capturar el evento cuando pulse la tecla ESCAPE. Es decir, por ejemplo una vez haya hecho clic en el botón ZOOM y vea la imagen a pantalla completa, a continuación haga clic en ESCAPE y además de quitar el modo zoom (que esto lo hace automáticamente) haga algunas acciones como por ejemplo un alert o en mi caso ocultar una capa 'image_zoom'.

En otros navegadores como chrome o en los tablets de sansumg funciona pero en firefox no hay forma.

Si sirve de algo el codigo lo he sacado de http://johndyer.name/native-fullscreen-javascript-api-plus-jquery-plugin/

Código:
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.2.6/jquery.min.js "></script>
<!DOCTYPE html>
<html>
<head>
<title>FullScreen API</title>

<style>
body {
background: #F3F5FA;
}
#container {
width: 600px;
padding: 30px;
background: #F8F8F8;
border: solid 1px #ccc;
color: #111;
margin: 20px auto;
border-radius: 3px;
}

#fullscreen {
background: #33e;
padding: 0px; /* 20px; */
margin: 0px; /* 20px */
color: #fff;
text-align:center;
}
#fullscreen a {
color: #eee;
}

#fsstatus {
background: #e33;
color: #111;
}

#fsstatus.fullScreenSupported {
background: #3e3;
}

</style>
</head>
<body>
<div id="container">
<h1>FullScreen API</h1>

<div id="fullscreen">
<img style="display:none" id="image_zoom" src="http://www.ibsalut.es/ibsalut/cache/jw_sigpro/jwsigpro_cache_3191e25147_grfic-webibs.jpg" height="auto" width="auto" />
</div>

<p>Estado: <span id="fsstatus"></span></p>
<input id="zoom_url_completa_oculta" style="display:none" value="http://www.ibsalut.es/ibsalut/images/stories/ciudadania/grfic-webibs.png">
        <input type="button" value="Zoom" id="fsbutton" />

</div>


<script>

/*
Native FullScreen javascript API
-------------
Assumes Mozilla naming conventions instead of W3C for now
*/



(function() {
var
fullScreenApi = {
supportsFullScreen: false,
isFullScreen: function() { return false; },
requestFullScreen: function() {},
cancelFullScreen: function() {},
fullScreenEventName: '',
prefix: ''
},
browserPrefixes = 'webkit moz o ms khtml'.split(' ');



// check for native support
if (typeof document.cancelFullScreen != 'undefined') {
fullScreenApi.supportsFullScreen = true;
} else {
// check for fullscreen support by vendor prefix
for (var i = 0, il = browserPrefixes.length; i < il; i++ ) {
fullScreenApi.prefix = browserPrefixes[i];

if (typeof document[fullScreenApi.prefix + 'CancelFullScreen' ] != 'undefined' ) {
fullScreenApi.supportsFullScreen = true;
break;
}
}
}

// update methods to do something useful
if (fullScreenApi.supportsFullScreen) {
fullScreenApi.fullScreenEventName = fullScreenApi.prefix + 'fullscreenchange';

fullScreenApi.isFullScreen = function() {
switch (this.prefix) {
case '':
return document.fullScreen;
case 'webkit':
return document.webkitIsFullScreen;
default:
return document[this.prefix + 'FullScreen'];
}
}
fullScreenApi.requestFullScreen = function(el) {
return (this.prefix === '') ? el.requestFullScreen() : el[this.prefix + 'RequestFullScreen']();
}
fullScreenApi.cancelFullScreen = function(el) {
return (this.prefix === '') ? document.cancelFullScreen() : document[this.prefix + 'CancelFullScreen']();
}
}


// jQuery plugin
if (typeof jQuery != 'undefined') {
jQuery.fn.requestFullScreen = function() {

return this.each(function() {
var el = jQuery(this);
if (fullScreenApi.supportsFullScreen) {
fullScreenApi.requestFullScreen(el);
}
});
};
}

// export api
window.fullScreenApi = fullScreenApi;
})();

</script>

<script>

// do something interesting with fullscreen support
var fsButton = document.getElementById('fsbutton'),
fsElement = document.getElementById('fullscreen'),
fsStatus = document.getElementById('fsstatus');


if (window.fullScreenApi.supportsFullScreen) {

fsStatus.innerHTML = 'SI: Tu navegador soporta FullScreen';
fsStatus.className = 'fullScreenSupported';



// handle button click
fsButton.addEventListener('click', function() {

// alert(isFullScreen);
window.fullScreenApi.requestFullScreen(fsElement);
// window.fullScreenApi.cancelFullScreen(fsElement);
// Recuperar la url de la imagen grande a traves de un campo input
var url_imagen = document.getElementById('zoom_url_completa_oculta').value;
// Escalar para que ocupe toda la pantalla
var img = document.getElementById('image_zoom');
img.style.display = 'inline';
img.src = url_imagen;
imageWidth = img.width, //need the raw width due to a jquery bug that affects chrome
imageHeight = img.height, //need the raw height due to a jquery bug that affects chrome
maxWidth = screen.width,
maxHeight = screen.height,
widthRatio = maxWidth / imageWidth,
heightRatio = maxHeight / imageHeight;
var ratio = widthRatio; //default to the width ratio until proven wrong
if (widthRatio * imageHeight > maxHeight) {
ratio = heightRatio;
}
img.width = imageWidth * ratio;
img.height = imageHeight * ratio;

}, false);



// Esto lo que pasa es que no va para firefox pero si para tablet
fsElement.addEventListener(fullScreenApi.fullScreenEventName, function() {
if (fullScreenApi.isFullScreen()) {
// En el tablet sansumg cuando entro en modo pantalla completa ejecuta esto
fsStatus.innerHTML = 'Whoa, you went fullscreen';
} else {
// En el tablet sansumg cuando cierro el modo pantalla completo si ejecuta esta opción. En firefox PC NO
var img = document.getElementById('image_zoom');
img.style.display = 'none';
fsStatus.innerHTML = 'Back to normal';
}
}, true);


} else {
fsStatus.innerHTML = 'LO SIENTO: Tu navegador no soporta FullScreen';
}

</script>


</body>
</html>


Alguien sabe como conseguirlo?
mil gracias.!!
82  Media / Diseño Gráfico / programa para redimensionar imagenes a un tamaño máximo (kb) en: 22 Marzo 2014, 17:56 pm
Hola :
Quisiera saber si alguien conoce algún programa que de forma automática te reduzcan las imagenes a un tamaño máximo determinado (kb).
Se que existe programas (por ejemplo FSRESIZER) que le puedes indicar el tamaño máximo en pixeles y te redimensiona las imágenes pero no es lo que busco.
Básicamente y resumiendo lo que quiero es reducir la imagen a un tamaño determinado con la máxima resolución posible (para dicho tamaño).
Espero haberme explicado bien.
Gracias de antemano.
83  Programación / Desarrollo Web / fullscreen tablet galaxy note no funciona en: 14 Marzo 2014, 18:37 pm
Hola :
En la web http://robnyman.github.io/fullscreen/ hay un ejemplo donde al hacer clic en 'fullscreen' aumenta a pantalla completa ocultando la barra de menus del navegador, etc..

En PC funciona perfectamente pero en los tablet (probado en un galaxy nexus) no absolutamente nada.

¿no es posible usar la api fullscreeen en tablets y móviles?

Gracias.
84  Programación / PHP / PHPexcel celda multilinea en: 7 Marzo 2014, 18:05 pm
Estoy creando un excel desde php con la libreria phpexcel. El problema lo tengo cuando quiero poner mas de una linea (retorno de carro) dentro de una misma celda.


Si hago lo siguiente  funciona:

Código:

$campo = "Hello\nWord";
$objPHPExcel->getActiveSheet()->setCellValue($letra.$pos, "$campo");
  $objPHPExcel->getActiveSheet()->getStyle($letra.$pos)->getAlignment()->setWrapText(true);

En cambio si hago lo siguiente no funciona y en excel la celda me la pone por ejemplo de la siguiente forma :  prueba\nexcel\n desdephp

Código:
$campo = htmlspecialchars(str_replace('<br>','\n',$result[$i]['description']));
$objPHPExcel->getActiveSheet()->setCellValue($letra.$pos, "$campo");
  $objPHPExcel->getActiveSheet()->getStyle($letra.$pos)->getAlignment()->setWrapText(true);

Lo he probado de mil formas y nada :(
alguien se le ocurre que puede ser?
Gracias.

85  Programación / Desarrollo Web / cambiar imagen del boton me gusta de facebook en: 28 Febrero 2014, 15:11 pm
Hola :
¿Pensáis que es posible cambiar el botón de 'me gusta' que trae por defecto Facebook y poner en su lugar una imagen?

He encontrado formas de personalizar este botón, para que aparezcan el número de fans, etc.. pero no la opción para cambiarlo por una imagen.

¿Es posible?

Gracias.
Un saludo.
86  Programación / Desarrollo Web / HTML5 O javascript para formularios en: 25 Febrero 2014, 22:05 pm
Hola :
Estoy haciendo una web que tiene algunos formularios y me estoy planteando si hacerlos en html5 o javascript. Veo que muchas webs siguen utilizando javascript, supongo que debido a la incompabilibidad de ciertas versiones de navegadores.
¿Que me aconsejan?
Gracias
87  Foros Generales / Foro Libre / Titulo Formador de formadores en españa en: 5 Febrero 2014, 21:01 pm
Hola :
En españa se exige tener el curso de 'Formador de formadores' para impartir clases. Estoy pensando en hacerlo a distancia porque mi horario laboral no me lo permite que sea presencial.
Debido a la demanda de academias que ofrecen este curso me da mucho reparo que luego no sea homologado (aunque ellos como es normal te dicen que si, bla blabla...).
Mi pregunta es : ¿Hay alguna web donde pongas en DNI o nombre de la persona y te diga si tiene el curso realizado? Lo pregunto porque en caso contrario muchas academias podrían ofrecerlo y luego te dan un papel impreso y au. Debe haber alguna web donde verificar que una persona realmente tiene el titulo y es oficial antes de contratarlo...

Otros me dicen que no se puede impartir a distancia y que debe ser presencial y que si me dicen lo contrario que no me fie porque no es homologado.

PD. No me fio y por eso pido vuestros consejos. Gracias.
88  Seguridad Informática / Seguridad / Poner **** en algunos números de teléfono en: 5 Febrero 2014, 17:55 pm
Hola a todos :
Pongo mi consulta en la categoria seguridad porque así entiendo que es donde debe estar mi cuestión (más que en PHP).

He visto en algunas webs (sobre todo las webs de anuncios clasificados, no mencionará ninguna por no hacer publicidad) que para mostrar el teléfono de con quien tienes que contactar debes pulsar un botón (VER TELEFONO). Supongo que lo hacen por seguridad para que nadie se monte un script y vaya recogiendo teléfonos haciéndose una base de datos porque en caso contrario no entiendo la finalidad que puede tener. ¿Que pensais?
Lo curioso de este método es que he visto que ponen el número de teléfono en una capa oculta (div) y luego el botón simplemente lo muestra  (se puede comprobar facilmente con la herramienta firebug). Otros utilizan otros métodos pero resultaria muy sencillo montarse un script y que fuera recogiendo este valor, por lo tanto...¿Que finalidad tiene poner ******* en el número de teléfono?
Creo que lo más conveniente sería hacer una llamada JQUERY a mysql para obtener este número de teléfono de forma que se lo compliquemos a un script que nos quiera "robar" teléfonos, aunque como contra tendría que igual ralentizaría la web cuando el número de visitas fuese muy elevado.
Que pensais al respecto? 
Un saludo.
89  Programación / PHP / php && smarty en: 28 Enero 2014, 17:16 pm
Hola de nuevo :
estoy usando smarty. En mi plantilla tpl tengo el siguiente codigo

Código
  1. {$product.feature_value_6}
  2.  

que funciona y me recupera un valor.

Mi pregunta es ...¿porque no funciona esto ?
Código
  1. {assign var="parameter" value='$product.feature_value_'|cat:'6'}
  2. {$parameter}
  3.  

Lo que pretendo es en cada momento poderle asignar el último digito y me recupere el valor.

Espero haberme explicado.
Gracias



tampoco funciona de esta forma

Código
  1. {assign var="parameter" value=$product.feature_value_'|cat:'6'}
  2. {$parameter}
  3.  



Tampoco funciona de esta forma, la verdad es que ya no se que mas probar.

Código
  1. {assign var=cnt value=6}
  2. {$product.feature_value_$cnt}
  3.  



Solucionado  ;-) ;-) ;-) ;-)

Código
  1.                {foreach $columns_header as $item}
  2.              <div style="width:50px;" class="left_block">
  3.   {$product.{$item.fieldname}}
  4.                   </div>
  5. {/foreach}
  6.  
90  Programación / PHP / ejemplo de crop en php jquery en: 25 Enero 2014, 13:57 pm
Hola a todos :
Quiero poner una opción a mi web que me permita seleccionar una imagen y despues de forma visual seleccionar un cuadro que será el recorte de mi imagen final (cropping). Sé que en google hay muchos ejemplos y cada uno de su padre y madre pero quería saber vuestra experiencia si alguien ha utilizado esta tecnica para saber por cual libreria js o ejemplo se ha decantado.

A mi me gusta este ejemplo http://www.w3bees.com/2013/08/image-upload-and-crop-with-jquery-and.html que es muy sencillo (pesa poco el js y el codigo fuente) y cumple las espectativas de lo que indico. El problema según he leido los comentarios es que no funciona con navegadores antiguos porque usa html5 y que lo que tendría que hacer es modificar el codigo fuente para subir la imagen al servidor y alli aplicar el recorte.

Algun consejo?

Gracias!!
Páginas: 1 2 3 4 5 6 7 8 [9] 10 11 12 13 14 15 16 17 18 19 20 21 22
WAP2 - Aviso Legal - Powered by SMF 1.1.21 | SMF © 2006-2008, Simple Machines