Juste un développeur Flash / Actionscript se prépare à écrire une fonction semblable à une bulle d'aide, des affrontements immédiatement avec le problème de la propagation des événements entre MovieClips chevauchent. En fait, si un MovieClip (B) se superpose à un MovieClip (A), qui répond, par exemple, un événement MouseEvent.Mouse_OVER , en planant sur le MovieClip (B) aucun cas être supérieur à celui intercepté par le MovieClip (A):
Si nous ne voulons pas d'une fonction PHP à émettre des avertissements ou erreurs, il suffit d'entrer le premier appel au caractère de la spirale - ou à - (@):
1 2 3 4 | / / Au lieu d'utiliser la forme canonique miaFunc ( ) ; $ Res = miaFunc (); / / Vous pouvez utiliser miaFunc ( ) ; $ Res = @ miaFunc (); |
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.
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:
En PHP, vous pouvez utiliser une forme abrégée, ou contractés, d'afficher des variables ou des retours de fonctions:
1 2 3 4 5 6 7 8 | / / Au lieu de $miavar ?> <? Php echo $ miavar?> / / Vous pouvez écrire ?> <? = $ Miavar?> / / Au lieu de miaFunc ( ) ?> <? MiaFunc php echo ()?> / / Vous pouvez écrire ?> <? MiaFunc = ()?> |
Nous continuons l'analyse de l'exemple du jeu Tic Tac Toe, présenté en Actionscript 3.0 pour les débutants: leçon n ° 2 . Nous sommes arrivés à la fonction qui crée la grille de jeu:
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 | / ** * Grille de création graphique (3x3) à l'écran * Void * @ Param * @ Return void * @ Privé * / createGrid ( ) : void { createGrid fonction privée (): void { / / Pointeur temporaire pour un MovieClip / / Remarque: vous pouvez également utiliser un Sprite / / Mais dans ce cas j'ai besoin d'étendre l'objet / / Ajout de quelques proproetà personnelles. Le Sprite / / Est une classe fermée et runtime donc pas extensible, tout en / / La classe MovieClip est une classe dynamique et fait ensuite / / Possibilité d'ajouter des propriétés d'exécution MovieClip , i : uint = 0 ; var tm: MovieClip , i: uint = 0; / / Ajoute le MovieClip dans un modèle de 3x3 ; i < 9 ; i ++ ) { for (; i <9; i + +) { ( ) ; tm = new MovieClip (); tm ) ; addChild (tm); = OFFSETX + ( ( i % 3 ) * ( PLAYER_WIDTH + PLAYER_OFFSET ) ) tm. offsetX = x + ((i% 3) * (PLAYER_WIDTH PLAYER_OFFSET +)) = OFFSETY + Math . floor ( i / 3 ) * ( PLAYER_HEIGHT + PLAYER_OFFSET ) tm. OffsetY + y = Math . floor (i / 3) * (+ PLAYER_HEIGHT PLAYER_OFFSET) tm _index = i.; 0 ) ; drawPlayer (tm, 0); } / / Dessine les lignes 2 et 2 gammes horizontale adressable this . graphics ) { avec (this. graphiques) { 6 , 0x666666 ) ; lineStyle (6, 0x666666); OFFSETX , OFFSETY + ( PLAYER_HEIGHT + 15 ) ) ; moveTo (offsetX, OffsetY + (PLAYER_HEIGHT + 15)); OFFSETX + ( ( PLAYER_WIDTH + 20 ) * 3 ) , OFFSETY + ( PLAYER_HEIGHT + 15 ) ) ; lineTo (offsetX + ((PLAYER_WIDTH + 20) * 3), OffsetY + (PLAYER_HEIGHT + 15)); OFFSETX , OFFSETY + ( PLAYER_HEIGHT + 20 ) * 2 ) ; moveTo (offsetX, OffsetY + (PLAYER_HEIGHT + 20) * 2); OFFSETX + ( ( PLAYER_WIDTH + 20 ) * 3 ) , OFFSETY + ( PLAYER_HEIGHT + 20 ) * 2 ) ; lineTo (offsetX + ((PLAYER_WIDTH + 20) * 3), OffsetY + (PLAYER_HEIGHT + 20) * 2); OFFSETX + ( PLAYER_WIDTH + 15 ) , OFFSETY ) ; moveTo (offsetX + (PLAYER_WIDTH + 15), OffsetY); OFFSETX + ( PLAYER_WIDTH + 15 ) , OFFSETY + ( ( PLAYER_HEIGHT + 20 ) * 3 ) ) ; lineTo (offsetX + (PLAYER_WIDTH + 15), OffsetY + ((PLAYER_HEIGHT + 20) * 3)); OFFSETX + ( PLAYER_WIDTH + 20 ) * 2 , OFFSETY ) ; moveTo (offsetX + (PLAYER_WIDTH + 20) * 2 OffsetY); OFFSETX + ( PLAYER_WIDTH + 20 ) * 2 , OFFSETY + ( ( PLAYER_HEIGHT + 20 ) * 3 ) ) ; lineTo (offsetX + (PLAYER_WIDTH + 20) * 2 OffsetY + ((PLAYER_HEIGHT + 20) * 3)); } } |
Comme toutes les bibliothèques de ce type a également jQuery vous permet d'étendre sa fonctionnalité de base en utilisant des plugins réel. Respecter les règles de son fonctionnement, c'est-retour, il est toujours un pointeur vers l'élément sélectionné ou jQuery lui-même, vous pouvez écrire un plugin avec quelques lignes de code. Prenez par exemple le code proposé dans jQuery contre tout le monde: un benchmark avec 5 navigateur , qui a été (après la correction rapportés par Luca ):
1 2 3 4 5 | ) . css ( 'cursor' , 'pointer' ) . click ( $ ('H2.dropdown'). Css («curseur», «pointeur»). Cliquez sur ( function () { $ ( this ) . next ( ) . is ( ':hidden' ) ) $ ( this ) . next ( ) . slideDown ( ) ; else $ ( this ) . next ( ) . slideUp ( ) ; if (.. $ (this) next () (:) «caché») slideDown $ (this) suivante () (); else $ (this) suivante () slideUp ();.... } ); |
Comme promis voici la deuxième leçon dans ActionScript 3.0! Aujourd'hui, nous commençons l'analyse d'un projet simple qui reproduit le jeu ou le Tic Tac Toe Tic Tac Toe. J'ai essayé d'inclure des caractéristiques particulières dans cet exemple, ActionScript 3.0, en essayant de donner un espace à la compréhension et non pas sur le style. Il s'ensuit que si je devais écrire le "jeu" vraiment, je serais probablement structurés très différemment, mais dans ce cas j'ai essayé de servir d'intermédiaire entre un programme classique avec un compact, hermétique plus compréhensible pour les débutants.
Le code nécessaire et suffisante pour envoyer un simple email au format HTML en utilisant la commande mail() en PHP est:
1 2 3 4 5 6 7 | / / Préparation de la tête pour indiquer HTML "MIME-Version: 1.0 \n " . $ Headers = "MIME-Version: 1.0 \ n". "Content-Type: text / html; charset = UTF-8 \ n". "De: Undolog.com <info@undolog.com> \ n". "Cci: Copie <g.fazioli@undolog.com> \ n"; "Destinatario <info@e-lementi.com>" , "Oggetto della mail" , "<p>Corpo della mail in <strong>HTML</strong></p>" , $headers ) ; électronique («Destinataire <info@e-lementi.com>", "Objet du mail», «Corps du <p> email <strong> HTML </ strong> </ p>", $ headers); |
OpenSearch est une norme qui définit un ensemble de formats pour le partage des résultats de recherche. Cette norme est utilisée, par exemple, de réseaux sociaux comme Facebook , qui ont un propre système de recherche. Une utilisation de cette norme pour les navigateurs qui le supportent, c'est la capacité de reconnaître automatiquement, puis ajoutez votre propre site ou blog à la liste des moteurs de recherche de la chute du navigateur dans le menu déroulant:
Si vous visitez (avec FireFox ou Flock ) moteur de recherche Divoogle , vous pouvez le placer parmi les moteurs de recherche sur le menu.
Ceci, cependant, pourrait être effectuée manuellement en sélectionnant "Gérer les moteurs de recherche ..." dans Firefox, par exemple. Mais en plus d'être une opération particulière, chaque utilisateur devrait jouer individuellement. Navigateurs de dernière génération tels que Flock , grâce à l'autorisation norme OpenSearch pour automatiser cette fonction, automatiquement la signalisation à l'utilisateur que le site web ou votre blog vous propose son moteur de recherche:
La procédure manuelle est utile d'activer cette fonction partout, nous allons voir ci-dessous. En attendant, si vous avez un blog WordPress, vous pouvez installer ce plugin simple ( wp-abs.zip ) qui fait tout le travail pour vous. Une fois installé et activé, vous n'aurez pas à configurer quoi que ce soit! Chargement de votre blog WordPress sur Firefox ou Flock , vous comme par magie sur votre blog répertorié dans la liste déroulante des moteurs de recherche.
Pour la source que vous référence ici .
Pour ceux qui souhaitent effectuer l'installation de la norme OpenSearch en mode manuel peut suivre le tutoriel simple illustré ci-dessous et / ou référer à la documentation sur ce site OpenSearch .
Pour signaler un moteur de recherche à votre navigateur, il suffit de créer un fichier XML sur notre site ou blog. Voici par exemple de l'undolog.com opensearch_desc.xml fichier:
1 2 3 4 5 6 7 8 9 | ?> <? Xml version = "1.0"?> Xmlns OpenSearchDescription <= "http://a9.com/-/spec/opensearch/1.1/" xmlns: moz = "http://www.mozilla.org/2006/browser/search/"> <ShortName> Undolog </ ShortName> Ouvrez <Description> Recherche Undolog.com </ description> width = "16" type = "image/x-icon" > http://www.undolog.com/favicon.ico </Image > Largeur = height = l'image> "16" "16" Type "image/x-icon" => http://www.undolog.com/favicon.ico </ image> method = "get" template = "http://www.undolog.com/?s={searchTerms}" /> <url Méthode "text/html" type = = template = "get" "http://www.undolog.com/?s={searchTerms}" /> <moz:SearchForm> http://www.undolog.com/ </ moz: SearchForm> </ OpenSearchDescription> |
Comme vous pouvez voir son format est assez simple. Le point est importé ligne 7:
1 2 3 | ... method = "get" template = "http://www.undolog.com/?s={searchTerms}" /> <url Méthode "text/html" type = = template = "get" "http://www.undolog.com/?s={searchTerms}" /> ... |
Cela indique au navigateur comment et où chercher. Normalement, comme dans ce cas, WordPress utilise la norme:
1 | http://mioblog.com/?s=stringa pour la recherche |
Toutefois, selon le besoin, comme j'ai fait pour Divoogle , cette partie du code peut varier. della nostra home page: Une fois que vous créez ce fichier, il suffit d'insérer une balise de link dans la section head de notre page d'accueil:
1 2 | <! - OpenSearch -> |
segnalerà al browser (che lo supporta) dove recuperare tutte le informazioni per aggiungere il motore di ricerca. Grâce à l'attribut rel="search" , ce link sera le signal pour le navigateur (qu'il soutient), où pour obtenir toutes les informations à ajouter le moteur de recherche.
La classe USimpleTabStrip , présenté discret TabStrip simple , peut également être utilisé pour créer un menu simple accordéon .
offerti da Scriptaculous : En utilisant les effets de la BlindUp() et BlindDown() offerts par Scriptaculous :
1 2 3 4 5 6 7 8 9 10 | fonction init () { USimpleTabStrip ( ) ; UTS USimpleTabStrip = new (); ; UTS Init ().; function ( e ) { UTS. OnShow = function (e) { ( e ) ; . Effet de nouvelles BlindDown (s); } function ( e ) { UTS. OnHide = function (e) { ( e ) ; . Effet de nouvelles BlindUp (s); } } |
Et la relocalisation des éléments HTML ( source 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 = "accordéon"> "#acc1" > Accordion 1 < / a > < une href = "# ACC1"> Accordéon 1 </ une > "acc1" >< / a > < une name = "ACC1"> </ une > < div > h1 > < h1 > # 1 Content </ h1 > p > < p > Blah blah blah .... </ p > </ div > "#acc2" > Accordion 2 < / a > < une href = "# ACC2"> Accordéon 2 </ une > "acc2" >< / a > < une name = "ACC2"> </ une > < div > h1 > < h1 > # 2 Contenu </ h1 > p > < p > Blah blah blah .... </ p > </ div > "#acc3" > Accordion 3 < / a > < une href = "# ACC3"> Accordéon 3 </ une > "acc3" >< / a > < une name = "ACC3"> </ une > < div > h1 > < h1 > # 3 Content </ h1 > p > < p > Blah blah blah .... </ p > </ div > </ div > |
Vous obtenez un menu simple accordéon qui peut être utilisé très rapidement.
Derniers Commentaires
datrix : Merci beaucoup!
Robert : Je rispsoto vos questions avec plaisir. L'idée est vraiment géniale. Je suis à la recherche d'une solution ...
Sting : @ Darius - vous pouvez voir un exemple ici: http://www.fight4fun.it/ cliquant sur: CARTES j'espère ...
Vik : Giustappunto je travaille sur un projet et le client m'a demandé de montrer toutes les nouvelles (qui sont CPT) au ...
Giovambattista Fazioli : @ paso: absolument. Il suffit d'identifier le champ [CCI] entrée [/ cci] que vous souhaitez ...