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>

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