public marks

PUBLIC MARKS from decembre with tag exemple

This year

jQUERY - JAVASCRIPT - jQuery udraggable Plugin

jquery.udraggable.js This plugin provides an API similar to jQueryUI's draggable but with support for unified mouse and touch events. It builds on Michael S. Mikowski's jquery.event.ue unified event plugin.

html - Draggable div without jQuery UI - Stack Overflow

(via)
Here's another updated code: $(document).ready(function() { var $dragging = null; $('body').on("mousedown", "div", function(e) { $(this).attr('unselectable', 'on').addClass('draggable'); var el_w = $('.draggable').outerWidth(), el_h = $('.draggable').outerHeight(); $('body').on("mousemove", function(e) { if ($dragging) { $dragging.offset({ top: e.pageY - el_h / 2, left: e.pageX - el_w / 2 }); } }); $dragging = $(e.target); }).on("mouseup", ".draggable", function(e) { $dragging = null; $(this).removeAttr('unselectable').removeClass('draggable'); }); });​

jQUERY -JqueryUI - DRAG - JqueryUI Draggable

(via)
$ (selector, context).draggable (options) Method The draggable (options) method declares that an HTML element can be moved in the HTML page. The options parameter is an object that specifies the behavior of the elements involved. Syntax $(selector, context).draggable(options); You can provide one or more options at a time using Javascript object. If there are more than one options to be provided then you will separate them using a comma as follows − $(selector, context).draggable({option1: value1, option2: value2..... });

CSS - CODE EXAMPLE - "Progress bar horizontal" qui varie suivant le scroll

In AlsaCreation : CODE EXAMPLE -" Progress bar horizonta"l qui varie suivant le scroll body { -moz-box-direction: normal; -moz-box-orient: vertical; background: #f3f3f3 none repeat scroll 0 0; color: #000; display: flex; flex-direction: column; font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif; font-size: 1.6rem; min-height: 100vh; }

2015

jQuery - TUTO - Le sélecteur jQuery - débuter en jQuery

$ : le sélecteur raccourci __ Encore une petite précision : dans mon extrait de code ci-dessus, vous voyez que j'ai ajouté un paramètre $ pour ma fonction anonyme, et que j'ai ensuite utilisé $() à la place de jQuery().__En fait, $() est un alias de la fonction jQuery() (un autre nom pour la même fonction), on l'utilise plus souvent que jQuery(), tout simplement parce que c'est plus court à écrire ! __ Le seul problème est que d'autres framework javascript (Mootools nottament) utilisent également $ comme raccourci, du coup si vous utilisez plusieurs frameworks sur la même page, il y aura des conflits. ___ Heureusement, jQuery propose un mode noConflict(). Dans ce mode, le raccourci $ n'est pas créé pour éviter les problèmes. Le mode noConflict est par exemple activé par défaut dans Wordpress, donc $ ne marche pas et il faut donc se rabattre sur jQuery() à la place, la loose -_-'. __ L'astuce que j'ai utilisée me permet d'utiliser $ comme raccourci SEULEMENT à l'intérieur de ma fonction anonyme. Comme ça, même sous Wordpress où le mode noConflict est activé, je pourrais utiliser $ à l'intérieur de mon jQuery(document).ready.

jQuery - TUTO - Iframe - Créer un élément HTML dans le DOM avec jQuery

Le sélecteur jQuery est la plupart du temps utilisé pour sélectionner des éléments existant dans le DOM, via une règle CSS. Mais le sélecteur peut aussi créer de nouveaux éléments HTML de manière extrêmement simple ! Voici un petit exemple très simple qui créé un élément div , écrit "Salut !" à l'intérieur, puis enfin ajoute cet élément à la fin de la page web (en l'ajoutant à la fin body) :

JQuery - DEMO - arrays - JQuery .each() backwards - Stack Overflow

Here are different options for this: You can use this: $($("ul > li").get().reverse()).each(function (i) { $(this).text( 'Item ' + (++i)); }); ===or==== $($(".block-item").get().reverse()).each(function (i) { $(this).text(++i); });

SCRIPT - Floating Layer At Cursor Position

This post shows how to implement layers that will display content over existing content just below and to the right of the cursor position

2014

javascript - Use Greasemonkey to replace links, to images, with images? - Stack Overflow

Replacing links to images is not too hard to do. However, I recommend that you keep the link but display the picture inside it. This is so you can click through if something goes wrong. For example, that sample page you gave has most of the linked images on a dead site. Other linked images only look like they point to images or might be blocked for "hot linking". To make the code robust and easy, we use jQuery and waitForKeyElements. Here is a complete working script that delinks the payload image-links on that sample site:

Userstyle - ICON FONT@FACE - Example - Iconset:defaulticon icons | 1 | Iconfinder

