Artículos con la etiqueta 'javascript'
La clase USimpleTabStrip , presentó TabStrip simple discreto , también se puede utilizar para crear un sencillo menú de acordeón .
offerti da Scriptaculous : Uso de los efectos de BlindUp() y BlindDown() ofrecidos por Scriptaculous :
1
2
3
4
5
6
7
8
9
10
| la función init () {
USimpleTabStrip ( ) ; UTS USimpleTabStrip = new ();
; UTS Init ().;
function ( e ) { UTS. OnShow = function (e) {
( e ) ; . Efecto BlindDown nuevo (s);
}
function ( e ) { UTS. OnHide = function (e) {
( e ) ; . Efecto BlindUp nuevo (s);
}
} |
Y la reubicación de los elementos HTML ( código HTML ):
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
| "accordion" > < div class = "acordeón"> "#acc1" > Accordion 1 < / a > < un href = "# ACC1"> Accordion 1 </ un > "acc1" >< / a > < un name = "ACC1"> </ un > < div > h1 > < h1 > # 1 de contenido </ h1 > p > < p > Bla bla bla .... </ p > </ div > "#acc2" > Accordion 2 < / a > < un href = "# ACC2"> Acordeón 2 </ un > "acc2" >< / a > < un name = "ACC2"> </ un > < div > h1 > < h1 > # 2 Contenido </ h1 > p > < p > Bla bla bla .... </ p > </ div > "#acc3" > Accordion 3 < / a > < un href = "# ACC3"> Acordeón 3 </ un > "acc3" >< / a > < un name = "ACC3"> </ un > < div > h1 > < h1 > # 3 Contenido </ h1 > p > < p > Bla bla bla .... </ p > </ div > </ div > |
Usted recibe un acordeón menú simple que se puede utilizar muy rápidamente.
Continuación ...
USimpleTabStrip discreto JavaScript es mejorar los vínculos de anclaje clásico (todavía) en una página HTML. Esta fuente es una mejora de la función presentada en el de Tabstrip discreto . En esta versión, así como alinear el código de la Versión 1.6 de prototype.js ha creado una clase real para gestionar el TabStrip. La liberación se presenta aquí es muy simple y directo. Su trabajo principal consiste en la adición de un evento de clic al enlace normal de anclaje. Estilos CSS tampoco se presentó, sólo para dejar la máxima libertad de acción, pero usted puede conseguir un TabStrip eficaz con unas pocas líneas adicionales de código CSS, consulte Adición de estilos CSS a continuación.
HTML
La clase USimpleTabStrip trabajando en un HTML simple, la sftuttando de anclaje ( <a name></a> ):
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
| <-! Simple lista de enlaces de la página -> < ul > = "#tbs1" > Link 1 < / a >< / li > < a > < un href = "# tbs1"> Link 1 </ un > </ a > = "#tbs2" > Link 2 < / a >< / li > < a > < un href = "# tbs2"> Link 2 </ un > </ a > = "#tbs3" > Link 3 < / a >< / li > < a > < un href = "# tbs3"> Link 3 </ un > </ a > </ ul > <-! Bloques / pestañas -> "tbs1" >< / a > < un name = "tbs1"> </ un > < div > h1 > < h1 > Listado # 1 </ h1 > p > < p > Bla bla bla .... </ p > </ div > "tbs2" >< / a > < un name = "tbs2"> </ un > < div > h1 > < h1 > Lista # 2 </ h1 > p > < p > Bla bla bla .... </ p > </ div > "tbs3" >< / a > < un name = "tbs3"> </ un > < div > h1 > < h1 > Data # 3 </ h1 > p > < p > Bla bla bla .... </ p > </ div > |
funziona da contenitore. La etiqueta div justo por debajo del ancla a el trabajo como un contenedor.
Continuación ...
La lectura del artículo de Julio ActionScript 2 o ActionScript 3? Vamos a aclarar! Me gustaría hacer algunas consideraciones sobre la evolución "inversa" de algunas herramientas de desarrollo para aquellos que, como yo, es la programación C / C + +.
Continuación ...
Fue liberada la Release Candidate 1 (RC1) de la versión 2.0 de Javascript biblioteca Shadowbox , por Michael Jackson JI , útiles para abrir ventanas dedicado a las opiniones de los distintos tipos de medios de comunicación, a partir de Flash para Quicktime a páginas HTML. En esta nueva versión son:
- El sitio está lleno de información y ahora incluye un asistente (en el estilo de mootools) para crear "al vuelo" un paquete de biblioteca personalizado a nuestras necesidades
- Posibilidad de utilizar un módulo independiente base, sin que necesariamente se incluyen - para los adaptadores - bibliotecas externas, como prototype.js, jQuery, etc ...
- Mejoras en la gestión y ejecución de Skins
- Ubicación
La biblioteca también está disponible en el SVN en:
http://michaeljackson.googlecode.com/svn/trunk/shadowbox
Continuación ...
Edward Smith ha desarrollado una envoltura capaz de tomar ventaja de la API de Flash y Papervision3D en JavaScript! La biblioteca, AS3Wrapper , es compatible con Firefox e IE. Safari para Windows funciona como he tenido problemas con Opera 9, también para Windows. El mecanismo que subyace a este proyecto, y que hace posible esta "magia" es incluir en nuestra página HTML contenedor de Flash (AS3Wrapper.swf) que acepta comandos de Javascript (AS3Wrapper.js), lo que permite en la práctica para construir los objetos de Flash directamente desde JavaScript.
Continuación ...
Gracias a las sugerencias y los consejos de David Salerno he tratado de optimizar la carga de undolog.com, actividades que, por razones de "tiempo", siempre me desanime. De hecho, no fue capaz de aplicar todos los valiosos consejos de David, pero me las arreglé para dar una buena "limpieza" y reducir los tiempos de carga de todos modos!
Reducción de los Widgets, y antipixel Badget
Lo primero que hizo fue reducir los daños por los varios widgets en el blog:
- Se me cayó la líneas que se muestran en los widgets MyBlogLog : de 10 a 5 líneas
- He eliminado el blogroll de antipixel
- La biblioteca aNoobi muestra dos libros en vez de 5
Continuación ...
Después de ver el funcionamiento de la API de Google AJAX que se me ocurrió una manera alternativa de traducción de páginas web aprovechando nuestra en tiempo real prototype.js , puede marcar las etiquetas HTML que desea traducir, en lugar de someter el documento a la traducción. : Para marcar las etiquetas HTML que utiliza para traducir el atributo rel , poniéndolo a translate :
1
| "translate" > Questo testo deve essere tradotto < / p > < p rel = "traducir"> Este texto debe ser traducido </ p > |
Con una simple función, entonces podemos utilizar prototype.js para procesar todas las etiquetas HTML con rel='translate' :
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
| / **
* @ Nombre: translate ()
* @ Descripción: translate
* /
función translate () {
) . each ( $ $ ('[Rel = "traducir "]'). Ud. (
e ) { función (s) {
( e. innerHTML , 'it' , 'en' , google. idioma. traducir (e. innerHTML, 'en', 'en',
result ) { función (resultado) {
result. translation ) { if (traducción result.) {
result. translation ; e. innerHTML = resultado de la traducción.;
{ Else {}
'Translate Error! \n \n ' + result. error . message ) ; alert ('Error Traducir \ n \ n "+ resultado del mensaje de error..);
}
}
);
}
);
} |
Usted puede ver esto en acción en e-lementi.com
Por supuesto, la escritura se puede (y / o deben) ser debidamente completados. . Es interesante notar, sin embargo, que es posible especializarse con el fin de sustituir las imágenes (en el caso de botones gráficos que contienen texto), o desarrollar él como una etiqueta especial INPUT o TEXTAREA .
Una de las limitaciones que encontré, y me gustaría profundizar, el número de caracteres que se pueden traducir. En el caso de textos importantes, de hecho, no es difícil conseguir un error: que de hecho, ejecutar el script con un alert() .
Continuación ...
Yo respondo con este post, a petición de Andrea sobre cómo insertar el traductor de Google en su web. Hay varias maneras de aprovechar los servicios de traducción automática disponibles en Google y más allá. Podemos utilizar plugins escritos por otros, un simple script de JavaScript de Google en sí o de aprendizaje mixto para uso de la API, es decir, un conjunto de funciones que se puede llamar - como veremos - de diversas maneras.
Plugins
No voy a detenerme en esta solución, ya que creo que no es realmente relevante para la solicitud de Andrés , si he entendido bien. Por otra parte, es esencialmente una solución válida sólo para el blog y no utilizar la costumbre y genéricos. Yo sólo puedo señalar a los usuarios de WordPress , Traductor Global , tal vez los plugins más sencillo, práctico y popular de este tipo.
Script previo por Google
La forma más fácil de traducir su sitio web o tu blog es agregar un simple script JavaScript proporcionada por Google. Sólo tienes que ir al sitio translate.google.com ficha y haga clic en 'Herramientas'. Desde esta página puedes funciones preprogramadas de la traducción o deje el valor predeterminado. El script es muy simple:
y como resultado se obtiene:
Continuación ...
Hace un año escribí un post ( HTML dinámico con JavaScript ), que ilustra algunas técnicas para agregar dinámicamente hojas de estilo y scripts en una página HTML cargada. ¿Quién utiliza prototype.js puede simplificar su vida mediante el uso de, por ejemplo:
1
2
3
4
5
6
| "dom:loaded" , documento observar ("Sun: loaded".,
function () {
new Element ( "script" , { type : "text/javascript" , src : "/js/altro.js" } ) ; var script = new Element ("script", {type: "text / javascript" src "/ js / altro.js"});
) [ 0 ] . insert ( script ) ; $ $ ("Head") [0] Insert (script).;
}
); |
Después de cargar la página ( document.observe ) añade un nuevo guión JavaScript! De estilos que es exactamente lo mismo!
Continuación ...
¿Quién sabe que desarrolla una de las características de las funciones ( function () ) es tener o no los argumentos de entrada. Puede suceder que, a veces tienes que escribir una función que, en base a los parámetros de entrada, se comporta de manera diferente (en la programación OO este comportamiento se conoce como polimorfismo). Los parámetros variables (varargs), ya han introducido en el momento de la presente por defecto en C y la declaración clásica de las main :
1
| int main (int argc, char * argv []); |
Continuación ...
Últimos Comentarios
José : Hola quería preguntar cómo se puede hacer en el post que he subido una galería de 50 imágenes, por ejemplo, ...
José : Consejo, si desea restaurar todas las miniaturas plugin de pulgares Regenerar
José : ¡Gracias! Guía muy interesante.
Giovambattista Fazioli : actualización: WordPress ha actualizado la documentación de esta función.
Giovambattista Fazioli : @ iLeW: por supuesto, ver aquí