Abrir enlace o form de Iframe en la ventana Padre
|
1 |
<br /><br /> |
Blog de Cristian Martín
Blog de un desarrollador web y administrador de sistemas
Diseño Web
Auto Submit con JQuery
|
1 |
<script>$('#loginAutomatico').submit();</script> |
Donde #loginAutomatico es el ID o clase del Formulario (form)
Autosubmit javascript
Javascript:
|
1 |
<script>document.irConsumibles.submit();</script> |
JQuery:
|
1 |
<script>$(irConsumibles).submit();</script> |
Cambiar CSS dinámicamente con JavaScript
A veces, nos es necesario cambiar el css de una página dependiendo de ciertos parámetros que no se pueden comprobar usando sólo CSS, para ellos tenemos que usar Javascript, aquí tenéis algunos ejemplos que he aplicado en el trabajo: 1º Esta línea le quita el background a la etiqueta ‘html’, así que, podéis sustituir ‘html’, […]
Caracteres especiales en HTML y Javascript
Carácter HTML Unicode Á Á u00C1 á á u00E1 É É u00C9 é é u00E9 Í Í u00CD í í u00ED Ó Ó u00D3 ó ó u00F3 Ú Ú u00DA ú ú u00FA Ü Ü u00DC ü ü u00FC Ṅ Ñ u00D1 ñ ñ u00F1 Carácter HTML Unicode & & u0022 < < u003C > […]
Cómo Instalar Symfony2 en Linux
Symfony2 es un Framework de PHP que te hará la vida más fácil cuando estés programando una web dinámica, pero su instalación puede ser un poco complicada para los principiantes, así que buscando por internet, encontré este magnífico tutorial de cómo instalarlo desde cero: Instalar Symfony2 desde cero http://jonsegador.com/2011/07/instalar-symfony2-desde-cero/
Consejos CSS
http://aurea.es/2010/03/10/optimizar-css-12-consejos-y-3-herramientas/
CSS: Selector Navegador
Este código agrega como clases en la etiqueta <html> el navegador, versión, motor, sistema operativo, y si tiene activado el js del usuario.
|
1 |
<br /><br /> |
Diferentes hojas de estilo para cada navegador
Para IE 7
|
1 |
<!--[if IE 7]><br /><br /> <link rel="stylesheet" type="text/css" href="ie7.css"><br /><br /><![endif]--> |
Para IE 6
|
1 |
<!--[if IE 6]><br /><br /> <link rel="stylesheet" type="text/css" href="ie6.css" /><br /><br /><![endif]--> |
Más en: http://css-tricks.com/how-to-create-an-ie-only-stylesheet/
Evitar que un vídeo de Youtube se vea sobre los demás elementos de la Web (z-index máximo)
Suele ocurrir que cuando insertamos un vídeo de Youtube en una web, y tenemos un menú desplegable, por ejemplo, al expandirlo, el submenú se quede debajo del vídeo, para solucionar esto, tendremos que agregarle la opción ‘?wmode=transparent‘ al iframe, (o ‘&wmode=transparent‘ si ya tiene otras opciones)<iframe allowfullscreen frameborder=»0″ height=»350″ src=»http://www.youtube.com/embed/g_S4Uw3czvg?wmode=transparent» width=»560″></iframe> Y si queremos que […]
Incrustar Flash en HTML con JavaScript swfobject que Valida
Para incrustar un archivo Flash .swf en una web y que te valide correctamente, hay que incrustarlo del siguiente modo: <script type=»text/javascript» src=»swfobject.js»></script></head> <script type=»text/javascript»>swfobject.embedSWF(«ruta.animacion»,»idcontenedor»,»ancho»,»alto»,»9.0.0″);</script> Archivo JavaScript: swfobject.js Publicidad
Menú desplegable vertical CSS
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 |
<style> #menu { text-align: center; font-size: 11px; width: 320px; margin: 20px; z-index:1000; } #menu ul { list-style-type: none; } #menu ul li.nivel1 { width: 162px; } #menu ul li.primera { border-top: solid 1px #FFF; } #menu ul li a { display: block; text-decoration: none; color: #fff; background-color: #048; border: solid 1px #fff; border-top: none; padding: 8px; position: relative; font-size:12px; font-weight:bold; } #menu ul li:hover { position: relative; background-color: #FFB42B; color: #048; } #menu ul li a:hover, #menu ul li:hover a.nivel1 { background-color: #FFB42B; color: #048; position: relative; } #menu ul li a.nivel1 {display: block!important;display: none; position: relative; } #menu ul li ul { display: none; } #menu ul li a:hover ul, #menu ul li:hover ul { display: block; position: absolute;left: 161px;top:-1px!important;top: -31px;z-index:1000; } #menu ul li ul li a { width: 160px; background-color: #048; color: #fff; } #menu ul li ul li a:hover { position: relative; background-color: #FFB42B; color: #048; } table.falsa { border-collapse:collapse; border:0px; float: left; position: relative; } </style> <div id="menu"> <ul> <li class="nivel1 primera"><a href="#" class="nivel1">Impresoras</a> <!--[if lte IE 6]><a href="#" class="nivel1ie">Impresoras<table class="falsa"><tr><td><![endif]--> <ul> <li class="primera"><a href="enlace">Impresoras inkjet</a></li> <li><a href="enlace">Impresoras láser color</a></li> <li><a href="/catalogo/informatica-y-electronica/impresoras/impresoras-laser-monocromo">Impresoras láser monocromo</a></li> <li><a href="enlace">Impresoras plotter gran formato</a></li> <li><a href="enlace">Multifunción inkjet</a></li> <li><a href="/catalogo/informatica-y-electronica/impresoras/multifuncion-laser-monocromo">Multifunción láser monocromo</a></li> <li><a href="enlace">Multifunción láser color</a></li> </ul> <!--[if lte IE 6]></td></tr></table></a><![endif]--> </li> <li class="nivel1"><a href="#" class="nivel1">Ordenadores</a> <!--[if lte IE 6]><a href="#" class="nivel1ie">Ordenadores<table class="falsa"><tr><td><![endif]--> <ul> <li class="primera"><a href="enlace">Ordenadores portátiles</a></li> <li><a href="enlace">Ordenadores sobremesa</a></li> <li><a href="enlace">Servidores</a></li> <li><a href="enlace">Baterías y cargadores</a></li> <li><a href="enlace">Miniportátiles</a></li> </ul> <!--[if lte IE 6]></td></tr></table></a><![endif]--> </li> </ul> </div> |
+ Menús Fuente: http://www.forosdelweb.com/f53/menu-desplegable-100-css-595007/
Ocultar un DIV o Elemento HTML con JavaScript
Puede ser, que debido a que tienes un contenedor div, que quieres que se vea de forma diferente en cada página, se te plantee el problema de, ¿cómo hacerlo? Pues con este script lo podréis hacer: <script>//Añadimos la URL de la web a un ArraypathArray = window.location.pathname.split( ‘/’ );//Elegimos el fragmento de la URL que […]
Reemplazar comillas en php con replace
Untitled
|
1 |
<br /><code style="text-align:left;"><span style="font: 10pt Courier New;"><span><?php<br /><br /></span><span>$nuevaCadena</span><span> </span><span>str_replace(</span><span>'"'</span><span>,</span><span>'&quot;'</span><span>,</span><span>$cadena</span><span>);<br /><br />?><br /></span></span><br /> |
Reproducción automática en vídeos de Youtube insertado
Para reproducir automáticaticamente un vídeo de Youtube que hayamos insertado en nuestra web, basta con añadirle ‘?autoplay=1‘ o ‘&autoplay=1‘ (si tiene ya otras opciones) <iframe allowfullscreen frameborder=»0″ height=»350″ src=»http://www.youtube.com/embed/g_S4Uw3czvg?autoplay=1″ width=»560″></iframe> Evitar que un vídeo de Youtube se vea con un z-index máximo (sobre los demás elementos de la web)
Web de AJAX y Jquery
ajaxshake.com
XSLT: Convertir String a Number en un test
Para convertir un String a un número / entero podemos usar la función «number()», esto nos sirve para hacer comparaciones de mayor que o menor que. En este caso lo he combinado con un «substring-before()» porque la cadena tenía decimales divido por una coma, así que al intentar convertirlo, permanecía como NaN (Not a Number) […]