var page=1; var nb_pages=6; var travaux=1; var nb_pages_travaux=2; var disabled=0; var formfocus=0; function enable_page(newpage) { page=newpage; disabled=0; } function gotopage(newpage, prevnext) { if (disabled==0 && newpage>=1 && newpage!=page) { //disabled=en cas d'appui simultané sur 2 touches ou appui rapide disabled=1; if (prevnext=="") prevnext=(page1 && disabled==0) { var dest=((page-1)!=4) ? page-1 : page-2; gotopage(dest, "prev"); } return false; }); $("#divmain a#arrow_r").click(function() { if (page1) { disabled=1; $("#divmain #travaux"+travaux).fadeOut(100, function() { $("#divmain #travaux"+(travaux-1)).fadeIn(500); //if (travaux==2) $("#divmain #arrow_u").fadeOut(800); //else if (travaux==nb_pages_travaux) $("#divmain #arrow_d").fadeIn(800); travaux--; disabled=0; }); } } } return false; }); $("#divmain a#arrow_d").click(function() { if (disabled==0) { //en cas d'appui simultané sur 2 touches ou appui rapide if (page==3) { //page travaux if (travauxEcandidats", "link":"site/img/media/large_ecandidats1.jpg", "title":"Développement du dossier de candidature en ligne"}, {"image":"site/img/media/large_ecandidats2.jpg", "caption":"Développement d'une application Facebook ecandidats", "link":"site/img/media/large_ecandidats2.jpg", "title":"Développement d'une application Facebook ecandidats"}, {"image":"site/img/media/large_ecandidats3.jpg", "caption":"Développement d'une seconde application Facebook ecandidats", "link":"site/img/media/large_ecandidats3.jpg", "title":"Développement d'une seconde application Facebook ecandidats"}, {"image":"site/img/media/large_ecandidats4.jpg", "caption":"Conception de maquette emailing pour les étudiants", "link":"site/img/media/large_ecandidats4.jpg", "title":"Conception de maquette emailing pour les étudiants"}]; loadgallery("ecandidats", data); $("div#travaux a#lien_travaux3").click(function() { $("#divmain #bulle_travaux_haut").hide(); $("#divmain #bulle_travaux_bas").hide(); //$("#gallery_ensiate").data('pikachoose').Prev(); gotopage(4, ""); $("div#texte4 #titre_galerie").text("refonte site web ensiate"); $('div[id^="gallery_"]').hide(); $("#gallery_ensiate").show(); return false; }); var data=[{"image":"site/img/media/large_ensiate.jpg", "caption":"Proposition de refonte du site web de l'école supérieure ENSIATE - Page d'accueil", "link":"site/img/media/large_ensiate.jpg", "title":"Proposition de refonte du site web de l'école supérieure ENSIATE - Page d'accueil"}, {"image":"site/img/media/large_ensiate2.jpg", "caption":"Proposition de refonte du site web de l'école supérieure ENSIATE - Page intérieure v1", "link":"site/img/media/large_ensiate2.jpg", "title":"Proposition de refonte du site web de l'école supérieure ENSIATE - Page intérieure v1"}, {"image":"site/img/media/large_ensiate3.jpg", "caption":"Proposition de refonte du site web de l'école supérieure ENSIATE - Page intérieure v2", "link":"site/img/media/large_ensiate3.jpg", "title":"Proposition de refonte du site web de l'école supérieure ENSIATE - Page intérieure v2"}]; loadgallery("ensiate", data); $("div#travaux a#lien_travaux4").click(function() { $("#divmain #bulle_travaux_haut").hide(); $("#divmain #bulle_travaux_bas").hide(); //$("#gallery_mainmise").data('pikachoose').Prev(); gotopage(4, ""); $("div#texte4 #titre_galerie").text("visuel/affiche main mise"); $('div[id^="gallery_"]').hide(); $("#gallery_mainmise").show(); return false; }); var data=[{"image":"site/img/media/large_mainmise.jpg", "caption":"Conception de visuel/affiche pour une future exposition à Grenoble", "link":"site/img/media/large_mainmise.jpg", "title":"Conception de visuel/affiche pour une future exposition à Grenoble"}]; loadgallery("mainmise", data); $("div#travaux a#lien_travaux5").click(function() { $("#divmain #bulle_travaux_haut").hide(); $("#divmain #bulle_travaux_bas").hide(); //$("#gallery_autoecole").data('pikachoose').Prev(); gotopage(4, ""); $("div#texte4 #titre_galerie").text("flyer auto école virtuelle"); $('div[id^="gallery_"]').hide(); $("#gallery_autoecole").show(); return false; }); var data=[{"image":"site/img/media/large_autoecole.jpg", "caption":"Conception de flyer promotionnel pour l'auto école virtuelle", "link":"site/img/media/large_autoecole.jpg", "title":"Conception de flyer promotionnel pour l'auto école virtuelle"}]; loadgallery("autoecole", data); $("div#travaux a#lien_travaux6").click(function() { $("#divmain #bulle_travaux_haut").hide(); $("#divmain #bulle_travaux_bas").hide(); //$("#gallery_lulaby").data('pikachoose').Prev(); gotopage(4, ""); $("div#texte4 #titre_galerie").text("recherche personnelle"); $('div[id^="gallery_"]').hide(); $("#gallery_lulaby").show(); return false; }); var data=[{"image":"site/img/media/large_lulaby.jpg", "caption":"Conception d'une série d'images", "link":"site/img/media/large_lulaby.jpg", "title":"Conception d'une série d'images"}]; loadgallery("lulaby", data); $("div#travaux a#lien_travaux7").click(function() { $("#divmain #bulle_travaux_haut").hide(); $("#divmain #bulle_travaux_bas").hide(); //$("#gallery_iby").data('pikachoose').Prev(); gotopage(4, ""); $("div#texte4 #titre_galerie").text("web-design ibuzzyou"); $('div[id^="gallery_"]').hide(); $("#gallery_iby").show(); return false; }); var data=[{"image":"site/img/media/large_ibuzzyou.jpg", "caption":"Proposition web-design pour le site IBuzzYou", "link":"site/img/media/large_ibuzzyou.jpg", "title":"Proposition web-design pour le site IBuzzYou"}, {"image":"site/img/media/large_ibuzzyou2.jpg", "caption":"Conception de flyer pour le site IBuzzYou", "link":"site/img/media/large_ibuzzyou2.jpg", "title":"Conception de flyer pour le site IBuzzYou"}]; loadgallery("iby", data); $("div#travaux a#lien_travaux8").click(function() { $("#divmain #bulle_travaux_haut").hide(); $("#divmain #bulle_travaux_bas").hide(); //$("#gallery_dloaw").data('pikachoose').Prev(); gotopage(4, ""); $("div#texte4 #titre_galerie").text("logotype d-loaw"); $('div[id^="gallery_"]').hide(); $("#gallery_dloaw").show(); return false; }); var data=[{"image":"site/img/media/large_dloaw.jpg", "caption":"Conception de logotype pour le collectif D-LOAW", "link":"site/img/media/large_dloaw.jpg", "title":"Conception de logotype pour le collectif D-LOAW"}]; loadgallery("dloaw", data); $("div#travaux a#lien_travaux9").click(function() { $("#divmain #bulle_travaux_haut").hide(); $("#divmain #bulle_travaux_bas").hide(); //$("#gallery_escg").data('pikachoose').Prev(); gotopage(4, ""); $("div#texte4 #titre_galerie").text("maquettes emailing escg"); $('div[id^="gallery_"]').hide(); $("#gallery_escg").show(); return false; }); var data=[{"image":"site/img/media/large_escg.jpg", "caption":"Conception d'une maquette emailing de convocation pour l'école supérieure ESCG", "link":"site/img/media/large_escg.jpg", "title":"Conception d'une maquette emailing de convocation pour l'école supérieure ESCG"}, {"image":"site/img/media/large_escg2.jpg", "caption":"Conception d'une maquette emailing prospects pour l'école supérieure ESCG", "link":"site/img/media/large_escg2.jpg", "title":"Conception d'une maquette emailing prospects pour l'école supérieure ESCG"}]; loadgallery("escg", data); $("div#travaux a#lien_travaux10").click(function() { $("#divmain #bulle_travaux_haut").hide(); $("#divmain #bulle_travaux_bas").hide(); //$("#gallery_iea").data('pikachoose').Prev(); gotopage(4, ""); $("div#texte4 #titre_galerie").text("refonte site web iea"); $('div[id^="gallery_"]').hide(); $("#gallery_iea").show(); return false; }); var data=[{"image":"site/img/media/large_iea.jpg", "caption":"Proposition de refonte du site web de l'école supérieure IEA", "link":"site/img/media/large_iea.jpg", "title":"Proposition de refonte du site web de l'école supérieure IEA"}]; loadgallery("iea", data); $("div#travaux a#lien_travaux11").click(function() { $("#divmain #bulle_travaux_haut").hide(); $("#divmain #bulle_travaux_bas").hide(); //$("#gallery_creation").data('pikachoose').Prev(); gotopage(4, ""); $("div#texte4 #titre_galerie").text("web-design creation on demand"); $('div[id^="gallery_"]').hide(); $("#gallery_creation").show(); return false; }); var data=[{"image":"site/img/media/large_creation.jpg", "caption":"Proposition web-design pour le site Creation on Demand", "link":"site/img/media/large_creation.jpg", "title":"Proposition web-design pour le site Creation on Demand"}]; loadgallery("creation", data); $("div#travaux a#lien_travaux12").click(function() { $("#divmain #bulle_travaux_haut").hide(); $("#divmain #bulle_travaux_bas").hide(); //$("#gallery_bee").data('pikachoose').Prev(); gotopage(4, ""); $("div#texte4 #titre_galerie").text("mascotte bouygues"); $('div[id^="gallery_"]').hide(); $("#gallery_bee").show(); return false; }); var data=[{"image":"site/img/media/large_bee.jpg", "caption":"Conception de mascotte pour le programme E-Learning de Bouygues", "link":"site/img/media/large_bee.jpg", "title":"Conception de mascotte pour le programme E-Learning de Bouygues"}]; loadgallery("bee", data); $("div#fancybox-outer").css("cursor", "pointer"); $("div#fancybox-outer").click(function() { $.fancybox.close(); }); $("div#travaux a.bg_thumb_cube").hover( function() { //$(this).stop().animate({opacity: "0.9"}, "fast"); var id = $(this).attr("id"); var titre="", desc="", div="", left=0, tabpos=Array(35,296,557,0,261,522); if (page==3) { //page travaux if (id=="lien_travaux1") { div="haut"; titre="mascotte axa sud-ouest"; desc="Conception mascotte E-learning"; left=tabpos[0]; } else if (id=="lien_travaux2") { div="haut"; titre="identité ecandidats"; desc="Refonte de l\'identité visuelle"; left=tabpos[1]; } else if (id=="lien_travaux3") { div="haut"; titre="refonte site web ensiate"; desc="Proposition de refonte du site"; left=tabpos[2]; } else if (id=="lien_travaux4") { div="bas"; titre="visuel/affiche main mise"; desc="Affiche pour avoir la \"main mise\""; left=tabpos[3]; } else if (id=="lien_travaux5") { div="bas"; titre="flyer auto école virtuelle"; desc="Conception de flyer promotionnel"; left=tabpos[4]; } else if (id=="lien_travaux6") { div="bas"; titre="recherche personnelle"; desc="Conception d\'une série d\'images"; left=tabpos[5]; } else if (id=="lien_travaux7") { div="haut"; titre="web-design ibuzzyou"; desc="Proposition web-design du site"; left=tabpos[0]; } else if (id=="lien_travaux8") { div="haut"; titre="logotype d-loaw"; desc="Conception de logotype"; left=tabpos[1]; } else if (id=="lien_travaux9") { div="haut"; titre="maquettes emailing escg"; desc="Conception de maquettes emailing"; left=tabpos[2]; } else if (id=="lien_travaux10") { div="bas"; titre="refonte site web iea"; desc="Proposition de refonte du site"; left=tabpos[3]; } else if (id=="lien_travaux11") { div="bas"; titre="site creation on demand"; desc="Proposition web-design du site"; left=tabpos[4]; } else if (id=="lien_travaux12") { div="bas"; titre="mascotte bouygues"; desc="Conception mascotte E-learning"; left=tabpos[5]; } if (titre!="" && desc!="" && div!="" && left>=0) { $("#divmain #bulle_travaux_"+div+"1").text(titre); $("#divmain #bulle_travaux_"+div+"2").text(desc); $("#divmain #bulle_travaux_"+div).css("margin-left", left+"px").show(); } } return false; }, function() { //$(this).stop().animate({opacity: "1"}, "fast"); var id = $(this).attr("id"); if (page==3) { //page travaux $("#divmain #bulle_travaux_haut").hide(); $("#divmain #bulle_travaux_bas").hide(); } return false; } ); $("#dialog-error").dialog({ modal: true, closeOnEscape: true, autoOpen: false, draggable: false, resizable: false, buttons: { "OK": function() { $( this ).dialog( "close" ); } }, open: function(event, ui) { disabled=1; }, beforeClose: function(event, ui) { disabled=0; } }); $(window).scroll(function() { if ($("#dialog-error").dialog("isOpen")) $("#dialog-error").dialog("option", "position", "center"); }); }); var clicsbt=0; function testform(form){ var missing_field=""; var champfocus=""; var $dialogerr = $("#dialog-error"); var $dialogerrcont = $("#dialog-error_content"); if (!form.nom.value) { missing_field+="
  • Votre nom/structure
  • "; champfocus=(champfocus=="") ? form.nom : champfocus; } if (!form.email.value) { missing_field+="
  • Votre e-mail
  • "; champfocus=(champfocus=="") ? form.email : champfocus; } if (!form.telephone.value) { missing_field+="
  • Téléphone
  • "; champfocus=(champfocus=="") ? form.telephone : champfocus; } if (!form.objet.value) { missing_field+="
  • Objet
  • "; champfocus=(champfocus=="") ? form.objet : champfocus; } if (!form.message.value) { missing_field+="
  • Votre message
  • "; champfocus=(champfocus=="") ? form.message : champfocus; } if (missing_field!="") { $dialogerr.dialog({width: 340, height: 'auto'}); $dialogerr.dialog({position: "center"}); $dialogerrcont.html("Merci de remplir correctement les champs obligatoires suivants :

      "+missing_field+"
    "); $dialogerr.dialog("open"); $dialogerr.dialog({close: function(){ if (champfocus!="") champfocus.focus(); }}); missing_field=""; return false; } if (!verifMail(form.email.value)) { $dialogerr.dialog({width: 240, height: 110}); $dialogerr.dialog({position: "center"}); $dialogerrcont.html("L'email saisi est invalide."); $dialogerr.dialog("open"); $dialogerr.dialog({close: function(){ form.email.focus(); }}); return false; } if (form.telephone.value.length<10) { $dialogerr.dialog({width: 410, height: 126}); $dialogerr.dialog({position: "center"}); $dialogerrcont.html("Le numéro de téléphone est incorrect, il doit contenir au minimum 10 chiffres."); $dialogerr.dialog("open"); $dialogerr.dialog({close: function(){ form.telephone.focus(); }}); return false; } clicsbt++; if (clicsbt==1) return ajax_request_contact(); else return false; } function ajax_request_contact() { var $dialog = $("#dialog-error"); var $dialogcont = $("#dialog-error_content"); var $form = $("#form_contact"); $dialog.dialog({width: 340, height: 'auto'}, {close: function(){} }); $("#divwait").css("display", ""); disabled=1; var myDatas = $form.serialize(); $.ajax({ type: "POST", url: "contact_ajax.php", cache: false, async: true, processData: false, data: myDatas, datatype: "xml", complete: function() { var form=document.forms["form_contact"]; form.reset(); form.blur(); $("#divwait").css("display", "none"); clicsbt=0; }, error: function(msg) { disabled=0; $dialogcont.html("Erreur : "+msg); $dialog.dialog("open"); }, success: function(data) { var result=0; $(data).find("response").each(function(){ result=$(this).find("result").text(); }); var dialog_txt=""; switch (parseInt(result,10)) { case 1: dialog_txt="Nous avons bien reçu votre demande et vous répondrons dans les meilleurs délais.
    Merci de votre confiance."; break; case 2: dialog_txt="
    Une erreur est survenue lors de l\'envoi du message et a été signalée à notre service technique.
    Veuillez réessayer ultérieurement.
    "; break; case 3: dialog_txt="
    Merci de remplir correctement tous les champs obligatoires.
    "; break; } disabled=0; if (dialog_txt!="") { $dialogcont.html(dialog_txt); $dialog.dialog("open"); } } }); return false; } function verifMail(mail) { var reg=new RegExp("^[\\w\\-]+(\\.[\\w\\-]+)*@[\\w\\-]+(\\.[\\w\\-]+)*\\.[\\w\\-]{2,}$", "i"); if (reg.test(mail)) return true; else return false; } function codeTouche(evenement) { for (prop in evenement) { if (prop == "which") return(evenement.which); } return(evenement.keyCode); } function pressePapierNS6(evenement,touche) { var rePressePapierNS = /[cvxz]/i; for (prop in evenement) if (prop == "ctrlKey") isModifiers = true; if (isModifiers) return evenement.ctrlKey && rePressePapierNS.test(touche); else return false; } function CheckIntKey(evenement) { var reCarSpeciaux = /[\x00\x08\x0D\x03\x16\x18\x1A]/; //retour arrière, entrée, copier-couper-coller, ctrl-z var reCarValides = /[\d\x2B]/; //que des chiffres ou touche + var codeDecimal = codeTouche(evenement); var car = String.fromCharCode(codeDecimal); var autorisation = reCarValides.test(car) || reCarSpeciaux.test(car) || pressePapierNS6(evenement,car); return autorisation; } function CheckIntField(objChamp) { var reContenuValide = /^[\d\x2B]*$/; //que des chiffres ou touche + if (!reContenuValide.test(objChamp.value)) { objChamp.value = ""; //objChamp.focus(); } }