Archive pour la catégorie ‘Aid-o-Web’

« Précédent

Un autre problème résolu

Dimanche 2 Mars 2008

C’est le week-end des problèmes, et malgré que tout aille mal côté informatique chez nous, j’arrive toujours à trouver une solution.

Mon mac G4 a décidé qu’il avait pu de dvd-rom de connecté. Évidemment, juste avant se problème, il ne voulait pas me cracher le dvd vierge que je lui avais si gentiment offert. Évidemment, le seul truc poche que j’ai trouvé sur mon G4, c’est que la boîte de mon ordi est totalement optimisé pour avoir le moins de trucs possible. Donc j’ai une porte pour mon cd-rom quand il s’ouvre, mais pas de bouton pour l’ouvrir. C’est directement sur le clavier. Sauf que là, mon ordi voulait pu recevoir d’ordre de mon clavier, surtout (et seulement) de mon bouton EJECT. Je reboot, j’essais encore, j’ouvre un programme de gravure de cd et je fait la commande EJECT à partir de là. Rien. Nada. Et je vois que maintenant, j’ai aucun driver de cd/dvd de détecté . AARGHHH. (suite…)

0 commentaire Catégorie Aid-o-Web

Ah bin gadon.

Samedi 1 Mars 2008

‘Gardons ça toé, un autre truc que stupide Internet Explorer est pas capable de faire. Comme on dit, épais un jour, épais toujours.

Le nowrap! Ce super attribut qu’on insère dans une balise TD et qui empêche ton texte d’aller sur plusieurs lignes et qui l’oblige à la place à rester sur une ligne (ce qui redimensionne tes cellules, mais dans certains cas, tu veux ça). Le wrap sert à ça.

Évidemment, tout n’est pas si rose. (suite…)

0 commentaire Catégorie Aid-o-Web

J’adooooreee!

Vendredi 22 Février 2008

Plus simple que ça tu meurs. Le design web 2.0, vous connaissez? Tendance mode ou nécessité, beaucoup de monde a des avis très partagés sur le style.

Classe, simple et si doux aux yeux. Par contre certains ne misent que sur ça, et l’ergonomie est souvent bafoué. Je pense qu’il y en a qui essait de réinventer la roue. Je me demande si c’est la bonne chose à faire.

Dans tous les cas, on ne passe pas à côté du design style Web 2.0. Merci à deziner folio, on a maintenant des outils HYPER faciles à utiliser pour avoir ces si beaux effets. On a les styles de calques (layers styles) pour photoshop et les dégradés(gradient) pour photoshop. De quoi faire grincer des dents les vrais designers qui ont développé leur propre tactique pour arriver à du web 2.0 très joli. Je m’amuse comme une petite fille!!

0 commentaire Catégorie Aid-o-Web

Pige de Noël

Vendredi 7 Décembre 2007

Votre famille est éparpillée de partout et vous n’avez pas l’occasion de vous voir avant Noël et vous désirez faire une pige pour un échange de cadeaux? Pas problème!

Prenez ce script, insérez-y les prénoms et leur courriel de vos gens (assurez-vous de pas avoir deux personnes avec le même prénom, sinon ajouter lui la première lettre de son nom de famille, SANS ESPACE). Mettez-cela en ligne sur un serveur linux, faites rouler le script. Et toc! Chacun des membres de votre fabuleuse famille recevra un courriel leur avisant qui ils ont pigé. En aucun cas quelqu’un aura pigé son propre nom. Magiiiiie!

