Javascript – Recharger une fenêtre parente lors de la fermeture d’une pop-up

0
28 jours
by in Programmation

Recharger ma page parente

La problématique est simple, j’ai une page html/php qui ouvre une pop-up pour télécharger une photo, la resizer puis l’enregistrer.

Une fois l’enregistrement terminer je ferme ma pop-up. L’image resizer doit s’afficher dans la fenêtre appelante, pour cela j’utilise l’instruction suivante avant de fermer ma pop-up.

window.opener.location.reload();

  Eviter les problèmes de cache

Lors du rappel de ma pop-up en modification j’ai du régler des problèmes de cache.

Pour cela j’ai ajouté des meta dans mon header.

<meta http-equiv="expires" content="0">
<meta http-equiv="pragma" content="no-cache">
<meta http-equiv="cache-control" content="no-cache, must-revalidate">

Malgré cela, mes problèmes persistés, j’ai alors ajouter un paramètre aléatoire à l’url ouvrant ma pop-up, et oh miracle mes problèmes ont disparu.

Sauvegarde en ligne

0
30 jours
by in Internet

Tout en ligne

Depuis quelque temps, je recherche un moyen surs de sauvegarder mes photos de famille. Car graver des DVD, copier sur des disque USB c’est bien, mais déporter la sauvegarde c’est mieux.

Le Logiciel gratuit: la solution

En cherchant sur Internet des offres qui pourrait me convenir, un article du très bon site le logiciel gratuit m’a donné la solution.

L’article « Avec HubiC OVH offre une solution de sauvegarde en ligne » expliqué qu’OVH propose une solution de sauvegarde en ligne gratuite d’une capacité de 25Go.

Maintenant plus peur de perdre le moindre sourire, le moindre visage, on dit quoi, on dit merci le logiciel gratuit.

Utilisez JQuery pour ouvrir / fermer un div

0
31 jours
by in Programmation

Nous avons vu dans l’article « Utilisation de JQuery pour soumettre un formulaire » comment utiliser le framework javascript JQuery pour soumettre un formulaire en utilisant l’ajax. Dans ce nouvel article on va voir comment ouvrir un div.

Pour ce nouvel exemple nous reprenons l’exemple précédent.

Inventaire des fichiers

L’exemple sera composé de 3 fichiers:

  • Le formulaire (index.php)
  • Traitement javascript (ajax.js)
  • Le fichier PHP de traitement (action.php)

Syntaxe HTML

Voici les lignes ajoutées après le bouton connexion du fichier index.php.

</pre>
<h3 class="collapse">Besoin d'aide cliquez-ici</h3>
<div class="content">
<ul>
	<li>Saisissez votre identifiant dans la première zone</li>
	<li>Saisissez votre mot de passe dans la deuxième zone</li>
	<li>Cliquez sur le bouton connexion</li>
</ul>
</div>
<pre>

Ce qui est important dans ces quelques lignes sont les classes collapse et content. On va mieux le comprendre en regardant le code javascript qu’il faut ajouter dans le fichier _js/ajax.js.

Syntaxe Javascript

Après les lignes suivantes après la fonction Ready

jQuery(".content").hide();
jQuery(".collapse").click(function()
{
    jQuery(this).next(".content").slideToggle(500);
});

Ces deux indiquent que par défaut l’élément html ayant la classe content est caché. Et lors du clique du l’élément html ayant la classe collpase, affiche l’élement suivant ayant la classe content.

Syntaxe CSS

Et juste quelque ligne de présentation ajoutée dans le fichier exemple.css

.content {
    border:2px solid #DDDDDD;
    margin-bottom:1em;
    padding:0.8em;
    background:none repeat scroll 0 0 #E6EFC2;
    border-color:#C6D880;
    color:#264409;
}

Visuels

Le formulaire avant le clique sur l’aide

Le formulaire après avoir cliqué sur le div

En cliquant de nouveau sur l’aide le texte se ferme.

Fichiers et liens

Vous trouverez un zip de l’exemple

