Blog Dreaminvasion - développement et administration réseaux - Web

Intégration du formulaire de paiement Paypal

Gerald Lonlas — Mon, 10 Dec 2007 14:38:00 +0100

FreelanceSwitch nous propose un petit tutoriel (en anglais) pour intégrer le formulaire de paiement de Paypal.

Le formulaire de paypal n’est vraiment pas compliqué à mettre en place sur un site Internet.
Vous pouvez suivre ce tutoriel en anglais, que je trouve simple et bien détaillé (J’essayerai de vous en faire un en français).

Pour plus d’informations sur intégration de Paypal sur votre site web, je vous recommande vivement de lire les documentations de Paypal.

N’hésitez pas à vous créer un compte sur Sandbox Paypal pour tester le fonctionnement de votre script.

Formation : ASP.NET (SUPINFO IS2)

Gerald Lonlas — Wed, 05 Dec 2007 22:27:00 +0100

Voici le programme ASP.NET suivit lors de mon année SUPINFO IS2 (2007/2008) :

Les bases d’ASP.NET 2 (Applications Web)
- Introduction à ASP.NET
  - Présentation
- Framework de page
  - Les MasterPages
  - Style, Skin, Thèmes
  - Les Webparts
- Contrôles Serveurs
  - Généralités
  - Présentation de quelques contrôles
  - Interaction Client/server
  - Le principe de PostBack
  - Validation de contrôles
  - Fichiers de configuration
  - Organisation des fichiers
  - Prise en compte des mises à jour
ASP.NET 2 Avancé
- Les contrôles serveur utilisateur
  - Principe de base
  - Créer un contrôle utilisateur
  - Les évènements dans un contrôle utilisateur
- Accès aux données
  - Le DataBinding
  - Les types de sources de données
  - ObjectDataSource
  - Afficher des données
- Debug, Trace, Cache
  - Debuger une application
  - Utiliser les informations de Trace
  - Gestion du cache
  - Le cache dependency
- Personnalisation et Navigation
  - Personnalisation
  - Aide à la navigation
Sécurité des applications web
- Equipements côté abonné
  - Authentification avec IIS
  - Principe de Membership
  - Optimisation grâce aux rôles
  - Contrôles serveurs prédéfinis (Login, LoginView)
Les services web
- Généralités
  - Introduction aux services Web
  - Le Protocole SOAP
  - Le format WSDL
- Services web avec .NET
  - Créer un service web
  - Déploiement des services
  - Consommation des services web
  - Créer des proxies transparents

Javascript : Script de rotation d’image

Gerald Lonlas — Tue, 04 Sep 2007 22:56:00 +0200

Des scripts de rotation d’image en javascript il en existe, il suffit de faire la recherche des mots clés « slideshow javascript » sur google pour le nombre de script prêt à l’emploi.

Et me voila en train d’ajouter ma contribution.

Je me permets de mettre à disposition un script que j’avais fais il y a quelques années pour le site E-tudiant.com, et que j’ai dépoussiéré très récemment pour DreamCommerce (le e-commerce que je développe actuellement).

Le javascript

Voici l’ensemble du javascript, le mieux est de l’intégrer dans un fichier .js et l’inclure dans votre page HTML.

// variables
var imgList = new Array();
var zInterval = null;
var indice=0;

// Change Opacité de l'image
function setOpacity(objet)
{
if(objet.xOpacity>.99)
{
objet.xOpacity = .99;
return;
}

objet.style.opacity = objet.xOpacity;
objet.style.MozOpacity = objet.xOpacity;
objet.style.filter = 'alpha(opacity=' + (objet.xOpacity*100) + ')';
}

// Fonction de changement des images (rotation)
function rotation()
{
cOpacity = imgList[indice].xOpacity;
nIndex = imgList[indice + 1]? indice + 1 : 0;
nOpacity = imgList[nIndex].xOpacity;

cOpacity-=.05;
nOpacity+=.05;

imgList[nIndex].style.display = 'block';
imgList[indice].xOpacity = cOpacity;
imgList[nIndex].xOpacity = nOpacity;

setOpacity(imgList[indice]);
setOpacity(imgList[nIndex]);

if(cOpacity<=0)
{
imgList[indice].style.display = 'none';
indice = nIndex;
setTimeout(rotation, 3000);
}
else
{
setTimeout(rotation, 50);
}
}

// Initialisation du rotation
function rotationInit(elementId)
{
if(document.getElementById || document.createElement)
{
imgList = document.getElementById( elementId ).getElementsByTagName('img');

for(i=1;i<imgList.length;i++)
{ imgList[i].xOpacity = 0; }

imgList[0].style.display = 'block';
imgList[0].xOpacity = .99;

setTimeout(rotation, 3000);
};
}

Le xHTML

Pour ce qui est du xHTML il suffit de mettre vos images les unes derrières les autres dans un conteneur auquel vous donnerez un id.

<div id="galerie" class="rotation">

<a href="http://www.dreaminvasion.com/realisations/23-mbolabs.html"><img src="http://www.dreaminvasion.com/images/mini-mbolabs.jpg" alt="Mbolabs" title="Mbolabs" /></a>

<a href="http://www.dreaminvasion.com/realisations/21-4l-trophy-toulouse.html"><img src="http://www.dreaminvasion.com/images/mini-4l-trophy-toulouse.jpg" alt="4L Trophy Toulouse" title="4L Trophy Toulouse" /></a>

<a href="http://www.dreaminvasion.com/realisations/11-dreaminvasion-v2-0.html"><img src="http://www.dreaminvasion.com/images/mini-dreaminvasion.com-v2.jpg" alt="Dreaminvasion v2.0" title="Dreaminvasion v2.0" /></a>

</div>

Enfin lancer la rotation via la fonction rotationInit('galerie');

<script type="text/javascript">
rotationInit('galerie');
</script>

La feuille de style

La mise en page se fera via votre feuille de style (CSS), vous appliquerez un classe CSS au conteneur des photos.

La classe CSS devra comporter les attributs : width, height qui fixera la taille du conteneur à la dimension d’une image.
Les autres images seront simplement cachées.

.rotation {
    border: 1px solid #000;
    cursor: pointer;
    overflow: hidden;
    margin: 50px auto 10px;
    position: relative;
    width: 155px;
    height: 140px;
}

.rotation img {
    border: 0;
    cursor: pointer;
    width: 155px;
    height: 140px;

}

Cliquez ici pour télécharger le fichier rotation.js (1,6 Ko).

Blog Dreaminvasion - développement et administration réseaux - Web

Intégration du formulaire de paiement Paypal

Formation : ASP.NET (SUPINFO IS2)

Les bases d’ASP.NET 2 (Applications Web)

Introduction à ASP.NET

Framework de page

Contrôles Serveurs

ASP.NET 2 Avancé

Les contrôles serveur utilisateur

Accès aux données

Debug, Trace, Cache

Personnalisation et Navigation

Sécurité des applications web

Equipements côté abonné

Les services web

Généralités

Services web avec .NET

Javascript : Script de rotation d’image

Le javascript

Le xHTML

La feuille de style