<!DOCTYPE HTML PUBLIC “-//W3C//DTD HTML 4.01 Transitional//EN”
“http://www.w3.org/TR/html4/loose.dtd”>
<html>
<head>
<title>Pige de Noel</title>
<meta http-equiv=”Content-Type” content=”text/html; charset=iso-8859-1″>
</head>
<body>
<?php
$famille =array(
‘Vous’ => ‘votre@courriel.com’,
‘Personne1=> ‘choupinette@hotmail.com’,
‘Personne2′ => ‘poisson@hotmail.com’,
‘Personne3′ => ‘peau_de_banane911@pompiersexy.com’,
‘Etc’ =>’dindonsauvageiloveu@hotmail.com’
);
$familletemps = array(’Vous’,'Personne1′,’Personne2′,’Personne3′,’Etc’); $trouver = false;
while(!$trouver){
$pige = array();
$pigetemp = array();
$isOk= true;
$rand_keys = array_rand ($familletemps,count($familletemps));
foreach($rand_keys as $pos){
array_push($pigetemp,$familletemps[$pos]);
}
$pos=0;
foreach($famille as $nom => $courriel){
if($nom == $pigetemp[$pos]){
$isOk = false;
}
$pige[$nom]=$pigetemp[$pos];
$pos++;
}

if($isOk){
$trouver = true;
}
}
$objet = “Pige de Noel”;
$headers =’From: “Votre nom”<votre@courriel.com>’.”\n”;
$headers .=’Reply-To: votre@courriel.com.”\n”;
$headers .=’Content-Type: text/plain; charset=”iso-8859-1″‘.”\n”;
$headers .=’Content-Transfer-Encoding: 8bit’;
foreach($famille as $nom => $courriel){
$messagemail = “Salut “.$nom.”! \n
C’est moi! \n
Étant donné que nous n’avons pas la possilibité de nous voir avant Noël, voici un script que j’ai roulé afin qu’elle se fasse en toute sécurité! Le budget cette année pour le cadeau est situé à 20.00$ \n\n
*** “.$pige[$nom].” ***\n\n\n
Si tu n’as pas d’idée cadeau, là, c’est rendu ton problème! \n

À bientôt! \n\n

Moi \n\n
“;
// NOTER! Vous pouvez modifier le texte. Svp ne pas mettre de guillemets (”) et ne pas toucher les deux lignes “Salut “.$nom.”! \n” et le ” *** “.$pige[$nom].” ***\n\n\n”. Pour faire un retour de ligne, il suffit de mettre un “\n”, c’est la syntaxe à utiliser dans un courriel plein texte.

mail($courriel, $objet, $messagemail, $headers);
}

?>
</body>
</html>

Si vous avez des questions, n’hésitez pas à communiquer avec moi par courriel

0 commentaire Catégorie Aid-o-Web

Les décimals en Javascript

Mardi 13 Novembre 2007

Javascript, comme tout autre langage de programmation légèrement difficile, ne sait pas que “1″+1=2 … Il nous donne plus NaN [Not a Number]
Javascript ne sait pas additionner les textes qui sont des nombres et les nombres véritables, contrairement à PHP, où on peut faire n’importe quoi n’importe quand n’importe presque où.
Alors il faut prendre grand soin de transformer la variable de texte en variable de nombre (string en integer/float)
Integer: Nombre entier
Float: Nombre décimal
Vous devinez donc dans lequel nous allons prendre! (suite…)

3 commentaires Catégorie Aid-o-Web

Submit() is not a function

Mercredi 31 Octobre 2007

Je l’ai cherché longtemps celle-là!

Quand tu as un formulaire super cool, et que tu veux que ton bouton soit visuellement différent du bouton normal de type <input type=”button”>, d’habitude tu crées un lien modifier au niveau visuel grâce au CSS et tu ajoutes l’attribut “onclick” avec la valeur “document.monform.submit()”. Jusque là, numéro 1! Maintenant, on se rend compte que quand on appuie sur la touche ENTER, pour envoyer le formulaire, ça ne marche pas.

Deux solutions s’offrent à nous: (suite…)

0 commentaire Catégorie Aid-o-Web

Commentaires conditionnels

Mercredi 3 Octobre 2007

Les commentaires conditionnels. Petite merveille effectif seulement pour Internet Explorer, qui m’empêche de totalement dire que ce logiciel est du caca-bouette. Les commentaires conditionnels sont un petit bout de code que seulement Internet Explorer lit, et donc nous pouvons incorporer du code seulement pour IE, même si l’utilisateur a son javascript désactivé. (Amen)

C’est très facile à monter:

<!–[if IE]>
Vous rentrer le code pour IE ici!
<![endif]–>

Ah oui! On ne peut pas rentrer du CSS dans ces commentaires, mais seulement du code (X)HTML. Mais bon, pour ça, on a la soluce facile:

<!–[if IE]>
<link type=”text/css” rel=”stylesheet” href=”styles-ie.css”></link> <![endif]–>

On peut spécifier aussi laquel des version de IE nous voulons que le code soit effectif!

<!–[if gte IE 5]> pour réserver le contenu à IE 5.0 et version plus récentes (actuellement E5.5, IE6.0 et IE7.0) <![endif]–>

<!–[if IE 5.0]> pour IE 5.0 <![endif]–>

<!–[if IE 5.5000]> pour IE 5.5 <![endif]–>

<!–[if IE 6]> pour IE 6.0 <![endif]–>

<!–[if gte IE 5.5000]> pour IE5.5 et supérieur <![endif]–>

<!–[if lt IE 6]> pour IE5.0 et IE5.5 <![endif]–>

<!–[if lt IE 7]> pour IE inférieur à IE7 <![endif]–>

<!–[if lte IE 6]> pour IE5.0, IE5.5 et IE6.0 mais pas IE7.0<![endif]–>

Cool hin?
Ho et si vous avez faites comme moi, installer IE7, et IE6 en “standalone”, les commentaires dans le IE6 seront interpréter selon la version 7, même si on teste dans IE6. Weird, mais bon. Je vais trouver une autre solution pour débuguer mes css dans les deux navigateurs.

0 commentaire Catégorie Aid-o-Web

CSS: Alignement centrer vertical

Mercredi 19 Septembre 2007

Wow! Ça fait un méchant bout de temps que je recherche cette solution, et tandis que je cherche un autre soluce aussi utile pour un autre truc, elle me saute dans la face! C’est génial!

Qui ne sait pas battu pour positionner un beau <div> centré à la vertical? À l’horizontale, rien de plus simple, d’habitude un text-align:center; fait la job. De toute manière, je n’élaborerai pas la dessus. Ce qu’on veut, c’est de l’alignement à la verticale et centrer bon!

#ton_div{
width:200px; /* tu lui dis une largeur */
height:200px; /* tu lui dis une hauteur*/
position:absolute;
top:50%; /* la position du haut du div en absolu à la moitié de la page*/
margin-top:-100px; /* mais tu sais qu’il fait 200px de haut, donc tu enlèves un margin de -100^x (200px/2…) */
left:50% /* ici ça sert à en plus centrer horizontalement par la même occasion */
margin:left:-100px; /* même logique que pour la hauteur */
}