Voici la liste des différents liens qui peuvent aider à approfondir le sujet:

Administrer sa Freebox Revolution

0
93 jours
by in Internet

Vous pouvez administrer votre Freebox Révolution depuis une interface local accessible à l’adresse suivante http://mafreebox.freebox.fr depuis votre navigateur.
Grâce à celle-ci vous allez pouvoir gérer et modifier la configuration de la Freebox Server.

Je sais que ce n’est pas une news toute fraîche, mais je ne me rappel jamais l’URL, avec ce post je sais maintenant où la retrouver.

Connaitre les dépendances d’un objet SQL

0
282 jours
by in Programmation

Si vous voulez connaitre par exemple les vues et/ou les procédures qui dépendent d’une table (ou vue), les tables (et/ou vues) dont dépend la vue (et/ou procédure), il existe une commande toute simple:

L’exécution suivante indique que « maProcA » est utilisée par « maProcB »

EXEC sp_depends @objname = 'maProcA' ;

  name              type
 ----------------  ----------------
 dbo.maProcB  stored procedure

Problème de liaison entre Flex et Amfphp

0
320 jours
by in Programmation

Voici l’erreur que j’ai eu lors du 1er appel au web service de mon application Flex, après avoir récupéré les sources depuis un repository (SVN).


[MessagingError message='Destination 'amfphp' either does not exist or
the destination has no channels defined
 (and the application does not define any default channels.)']

Le problème vient de la ligne de compilation où il manque 1 paramètre:

-services "services-config.xml"

Ce paramètre indique au compilateur le fichier contenant les informations pour établir le lien entre la partie cliente (le flex) et la partie serveur (php).

Convertir un Array en ArrayCollection en AS3

2
343 jours
by in Programmation

Tout est dans le titre, voici une petite méthode permettant de transformer un Array en ArrayCollection en AS3

...
import mx.utils.ArrayUtil;
...
var myCollection : ArrayCollection = new ArrayCollection();
var myArray       : Array             = new Array();

myCollection = new ArrayCollection( ArrayUtil.toArray(myArray ) );

Dans quelle table se trouve cette colonne?

0
429 jours
by in Programmation

Petite requête pour lister toutes les tables sous SQL- Server contenant une colonne:

select object_name(id) from syscolumns where name='maColonne'

Et nous avons comme résultat

column1
-------------
table1
table3

Ça peut servir

Merci Steph

Générateur de données

0
538 jours
by in Internet

Aujourd’hui, Generate Data, un site à l’image de Lorem Ipsum qui génère du texte, va vous aider dans vos tests de formulaire en générant des données typées.

Exemple

Il faut d’abord choisir ce que nous désirons comme type de résultat, 5 choix sont possibles:

  • HTML
  • Excel
  • XML
  • CSV
  • SQL (notre sélection)

Cela fait, choisissons le pays auquel les données répondront (ex: numéro de téléphone, adresse, …), puis pour finir le nombre de résultats générés.

Maintenant, il faut définir les champs que l’on veut retrouver en spécifiant:

  • le nom
  • le type de données (numéro de téléphone, adresse, email)
  • éventuellement des options liées au type de données sélectionnées
Generate Data Interface

Interface du site generate data

Résultats

Avant d’obtenir nos données, comme nous avons sélectionné SQL comme type de résultat, il faut spécifier, entre autre, un moteur de base de données entre

  • Mysql
  • Oracle

Et voici le résultat : en 2 minutes nous avons des données en base pour réaliser nos tests.

Generate Data Result SQL

Résultat SQL de notre génération de données

Conclusion

Une très bonne initiative qui va nous faire gagner du temps et nous permettre de mieux tester nos développements. Merci à Korben de m’avoir fait découvrir ce lien. Prenez 5 minutes pour découvrir ce très bon site si vous ne l’avez pas encore fait.

Migration du site

0
544 jours
by in Divers

Comme vous pouvez le constater une nouvelle version du site Dollois est en préparation.
Désolé des gênes occasionnées.

Next »
Go to Top