// (C) 2003 - 2010 Serge Lamarche // http://sergewebservice.ca/ // All codes copyrights Serge Lamarche, any reproduction and // use strictly forbidden without written consent. // Tous les codes droits d'auteurs Serge Lamarche, toute reproduction et // utilisation est strictement interdite sans autorisation écrite. // Contact: info@sergewebservice.ca, sergewebservice@yahoo.ca or/ou sergelamarche@gmail.com // ...for help with your website. Reliable, inexpensive website service. Thanks. // ...pour de l'aide avec votre site. Service internet abordable et professionnel. Merci. versancien="http://sergewebservice.ca/ancien/"; if (-1 != document.title.search(/Serge/)) { javascriptanimeT=new Array(); JSanimT0=new Image(); JSanimT0.src="AnimT/Note01.gif"; JSanimT1=new Image(); JSanimT1.src="Animations/attends-b.gif"; zerosT="000"; iiT=0; iiiT=0; bloqueT=1; }; function prechargeT(seql) { chgcadT=seql-6; if (iiiT>0) return; if (iiT==0) {document.images['imageT'].src=JSanimT1.src; }; if (iiT>seql) {if (!javascriptanimeT[seql].complete||!javascriptanimeT[chgcadT].complete) {window.setTimeout("prechargeT("+seql+")",2000); return;}; iiT=1; bloqueT=0; document.images['imageT'].src=javascriptanimeT[0].src; filmT(seql,1000); return}; javascriptanimeT[iiT]=new Image(); if (iiT==10) {zerosT="00"}; if (iiT==100) {zerosT="0"}; javascriptanimeT[iiT].src='AnimT/Terre'+zerosT+iiT+'.gif'; iiT++; prechargeT(seql);} function filmT(seqlT,cadence) { if (iiT!=1) return; if (bloqueT>0) return; if (document.images['imageT'].src==JSanimT1.src) return; window.setTimeout("filmTs("+seqlT+","+cadence+")",cadence); bloqueT++; } function filmTs(seqlT,cadence) { if (iiiT==chgcadT) {cadence=1200}; if (iiiT>seqlT) {iiiT=1; bloqueT=0; return}; document.images['imageT'].src=javascriptanimeT[iiiT].src; iiiT++; window.setTimeout("filmTs("+seqlT+","+cadence+")",cadence); } /////////////////////////////////////// //for (var j=3;jResults
app version: "+navappversion+"
agent utilisateur: "+navUA+"
systeme oper: "+systemeOp+"
navigateur: "+navigateur+"
rejet: "+rejet+"
rejet2: "+rejet2+"
getelementbyid: "+getelbyid+"
getelementbytagname: "+getelbytagname+"
typelesPmarge: "+lesPmarge+"
docCSS: "+docCss+"
docCSSlength: "+docCsslength+"
docCSSable: "+docCssable+"
typeCSSinsertrule: "+cssinsertrule+"
typeCSSaddrule: "+cssaddrule); document.close(); }; bgmargin=new Array(); //brmargin=new Array(); bgmargin[1]=new Array(); bgmargin[0]=["#99cc99 url(images-gen/bg-btn-navmarge-vert-0b.gif) no-repeat top left","url(images-gen/bg-ombre-rougp.gif) top","#000000"]; bgmargin[1]=["#88bb88 url(images-gen/bg-btn-navmarge-vert-0a.gif) no-repeat top left","url(images-gen/bg-ombre-rougm.gif) top","url(images-gen/invis.gif)"]; brmargin=[" outset #bbeebb"," inset #cc6666"," solid #222233"]; function ajBGmargin() { ajbtnchgcss(document.styleSheets.length); if (document.styleSheets.length!=5) return; // assure les 5 css pour ajouter ci dessous. bgmargin[0]=bgmargin[0].concat(["#ff7777","#9999cc"]); bgmargin[1]=bgmargin[1].concat(["#ee6666","#8888bb"]); brmargin=brmargin.concat([" outset #eebbbb"," outset #bbbbee"]); }; function bgmarge(elemt,audessus) { return; //style inactivé;// elemt.style.background=bgmargin[audessus][ncss]; elemt.style.borderRight=(0+2*audessus)+"px"+((audessus!=0)?brmargin[ncss]:""); elemt.style.width=(192-2*audessus)+"px"; }; function ajbtnchgcss(nbcss) { if (!document.getElementsByTagName||!document.createElement||!document.appendChild) return; var tempNomCss; var elemprchgcssEn=document.getElementById("chgcssen"); var elemprchgcssFr=document.getElementById("chgcssfr"); for (var j=0, i=0;j
  • Originalité, flexibilité: Votre site internet peut être complètement original. Sachant coder de A à Z, je peux tout créer à partir de rien. Ceci veut aussi dire que votre site internet pourrait prendre n\'importe quelle forme, ou même changer de forme. Selon ce qui vous convient. De plus, je peux fabriquer les fonctions ou le système de gérance de contenu (alias CMS) dont vous avez vraiment besoin.
    - Pas besoin de gabarits ni de logiciels générateurs de codes trop rigides, souvent problématiques.
    - Définitivement plus original et flexible qu\'un CMS préfabriqué et moins gobeur de temps.
    - Vous avez déjà choisi d\'utiliser un gabarit ou un CMS? Vous aviez vos raisons, je vais pouvoir aider.
  • Interactivité: Etant maître programmeur et avec les capacités des nouveaux fureteurs, votre site peut prendre vie en réponse aux usagers.
  • Service fiable, personnel: Une éthique de travail servant bien les clients, offrant les meilleures solution à leurs besoins. Explications que vous comprendrez, vous aidant à apprendre les mises à jour si besoin est. Toujours capable de résoudre votre problème ou de trouver une solution.
  • Hôte bon marché: A partir de $1/mois. Soyons logique, le tarif d\'hôte doit être tout aussi bon que le reste.
    • '; sceneJG='

    Des labyrinthes, en quelque sorte

    Ces jeux furent mes premiers programmes javascripts élaborés. Ils étaient aussi mes premiers efforts de programmation selon le Document Objet Modèle (DOM). J\'ai en fait aussi programmé ces jeux en javascript traditionnel puisque les fureteurs respectant le DOM étaient rares à l\'époque. Safari, le fureteur d\'Apple pour ordinateurs Mac était tout juste né. Je n\'ai donc pas testé mes jeux sur celui là. Si vous avez Safari, dites-moi s\'ils fonctionnent bien pour vous. Evidemment, ces jeux ne se comparent pas du tout aux jeux vidéos présentement sur le marché. Ils restent toujours un exercice amusant, par contre.

    Jouez avec deux variantes interactives gentilles du jeu de labyrinthe:

    souris un souris deux Des souris blanches se sont échappées et errent sur le plancher carrelé du labo. Récupérez les souris sécuritairement en guidant une ou deux de celles-ci vers une cage afin de continuer les expériences.

    chipmunk one chipmunk two Des tamias rayés, semblables à des écureuils, sont tombés à l\'eau et se sont agrippés à une roche. Sauvez les écureuils en lançant d\'autres roches pour former une voie vers la berge.

    Labyrinths, kind of

    These games were my first extensive javascript programming. It was also my first effort of programming according to the Document Object Model (DOM). I did in fact also program the games in standard javascript since DOM compliant browsers were still rare at the time. Safari, Apple\'s browser for Mac computers was barely born. So I did not test these games on it. If you have Safari, please tell me how it works for you. Of course, these games can\'t be compared to any video game currently on the market. They\'re still an amusing exercise, though.

    Play with two kind interactive variations of the labyrinth game:

    mouse one mouse twoIn Recuperate the mice, white mice escaped and roam freely on the tiled floor of the lab. You have to safely guide one or both of these mice toward a trap so that the experiments continue.

    chipmunk one chipmunk two In Save the squirrels, one or both of these two chipmunks were thrown in the water and fortunately grasped a rock. Try to liberate one or both by throwing other rocks to give them a path to shore.

    '; scenePA='

    Papillon

    Coliade butine

    Si vous utilisez un navigateur récent, un coliade commun, un papillon que l\'on retrouve entre autre dans les rocheuses, devrait voler au-dessus de la première page portique.
    La larve se nourrit de bleuets. L\'été était sec en 2003 et on en voyait partout en août et septembre. Ils se posent brièvement sur les plantes basses et butinent leurs fleurs et les sucs. On peut les voir virevolter verticalement par paires, jusqu\'à 5 mètres. Leurs couleurs varient quelque peu et les mâles ont le bord des ailes plus foncé (souvent noir). Contrairement à mon animation, ils gardent leurs ailes fermées, une fois posés.
    Autres informations au site internet du système canadien d\'information sur la biodiversité dans "Cordillère".

    Photo: © G. Pezderic.

    '; sceneBU='

    Butterfly

    Colidne flies to next flower

    If you are using a recent browser, a Colidne Sulfur, a butterfly found in the Rockies among other places, should be flying above the former entrance page.
    The larva feeds on blueberries. Summer was dry in 2003 and we did see them everywhere in August and September. They alight briefly on low plants to feed on their flowers\' nectars and on their juices. Pairs are seen twirling around vertically, up to 5 meters. There are variations of colors among them and the males wings have darker edges (often black). Contrary to my animation, they keep their wings closed, once alight.
    Other infos at the Canadian Biodiversity Information Facility website in "Cordillera".

    Photo: © G. Pezderic.

    '; sceneSI='

    Services abordables pour sites internets

    Connectez avec le mondeServices internets pour individus, organisations, petits ou grands commerçants ayant besoin de solutions simples et abordables. Bien sûr, les clients qui demandent des solutions complexes et dispendieuses sont tout aussi bienvenus. Prenant soin de produire sites et interactivités les plus universels. Peut ajouter aux sites existants. Service personnel. (x)HTML, CSS, Javascripts (AJAX), images, animations, PERL et PHP.

    Javascript est le langage de programmation pour sites internets. Il permet de produire des pages interactives efficaces. Les changements d\'images, de textes et le coliade sont des exemples d\'encodages javascripts. Les données, qu\'elles soient des nombres, du texte ou des images peuvent être traitées joliment avec du javascript. Votre site internet pourrait probablement s\'améliorer avec l\'aide d\'automatismes javascripts. Vous pouvez avoir une petite idée des possibilités, sur cette page, en faisant un déclic sur un des styles des exemples javascripts du menu à gauche.

    Les navigateurs récents permettent de nouveaux effets. Il est possible d\'être créatif et original. Des effets pratiques, utiles ou simplement décoratifs se trouvent partout dans les autres sections de mon site internet. L\'organigramme présente une liste presque exhaustive des pages. Visitez ma première page portique, ma seconde page personnelle, et la section vol libre en particulier, pour apprécier d\'autres exemples.

    Pendant que le javascript est puissant du côté client (votre ordinateur), PERL et PHP, d\'autre part, sont des langages de programmations qui agissent au niveau du serveur. Par exemple, ils permettent aux fureteurs de télécharger des fichiers, enregistrer des sondages, modifier des bases de données.

    Je fais aussi de la traduction anglaise.
    Je crée ou rénove des sites internets en produisant du code HTML et CSS satisfaisant les standards internationaux, avec ou sans effets javascripts compliqués.

    Contactez sergelamarche@gmail.com ou sergewebservice@yahoo.ca pour plus de détails.

    Affordable website services

    Connect to the worldWebsite services for individuals, organizations, small or big business in need of simple affordable solutions. Of course, clients requesting complex and expensive solutions are just as welcome. Care is given to produce the most widely supported websites codes and interactivity. Can add to existing sites. Personal, reliable service. (x)HTML, CSS, Javascripts (AJAX), images, animations, PERL and PHP.

    Javascript is the programming language for websites. It allows production of efficient interactive pages. Images and texts changes, and the colidne are examples of javascripts encodings. Data, be it numbers, texts or images can be handled nicely with javascript. Your website could probably be improved with javascript automatisms. You can have an small idea of the possibilities, right on this page, by clicking on one of the styles in the javascript examples of the menu at the left.

    Recent browsers allow for new effects. It\'s possible to be creative and original. Practical, useful or simply decorative effects are found all over the other sections of my website. The site map present an almost exhaustive list. Visit my former entrance page, my second personal page, and the section about free flight in particular, and enjoy more examples.

    While javascript is powerful on the client side (your computer), PERL and PHP, on the other hand, are programming languages that act at the server. For example, they allow browsers to upload files, record polls or surveys, modify databases.

    I also do french translations.
    I create or renovate websites by producing HTML and CSS according to international standards, with or without complicated javascript effects.

    Contact sergelamarche@gmail.com or sergewebservice@yahoo.ca for more details.

    '; sceneM3='

    Monde en trois dimensions

    Monde AtmoSi vous avez un ordinateur Window et n\'avez pas peur d\'ajouter un autre logiciel, vous pouvez voir mon petit système terrestre bâti avec le logiciel tridimensionnel Atmosphère. Joli petit système qui montre la Terre et sa lune à l\'échelle i.e. distances et grandeurs. Les rotations sont rendues plus rapides mais quand même à l\'échelle.

    Le logiciel Atmosphere, abandonné par les sociétés commerciales Viewpoint et Adobe, est encore disponible à l\'université technologique de Vienne. Je pourrais aussi l\'envoyer par courriel.

    Three-dimensional world

    Atmo WorldIf you have a Window computer and are not afraid to add another software, you can see my little Earth system built with the three-dimensional software Atmosphere. Nice little system that shows Earth and its moon to scale i.e. distances and sizes. Rotations are rendered faster but still to scale.

    The Atmosphere player was abandonned by Viewpoint and Adobe corporations, but is still available from the Vienna University of Technology. I could also email it.

    '; sceneAS='

    Animation saisonnière

    Ces animations furent créées à l\'époque où il n\'existait pas d\'application vidéo fonctionnant sur tous les fureteurs. Clairement, une évolution des applications vidéos internets s\'en venait. Pour cette raison, j\'ai créé ma propre application en javascript, un langage solide presqu\'essentiel à l\'internet. Il se trouve que mon système vidéo est très efficace. L\'inconvénient est le manque de son, compensé par sa capacité de changer du texte (ou autres éléments) en jouant. Notez que cette capacité texte n\'est pas montrée dans ce vidéo, quoique je l\'utilise dans mes vidéos de vol libre. Le vidéo suivant fut aussi généré à l\'intérieur d\'un monde 3D que j\'ai entièrement créé. Ce logiciel fut retiré du marché lorsque d\'autres algorithmes de calculs d\'ombrages se sont révélés supérieurs, je crois.

    seasonal 3D image saisonnièreL\'animation vidéo est plutôt simple, question de ne pas passer tout mon temps à la faire. Une animation normale image par image avec interactions de caractères demande une quantité de temps incroyable. Notez que cette animation saisonnière est encore hébergée sur un serveur gratuit qui affiche des publicités dans des fenêtres ouvrantes. Activez vos bloqueurs de "pop-up" et/ou fermez ces fenêtres supplémentaires. Il y a aussi des bannières que je cache sur ma page, vous ne devriez pas les voir longtemps. Le vidéo se trouve sous les flèches colorées. Alors voyez la version animée du "monde" tridimensionnel comme à droite. Une courte animation qui devrait fonctionner sur tous les navigateurs.

    Avertissement: cette animation fait de 1 à 5 Moctets. Une connexion rapide est recommandée.

    Seasonal animation

    These animations were created at a time when no cross-browser video application existed. Clearly, there was some evolution coming for vidéos on the web. For this reason, I created my own with javascript, a reliable language that is almost essential for the web. It turns out that my video system works very efficiently. One drawback is the lack of sound, compensated by the ability to change text (or any other element) as it plays. Note that this text feature is not shown on this video, although I use it on the hang gliding videos. The following video is also generated within a 3D world I entirely created. This 3D application was removed from the market when other shade rendering algorithms proved superior, I believe.

    seasonal 3D image saisonnièreThe video animation is rather simple, question to not spend all my time doing this. A normal stop-motion animation with interacting characters requires an incredible amount of time. Note, this seasonal animation is still hosted on a free server that posts ads in pop-up windows. Activate your pop-up blockers and/or close these extra windows. There are also some banners I covered on my page, you shouldn\'t be seeing them for long. The video is just below the multicolored arrows. So, see the animated version of the 3D "world" like beside. A short animation that should work on any browser.

    Size warning: this animation file takes 1 to 5 Mbytes. A fast connection is recommended.

    '; sceneAT='

    Earth from space

    La Terre de l\'espace

    Mon chez-moi nordique. (animation)

    In this animation, we gradually get closer until we arrive right above Golden and Nicholson, in the canadian rockies. I added the close-up view with satellite photos courtesy of Geobase.

    This animation is another example of my javascript video program. Just click on the image to start it. The Earth here is not quite real. With the help of a sophisticated 3D software, one that actually renders surface properties by light rays calculations (I used Virtualight), the effect is startling. The view is produced by using a (flat) mercator composite of the real Earth and real clouds, separately available courtesy of the NASA. These maps are then wrapped into a sphere of Earth\'s proportions (flatter a bit at the poles). The clouds are wrapped above the ground at the proper altitude for these views. I further the refinements by adding a layer for the air and gave it appropriate values of diffraction, refraction and transparency. The software is a little marvel for this. The rest is question of placing the camera, the light, and to position and rotate the planet according to real life values. I chose this small size to minimise the traffic of the site but the image can be made larger. Actually, here is an example of larger Earth image created this way.

    Dans cette animation, nous nous approchons graduellement jusqu\'à arriver juste au dessus de Golden et Nicholson, dans les rocheuses canadiennes. J\'ai ajouté la vue rapprochée avec des images satellitaires coutoisie de Géobase.

    Cette animation est un autre exemple de mon programme vidéo javascript. Faites un déclic sur l\'image pour la démarrer. La Terre ici n\'est pas tout à fait réelle. A l\'aide d\'un logiciel 3D sophistiqué, un qui interprète les propriétés des surfaces en calculant les rayons de lumières (j\'ai utilisé Virtualight), l\'effet est remarquable. La vue est produite en utilisant une image composite mercator (plate) de la vraie Terre et de vrais nuages, disponibles séparément courtoisie de la NASA. Ces cartes sont ensuite mises en sphères proportionelles à la Terre (plus plate aux pôles). Les nuages sont enveloppés au dessus du sol à l\'altitude appropriée, dans ces vues. J\'ajoute au raffinement en ajoutant une couche pour l\'air et lui donne les valeurs appropriées de diffraction, réfraction et transparence. Le logiciel est une petite merveille pour ca. Le reste est question de placer la caméra, la lumière et de placer et faire tourner la planète selon les valeurs réelles. J\'ai choisi ce petit format pour réduire le trafic du site mais l\'image pourrait être plus grande. En fait, voici un exemple d\'une image Terre plus grande produite de cette façon.

    Click on the image to load and play animation. Whole Earth mercator image courtesy of NASA. Satellite close-up courtesy of GeoBase®, Canada.

    Un déclic sur l\'image charge et joue l\'animation. Image mercator de la Terre gracieuseté de la NASA. Image satellite rapprochée gracieuseté de GéoBase®, Canada.

    '; //GéoBase®, Canada GeoBase®, Canada sceneCG='

    Privacy Policy & Copyrights

    Politique de confidentialité & Droits d\'auteurs

    Privacy policy: All information obtained is kept private, will never be passed to other parties and will never be used for spams, of course. Clients and friends may request their informations to check for accuracy and/or update it.
    Problem with spams: Many spammers imitate legitimate emails. Be careful. When in doubt, contact me safely via the form: "Contact Form".     Politique de confidentialité: Toute information obtenue est gardée secrète, ne sera jamais partagée et ne sera jamais utilisée pour envoyer des spams (pourriels), évidemment. Clients et amis peuvent demander leurs informations pour s\'assurer de leur justesse et/ou les mettre à jour.
    Problème avec les pourriels: Plusieurs exploiteurs imitent les courriels légitimes. Soyez prudent. En cas de doute, contactez-moi en toute sécurité avec le formulaire: "Contacter".


    Serge Web Service - Affordable internet services. Serge Web Service - Services internets abordables.

    Codes sources, design by , conception par Serge Lamarche at à sergelamarche@gmail.com, serge_lamarche@yahoo.ca & sergewebservice@yahoo.ca

    Droits d\'auteurs Copyrights 2000 - 2010 © Serge Lamarche

    Golden, British Columbia, Colombie-Britannique, Canada.

    '; sceneCI='

    Fine Websites

    Excellents Sites

    '; //fonctions de base: function rien() { return; }; //change le bg comme :hover: function cefonddevient(cetelement,couleurfond) { var savanna = quelcss() == 1; if (savanna && -1!=couleurfond.search(/invis/)) couleurfond = 'url(images-gen/base_bg_sceneb.gif)'; if (cetelement.style) cetelement.style.background = couleurfond; }; //fonction montre ou disparait element: var dispto = false; function montre(elementId, quoi) { if (!document.getElementById) return; if (!document.getElementById(elementId)) return; document.getElementById(elementId).style.display = (quoi) ? "block" : "none"; if (dispto) clearTimeout(dispto); dispto = false; }; function btnlangues() { montre("navmargejs", true); //navigation avec js en marche. if (document.styleSheets&&document.getElementById) { var chg = document.styleSheets[0]; if (chg.insertRule||chg.addRule) { for (var i=0;i(now.getTime() - maj.getTime()))) return; if (dmaj[3] < 99) {dmaj[0]=dmaj[0]-1}; var MM = dmaj[3] + ((dmaj[3] < 1999) ? (dmaj[3] < 99 ? 2000 : 1900) : 0) ; var un = one = ""; if (dmaj[1] == 1) {un = "er"; one = "st"; }; var dmajtxten = document.createTextNode("Last update "+day[dmaj[0]]+", "+MM+" "+month[dmaj[2]]+" "+dmaj[1]+one+"."); document.getElementById('dmajen').appendChild(dmajtxten); var dmajtxtfr = document.createTextNode("Mis à jour "+jour[dmaj[0]]+", le "+dmaj[1]+un+" "+mois[dmaj[2]]+" "+MM+"."); document.getElementById('dmajfr').appendChild(dmajtxtfr); }; function fureteur() { var navteur = navigator.userAgent.toLowerCase(); var fureteurs = ["konqueror", "safari", "omniweb", "opera", "webtv", "icab", "msie", "firefox", "gecko", "compatible", "mozilla"]; for (var i=0;i900) return; var pasfirefox = fureteur(); pasfirefox = (pasfirefox!="firefox"); for (var i=0;i