pékà|concept - le blog technique

Aller au contenu | Aller au menu | Aller à la recherche

vendredi 11 janvier 2013

Affichage de l'image avant l'upload ( cela peut toujours servir )


<input type="file" name="photo" id="i-photo" value="" accept="image"  onchange="readURL(this)"/>

<div id="photo_thumbnail" ></div>

<script>
function readURL(input) {
            if (input.files && input.files[0]) {
                var reader = new FileReader();

                reader.onload = function (e) {
                    $('#photo_thumbnail').html('<img src="'+e.target.result+'" height="200" />');
                };

                reader.readAsDataURL(input.files[0]);
            }
        }
</script>

mardi 13 septembre 2011

prettyPhoto, encore... (et oui) un plugin de type lightbox

prettyPhoto est un clone du célèbre lightbox, avec support d'images (logique), mais aussi de vidéos, flash, iframes & ajax
Compatible avec les principaux navigateurs web, mais aussi avec IE6, il est assez complet, et customisable

accès au plugin prettyPhoto

Isotope, un plugin "magique" pour gérer les layouts

Découvert par hasard, ce plugin pourrait bien aider dans la façon de présenter les contenus,
bien pensé, pas trop lourd, compatible avec tous les navigateurs récents, ce petit plugin jquery est à bookmarquer :)

Isotope

vendredi 20 mai 2011

Charger une page web via curl

Exemple tout bête mais aussi explicite :)


$c = curl_init();
curl_setopt($c, CURLOPT_URL, "http://example.com/");
curl_setopt($c, CURLOPT_RETURNTRANSFER, 1);
$data = curl_exec($c);
curl_close($c);


CURLOPT_RETURNTRANSFER permets de retourner le résultat de la page chargée dans une variable plutôt que directement dans le navigateur.

Plugin jquery "menu contextuel"

pourquoi ré-inventer la roue quand d'autres l'ont déjà fait! :)

Lire la suite

Forcer l'insertion texte dans tinymce

Ou comment éviter d'avoir du code pourri dans les pages via les copier/coller bourrins :)

Lire la suite

jQuery Alert Dialogs , plugin de remplacement des fenêtres de confirmation et d'alerte standards

Assez sympa, et facilement modifiable

Lire la suite

jQuery File Upload Plugin

Upload de fichiers via javascript + flash
iphone & co passez votre route , flash n'est pas supporté par l'iOS :)

Lire la suite

Jcrop : un plugin jquery pour modifier les images

Télécharger le plugin

Voir la démo en ligne

Compression CSS via PHP

ça peut toujours servir :)

Lire la suite

A compléter

Vous pouvez ici mettre ce que vous voulez, des liens, du texte, des petites photos.

Le contenu de cette colonne est un fichier inclus contenu dans le dossier du thème et nommé "extra.html".

La syntaxe à respecter est le xhtml.

Astuce : si vous n'êtes pas très à l'aise avec le xhtml, créez un nouveau billet dans votre blog, saisissez-le en wiki, puis convertissez le billet en xhtml. Copiez-le, collez-le ici. Enfin, supprimez-le de votre blog.

En tout état de cause, vous pouvez également, si vous le préférez supprimer dans le fichier keepsake/template.php la ligne
<?php include("extra.html"); ?>
et placer directement le contenu de cette colonne (en syntaxe xhtml bien sûr).

Calendrier

« janvier 2013
lunmarmerjeuvensamdim
123456
78910111213
14151617181920
21222324252627
28293031