Articles taggés avec 'script'

Très court astuce: log des objets JavaScript

Si vous êtes à développer dans un environnement où il est impossible d'utiliser les outils de débogage tels que FireBug , tels que le simulateur d'iPhone d'Apple dans Xcode, il peut devenir frustrant de trouver les problèmes, y compris un accès à toutes les propriétés incorrectes d'un objet. C'est ici que l'utilisation d'œuvres alert() est fondamentale!

Suite ...

jQuery: bords arrondis sur les images pour les chevauchements

En raison de la rendu différent entre les différents navigateurs, Microsoft Internet Explorer certainement voir dans cet esprit, nous devons toujours recourir à des astuces pour appliquer des effets spéciaux qui doivent être désormais un standard. Le prix-discuté des bords arrondis sont un exemple classique de «désastre» produite par l'incapacité totale à faire une sérieuse normes à la page de rendu HTML / CSS. , etc… Il existe de nombreuses solutions qui permettent au réseau pour obtenir des "effets" (effets d'exempter HTML existants comme les bords arrondis, les effets d'ombre, des reflets, etc ...) avec des taches sur les feuilles de styles, de trucs spéciaux à l'utilisation de div greffés, des bibliothèques JavaScript, l'utilisation de canvas , etc ...
Sur un enseignement purement technique, je tiens à expliquer davantage (cross-browser) d'appliquer les bords arrondis des images:

Démo et la source

Suite ...

Camelize, CamelCase

Comme vu dans le poste de variétés de codage et le codage des approches qu'un développeur peut avoir à résoudre un problème sont multiples et diverses pour le même langage de programmation utilisé. Voici comment quelques-uns des principaux frameworks JavaScript avoir résolu une simple fonction de CamelCase :

Prototype.js

Prototype.js , version 1.6.0.3, propose explicitement une méthode camelize() pour rendre le camelcase sur une corde. L'approche de l'auteur est assez simple et le code est auto-explicatif. Dans ce cas, il n'a pas été fait aucun usage de l'expression régulière!

1
2
3
4
5
6
7
8
9
10
11
12
13
( ) { camelize: function () {
this . split ( '-' ) , len = parts. length ; var = pièces cette division ('-'), len = parties de longueur..;
len == 1 ) return parts [ 0 ] ; if (len == 1) le retour des pièces [0];

this . charAt ( 0 ) == '-' camelized var = ce charAt (0) ==. '-'
0 ] . charAt ( 0 ) . toUpperCase ( ) + parts [ 0 ] . substring ( 1 ) ? Pièces [0]. CharAt (0). ToUpperCase () + pièces [0]. Substring (1)
0 ] ; : Pièces [0];

var i = 1 ; i < len ; i ++ ) for (var i = 1, i <len; i + +)
i ] . charAt ( 0 ) . toUpperCase ( ) + parts [ i ] . substring ( 1 ) ; camelized + = parties [i] charAt (0) toUpperCase () + pièces [i]-chaîne (1)...;

retour camelized;
}

Suite ...

WordPress: comment écrire un réponse à un commentaire en utilisant jQuery

Récemment Cristiano Up a publié un plugin utile pour WordPress qui peuvent Ajoute deux liens à chaque commentaire dans un post (peut-être vous avez installé un semblable, puisque dans le répertoire que je poutres WordPress.org un couple, mais étant un logiciel en italien serait le cas d'honorer l'excellent travail accompli par Christian). Ces liens (réponse et actions), de rencontrer et / ou de citer l'auteur d'un commentaire en effectuant la tâche fastidieuse d'insérer le signe arobase (@) pour indiquer à qui il est adressé. Dans ce tutoriel, je vais montrer - pour les moyennes et les utilisateurs expérimentés - la façon dont ces deux caractéristiques en y ajoutant "la main", sans recourir à l'installation de tous les plugins. Aussi exploiter les capacités de jQuery pour la partie JavaScript. La technique que je présente est le même que j'ai utilisé pour introduire cette fonctionnalité dans ce blog.

Note: L'utilisation d'un plugin est la meilleure solution pour ceux qui tendent à modifier fréquemment votre modèle de WordPress, ou tout au moins, a des plans pour mettre en œuvre. Ce tutoriel est seulement de montrer comment effectuer des interventions ciblées dans le code de WordPress et est dédié aux curieux.

Editez le fichier comments.php

Le premier changement que nous faisons est d'insérer le lien «Répondre» et «actions» dans chaque commentaire. Pour ce faire nous éditons le fichier comments.php trouve dans le dossier de notre thème. Ce fichier contient toutes les instructions qui s'affichent les commentaires à la fin d'un poste. La section que nous sommes concernés (qui peut varier légèrement d'un thème à) est la création de boucles à travers les commentaires, identifié par:

Suite ...

Dynamic HTML avec Prototype: les styles et les scripts

Plus d'un an, j'ai écrit un post ( Dynamic HTML avec JavaScript ) qui illustre quelques techniques pour ajouter dynamiquement des feuilles de style et des scripts dans une page HTML chargée. Qui utilise prototype.js peut grandement vous simplifier la vie en utilisant, par exemple:

1
2
3
4
5
6
"dom:loaded" , documents d'observer («Sun: chargé".,
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] Insérer (script).;
}
);

Après la page est chargée ( document.observe ) ajoute un nouveau script JavaScript! Pour les styles, c'est exactement la même chose!

Suite ...