(via)
DefaultIcon ver 0.11 by Interactivemania : .h_icn_previous{ background: url(http://cdn1.iconfinder.com/data/icons/defaulticon/icons/png/32x32/media-fast-forward.png) !important; background-size: 27px 17px !important; transform: rotate(180deg) !important; }

Userstyles - font@face EXEMPLE : Stylish pour Deezer | Sans Pseudo Fix

@namespace url(http://www.w3.org/1999/xhtml); @-moz-document domain("deezer.com") { @font-face { font-family: 'Boogaloo'; font-style: normal; font-weight: 400; src: local('Boogaloo'), local('Boogaloo-Regular'), url(https://themes.googleusercontent.com/static/fonts/boogaloo/v3/1x_XysQB9ZwoSzu9a0nb7PesZW2xOQ-xsNqO47m55DA.woff) format('woff'); }

STY - USERSTYLES Rounded first and last tab - Themes and Skins for Browser - userstyles.org

A style I made for fun, to round the first tab top left corner, and new tab top right corner. A good demonstration of using child tokens

2013

CSS -EXAMPLES - CSS Cookbook — GeoServer 2.5.x User Manual

The CSS Cookbook is a collection of CSS “recipes” for creating various types of map styles. Wherever possible, each example is designed to show off a single CSS feature so that code can be copied from the examples and adapted when creating CSS styles of your own. Most examples are shared with the SLD Cookbook, to make a comparison between the two syntaxes immediate.

CV - Modèles de CV types (Téléchargeable en Word et PDF) - pour commerciaux et conseils pour rédiger son curriculum vitae : Vendeur Online

Voici quelques exemples de CV types , ceux-ci sont divisés en 3 grandes parties en fonction de votre expérience. Nous avons ainsi différencié les CV juniors , les CV expérimentées et les CV seniors.

2011

BIB - OPAC ORPHEE - Médiathèque départementale du Pas-de-Calais - Recherche Détaillé (isbn etc)

Recherche multicritères et résultats avec liens Wikipedia, Babelio (ne semble pas fonctionnel), Amazone etc....

BIB - LibX et Zotero pour les acquéreurs – une certaine utilisation de ces outils (2/2) « Bibliothèques [reloaded]

Si un acquéreur trouve sur une page web une référence d’ouvrage, et si cette référence fournit l’ISBN, il peut désormais (avec LibX) basculer en un clic sur un site Zotero-compatible fournissant ladite référence). Mais très souvent il ne trouvera que le titre et l’auteur (peut-être aussi l’éditeur et l’année, mais la combinaison Titre+Auteur devrait suffire). LibX permet aussi, de la même manière que pour l’ISBN, en utilisant le menu contextuel, de basculer sur le site en interrogeant Titre+Auteur. Pour cela, il faut que chacun des « catalogues » paramétrés pour l’ISBN le soit aussi pour « Keyword » (correspondant à une recherche Titre-Auteur-Sujet dans une base).

2010

BIB - Exemple de recherche liée entre Amazon zt Catalogue en Ligne d'une Bibliothèque (Pas Seulement avec l'ISBN) - Amazon Washington County Public Library Linky for Greasemonkey

v1.1 Search the Washington County Public Library Catalog from Amazon and Google book listings. This script is no longer ISBN specific and uses a lookup to check if the library has any version of the book. Original source Written by Nick Baker, Reference and Web Services Librarian; adapted for wccls by Rudi Pittman. If the book is not found a link will be provided to the Interlibrary Loan form where you can request the library get a copy. V1.1 created on 10/28/2010 to handle Amazon Changes.

BIB - Greasemonkey Script) - Exemple - Is this Amazon, Barnes and Noble, Powell's, or Netflix item (book, CD, DVD) available from the Atlanta-Fulton County Georgia Library System? - Atlanta-Fulton County Georgia Library System for Greasemonkey

Determines if an Amazon, Barnes and Noble, Powell's, or Netflix item (book, CD, or DVD) is among the holdings of the Atlanta-Fulton County Georgia Library System. When the user navigates to an item, the user script locates, if present, the ISBN-13, the ISBN-10, the title, the author(s), the actor(s), and the director(s) on the page. It then searches the library by ISBN-13 and ISBN-10, by title and each author, by title and each actor, and by title and each director. If a search returns at least one result, a "smile" icon appears above the product image. If the user clicks on the "smile" icon, the browser navigates to the library search result(s) for the item. If no search returns any result, a "frown" icon appears above the product image.

BIB - AFI OPAC 2.0 : L'OPAC 2.0 Bibliothèque de Yerres en ligne ! | AFI OPAC 2.0

Les fonctionnalités suivantes ont été activées: - Recherche dans le bandeau - Export automatique de paniers de nouveautés - Avis des lecteurs de la bibliothèque - Avis des lecteurs Amazon - Biographies Wikipedia - Tags communautaires (Folksonomy) - Ils ont empruntés aussi - Gestionnaire de contenu - Plan d'accès GoogleMap

BIB - Greenstone - Koha : dialogue entre un SIGB et une GED libres | BuBiBlog

En attendant la publication d'un document sur l'intégration de Greenstone et Koha dans un même outil, disponible prochainement à l'adresse http://dharmaganja.ncsi.iisc.ernet.in/ je vous livre ci-dessous la méthodologie choisie pour faire fonctionner en parallèle Greenstone et Koha, sur les mêmes données, mais en laissant à chaque logiciel sa spécificité.

2009

BIB - Integration Google Agenda Pour les stages, congrés etc ... autour du metier de Documentaliste - Bibliobsession 2.0 » Calendoc

Lionel Dujol de La bibliothèque apprivoisée et moi-même vous proposont donc de remédier à cet éparpillement des énergies avec un outil collaboratif destiné à regrouper toutes les manifestations liées à l’information documentation dans un seul agenda ! Pour cela nous avons choisi un outil puissant et gratuit : Google agenda. L’outil est très malléable puisqu’il permet d’importer et d’exporter des données et de disséminer les informations via des widgets sur des sites. De plus, tous les évènements sont indexés par google. ça donne ça :