J’ai hâte de testé mais je suis pas mal certaine que c’est une jolie solution!!!

0 commentaire Catégorie Aid-o-Web

IE et son problème d’activation de contrôle

Samedi 15 Septembre 2007

Microsoft empêche , depuis IE6 (Avec le SP2 je pense?… Mmhh… plus certaine),  d’activer automatiquement des contrôles tels que des programmes Flash et même son propre lecteur Media Player. La raison est un truc obscur que j’ai déjà lu quelque part que Microsoft n’avait pas les droits de faire un truc d’activation de contrôle automatique pour des droits quelconques vis-à-vis une autre société (Si mes souvenirs sont bons, ce qui n’est pas toujours le cas).

Bref! Encore plus de problèmes avec Internet Explorer, cela dit!

J’ai trouvé une solution simple, qui marche pour au moins les applications flash. Je ne sais pas pour les autres contrôles, je n’ai pas eu l’occasion d’essayer.

Vous devez copier/coller le code suivant dans un fichier javascript (ex: flashfix.js)

theObjects = document.getElementsByTagName(”object”);
for (var i = 0; i < theObjects.length; i++) {
theObjects[i].outerHTML = theObjects[i].outerHTML;
}

Vous mettez ce fichier évidemment en ligne.

Après cela, ajouter dans votre entête(<head></head>) de page qui contient le flash les lignes suivantes:

<!–[if IE]>
<script defer type=”text/javascript” src=”votre/chemin/flashfix.js”></script>
<![endif]–>

Voilà un beau petit hack, seulement pour IE! Le code <!–[if IE]> <![endif]–>, c’est seulement Internet Explorer qui le lit. Donc, on insère le code qu’on veut que ce soit seulement IE qui le lise, soit pour cette exemple, le fichier javascript qui aide à enlever le maudit clique de plus qu’on doit faire pour activer fichier flash inclus dans une page web! Woot woot!

Il existe d’autres solutions, donc une de l’ancien Macromedia, mais bon, c’est vraiment dans le plus complexe, et je suis pas encore rendue à vous expliquer des trucs difficiles! Une étape à la fois svp! :D

0 commentaire Catégorie Aid-o-Web

Tous les versions d’Internet Explorer

Mardi 11 Septembre 2007

Chers développeurs, chères developpeuses,

Voici le moment tant voulu, et oui, cela se fait, avoir toutes les version d’Internet Explorer sur le même poste de travail. En attendant que Internet Explorer 7 soit omniprésent à la place d’IE6, c’est une excellente solution pour tester les 2 navigateurs.

Premièrement, il faut installer IE7 sur votre Windows XP (il n’y a pas encore d’installeur pour Vista). Le plus facile des moyens est de mettre votre Windows à jour (toujours pratique), sinon,  recherche sur le site web de Microsoft pour télécharger l’application.

Ensuite, télécharger le MULTIPLE-IE INSTALLER! Youhou!!!  Installer le truc. Il vous demandera même quelles versions vous désirez installer.

Pour plus d’informations, visiter le site de Tredosoft.

Pour ma part, c’est la révélation du mois!

0 commentaire Catégorie Aid-o-Web
« Précédent
  • Fait vécu de la semaine
  • Arbre en arbre à Mirabel est une activité de couples, famille, amis ou solo. Vraiment génial!
  • Essaie de me battre, sale brute!
  • Calendrier
  • Août 2008
    L M Me J V S D
    «    
     123
    45678910
    11121314151617
    18192021222324
    25262728293031