Archives de la catégorie ‘Dévellopement web’

Supprimer la valeur par default d’un input text avec Mootools

Jeudi 15 avril 2010

Vous avez un input text avec une value par defaut (Par exemple « rechercher » ou « login ») que vous souhaitez supprimer au clique et réafficher si il est vide une fois sorti du champ?

Je viens d’écrire un petit bout de code pour faire ça avec Mootools:

window.addEvent('domready', function() {
   var InputASup = $('conteneurpere').getElements('.ChampAutoSup');
   InputASup.each(function(UnInput){
      var TextInput = UnInput.get('value');
 
      UnInput.addEvent('focus', function(){	
           if(UnInput.get('value') == TextInput){	
               UnInput.set('value', '');
           };
       })
       UnInput.addEvent('blur', function(){	
           if(UnInput.get('value') == ''){		
               UnInput.set('value', TextInput);
           };
       })
   });   
});

Il vous suffit ensuite de rajouter la classe .ChampAutoSup aux Input concernés et de remplacer « ChampAutoSup » par l’ID du conteneur père.

Je ne suis pas un spécialiste de Javascript et si vous voyez une manière d’optimiser ce petit bout de code je suis bien entendu preneur ;) . (d’ailleurs je me demande si créer des fonctons en dehors du domready est moins gourmand?)

Limiter la taille d’un texte sans couper le dernier mot

Mardi 30 mars 2010

Je viens de passer un moment à chercher une expression régulière me permettant de limiter la taille d’un texte sans couper la chaîne en plein milieu d’un mot.
Finalement je dois vraiment être trop noob en expressions régulières car je n’ai pas trouvé, mais j’ai trouvé une alternative.

function racourcirtexte($texte, $taille){
        //on coupe à l'arrache
	$texte=substr($texte, 0, $taille);	
 
        //on vire la dernière suite de caractère (le dernier mot qu'il soit coupé ou pas)
	$pattern = '#[[:space:]][^ ]+$#iU';
	$texte = preg_replace($pattern, "", $texte);
	return $texte;
}

Si quelqu’un à mieux, je suis preneur ;)

EDIT: Quelqu’un à mieux! Merci Jo helico (Hop un autre BL offert ;) ):

        function racourcirtexte($sText, $iLimit){
	if(strlen($sText) > $iLimit){
		$sText = substr($sText, 0, $iLimit);
		$sText = substr($sText, 0, strrpos($sText, ' '));
	}
	return $sText;
}

Centrer verticalement une image à taille variable avec CSS et PHP

Jeudi 14 mai 2009

Oui un peu de développement web sur le blog maintenant, une nouvelle thématique qui n’a rien à voir avec les autres, un blog sans thématique c’est tout ce qu’il ne faut pas faire normalement et moi ça me plaît bien :)

Bref non développeurs passez votre chemin!  J’ai longtemps galérer pour centrer verticalement des images dont on ne peut pas connaître à l’avance la taille (par exemple une galerie de photos qui peuvent être en format portrait ou paysage, ou avoir des ratios différents).

J’utilisai un tableau pour chaque image avec une propriété vertical-align, mais d’un c’était vraiment caca comme code, et de deux cela me forçait à inclure une marge sur les cotés (je n’ai jamais réussi à la virer cette fucking marge).

Et hier, après m’être embrouillé avec mon associée à ce sujet « mais je te dis que ce n’est pas possible pauvre graphiste à la con », « mais si ça l’est forcement espèce de développeur de merde » (bon j’en rajoute un peu) j’ai encore une fois eu tort en trouvant une solution toute bête:

<div class="cadres_photo">
<?php
list($width, $height, $type, $attr) = getimagesize("photos/moncul.jpg");
$marge = round((57 - $height) /2);
echo '<img src="photos/moncul.jpg" alt="Mummm" style="margin-top:'.$marge.'px;" />';
?>
</div>

(57 étant le height de .cadres_photo)

Voilà, cela servira peut-être à un mec aussi à l’ouest que moi qui tomberait ici grâce au super référencement de ce blog sans thématique précise ;)