Rampazzo et associes - le blog de notre agence de design éditorial et graphique » NouvelObs.com http://blog.rampazzo.com Agence de conception éditoriale et graphique - Paris France Tue, 07 Feb 2012 09:47:38 +0000 en hourly 1 Une rentrée avec deux nouveaux sites http://blog.rampazzo.com/2007/09/10/une-rentree-avec-deux-nouveaux-sites/ http://blog.rampazzo.com/2007/09/10/une-rentree-avec-deux-nouveaux-sites/#comments Mon, 10 Sep 2007 13:37:39 +0000 cb http://blog.rampazzo.com/?p=237 DD_roundies.addRule('div.arrondi', '15px'); jQuery(document).ready(function($){ $("#envoyer").click(function() { valid = true; var tab_error = new Array();var message_error_web='';var message_error_mail='';var haut_mess_form = true;message_error_coche='';message_error_question='';message_error_captcha='';if($("#nom_input").val() == "") { $("#nom_input").css("background-color","#eeeeee"); $("#span_nom").css("color","#ffffff");$("#nom_input").next().text("");tab_error[0] = "Nom"; valid = false; } else { $("#nom_input").css("background-color",""); $("#span_nom").css("color",""); $("#nom_input").next().text(""); tab_error[0] = ""; }tab_error[1] = ""; if($("#mail_input").val() == "") { $("#mail_input").css("background-color","#eeeeee"); $("#span_mail").css("color","#ffffff");$("#mail_input").next().text("");tab_error[2] = "Mail"; valid = false; } else if(!$("#mail_input").val().match(/^([a-z0-9_]|\-|\.)+@(([a-z0-9_]|\-)+\.)+[a-z]{2,7}$/)){ $("#mail_input").css("background-color","#eeeeee"); $("#span_mail").css("color","#ffffff");$("#mail_input").next().text("");message_error_mail = "L'email entré n'est pas valide"; tab_error[2] = ""; valid = false; } else { $("#mail_input").css("background-color",""); $("#span_mail").css("color",""); $("#mail_input").next().text(""); tab_error[2] = ""; message_error_mail = ""; }tab_error[3] = "";if($("#objet_input").val() == "") { $("#objet_input").css("background-color","#eeeeee"); $("#span_objet").css("color","#ffffff");$("#objet_input").next().text("");tab_error[4] = "Sujet"; valid = false; } else { $("#objet_input").css("background-color",""); $("#span_objet").css("color",""); $("#objet_input").next().text(""); tab_error[4] = ""; }if($("#message_input").val() == "") { $("#message_input").css("background-color","#eeeeee"); $("#span_message").css("color","#ffffff");$("#message_input").next().text("");tab_error[5] = "Message
"; valid = false; } else { $("#message_input").css("background-color",""); $("#span_message").css("color",""); $("#message_input").next().text(""); tab_error[5] = ""; } if(valid == false) { $("#formulaire_contact").animate({ backgroundColor: "#" }, 100); var message = "Veuillez renseigner le(s) champs: "; for (var i=0; i < tab_error.length; ++i) { if(tab_error[i] != "") { message += tab_error[i]+", "; } } message = message.substring(0, message.length-2); var espace_coche = ""; if(message_error_mail != "") { message += message_error_mail; espace_coche = "
"; } if(message_error_coche != "") { message += espace_coche+message_error_coche; } if(message_error_question != "") { message += espace_coche+message_error_question; } if(message_error_captcha != "") { message += espace_coche+message_error_captcha; } if(message_error_web != "" && message_error_mail != "") { message += "
"+message_error_web; } else { message += message_error_web; } if(haut_mess_form == true) { $("#message_error").css("display","block"); $("#message_error").html(message); } } $("#formulaire_contact").animate({ backgroundColor: "#e5e5e5" }, 800); return valid; }); }); Les nouvelles formules des sites NouvelObs.com et éditions JC Lattès sont en ligne avec une conception graphique signée Rampazzo & Associés]]> DD_roundies.addRule('div.arrondi', '15px'); jQuery(document).ready(function($){ $("#envoyer").click(function() { valid = true; var tab_error = new Array();var message_error_web='';var message_error_mail='';var haut_mess_form = true;message_error_coche='';message_error_question='';message_error_captcha='';if($("#nom_input").val() == "") { $("#nom_input").css("background-color","#eeeeee"); $("#span_nom").css("color","#ffffff");$("#nom_input").next().text("");tab_error[0] = "Nom"; valid = false; } else { $("#nom_input").css("background-color",""); $("#span_nom").css("color",""); $("#nom_input").next().text(""); tab_error[0] = ""; }tab_error[1] = ""; if($("#mail_input").val() == "") { $("#mail_input").css("background-color","#eeeeee"); $("#span_mail").css("color","#ffffff");$("#mail_input").next().text("");tab_error[2] = "Mail"; valid = false; } else if(!$("#mail_input").val().match(/^([a-z0-9_]|\-|\.)+@(([a-z0-9_]|\-)+\.)+[a-z]{2,7}$/)){ $("#mail_input").css("background-color","#eeeeee"); $("#span_mail").css("color","#ffffff");$("#mail_input").next().text("");message_error_mail = "L'email entré n'est pas valide"; tab_error[2] = ""; valid = false; } else { $("#mail_input").css("background-color",""); $("#span_mail").css("color",""); $("#mail_input").next().text(""); tab_error[2] = ""; message_error_mail = ""; }tab_error[3] = "";if($("#objet_input").val() == "") { $("#objet_input").css("background-color","#eeeeee"); $("#span_objet").css("color","#ffffff");$("#objet_input").next().text("");tab_error[4] = "Sujet"; valid = false; } else { $("#objet_input").css("background-color",""); $("#span_objet").css("color",""); $("#objet_input").next().text(""); tab_error[4] = ""; }if($("#message_input").val() == "") { $("#message_input").css("background-color","#eeeeee"); $("#span_message").css("color","#ffffff");$("#message_input").next().text("");tab_error[5] = "Message
"; valid = false; } else { $("#message_input").css("background-color",""); $("#span_message").css("color",""); $("#message_input").next().text(""); tab_error[5] = ""; } if(valid == false) { $("#formulaire_contact").animate({ backgroundColor: "#" }, 100); var message = "Veuillez renseigner le(s) champs: "; for (var i=0; i < tab_error.length; ++i) { if(tab_error[i] != "") { message += tab_error[i]+", "; } } message = message.substring(0, message.length-2); var espace_coche = ""; if(message_error_mail != "") { message += message_error_mail; espace_coche = "
"; } if(message_error_coche != "") { message += espace_coche+message_error_coche; } if(message_error_question != "") { message += espace_coche+message_error_question; } if(message_error_captcha != "") { message += espace_coche+message_error_captcha; } if(message_error_web != "" && message_error_mail != "") { message += "
"+message_error_web; } else { message += message_error_web; } if(haut_mess_form == true) { $("#message_error").css("display","block"); $("#message_error").html(message); } } $("#formulaire_contact").animate({ backgroundColor: "#e5e5e5" }, 800); return valid; }); });

Les nouvelles formules des sites NouvelObs.com et éditions JC Lattès sont en ligne avec une conception graphique signée Rampazzo & Associés

éditions JC Lattès

Nouvel Obs en temps réel

]]> http://blog.rampazzo.com/2007/09/10/une-rentree-avec-deux-nouveaux-sites/feed/ 0 Temps réel au nouvelObs.com ! http://blog.rampazzo.com/2006/12/13/nouvelobscom/ http://blog.rampazzo.com/2006/12/13/nouvelobscom/#comments Wed, 13 Dec 2006 12:48:48 +0000 Rampazzo http://blog3.rampazzo.com/?p=190 DD_roundies.addRule('div.arrondi', '15px'); jQuery(document).ready(function($){ $("#envoyer").click(function() { valid = true; var tab_error = new Array();var message_error_web='';var message_error_mail='';var haut_mess_form = true;message_error_coche='';message_error_question='';message_error_captcha='';if($("#nom_input").val() == "") { $("#nom_input").css("background-color","#eeeeee"); $("#span_nom").css("color","#ffffff");$("#nom_input").next().text("");tab_error[0] = "Nom"; valid = false; } else { $("#nom_input").css("background-color",""); $("#span_nom").css("color",""); $("#nom_input").next().text(""); tab_error[0] = ""; }tab_error[1] = ""; if($("#mail_input").val() == "") { $("#mail_input").css("background-color","#eeeeee"); $("#span_mail").css("color","#ffffff");$("#mail_input").next().text("");tab_error[2] = "Mail"; valid = false; } else if(!$("#mail_input").val().match(/^([a-z0-9_]|\-|\.)+@(([a-z0-9_]|\-)+\.)+[a-z]{2,7}$/)){ $("#mail_input").css("background-color","#eeeeee"); $("#span_mail").css("color","#ffffff");$("#mail_input").next().text("");message_error_mail = "L'email entré n'est pas valide"; tab_error[2] = ""; valid = false; } else { $("#mail_input").css("background-color",""); $("#span_mail").css("color",""); $("#mail_input").next().text(""); tab_error[2] = ""; message_error_mail = ""; }tab_error[3] = "";if($("#objet_input").val() == "") { $("#objet_input").css("background-color","#eeeeee"); $("#span_objet").css("color","#ffffff");$("#objet_input").next().text("");tab_error[4] = "Sujet"; valid = false; } else { $("#objet_input").css("background-color",""); $("#span_objet").css("color",""); $("#objet_input").next().text(""); tab_error[4] = ""; }if($("#message_input").val() == "") { $("#message_input").css("background-color","#eeeeee"); $("#span_message").css("color","#ffffff");$("#message_input").next().text("");tab_error[5] = "Message
"; valid = false; } else { $("#message_input").css("background-color",""); $("#span_message").css("color",""); $("#message_input").next().text(""); tab_error[5] = ""; } if(valid == false) { $("#formulaire_contact").animate({ backgroundColor: "#" }, 100); var message = "Veuillez renseigner le(s) champs: "; for (var i=0; i < tab_error.length; ++i) { if(tab_error[i] != "") { message += tab_error[i]+", "; } } message = message.substring(0, message.length-2); var espace_coche = ""; if(message_error_mail != "") { message += message_error_mail; espace_coche = "
"; } if(message_error_coche != "") { message += espace_coche+message_error_coche; } if(message_error_question != "") { message += espace_coche+message_error_question; } if(message_error_captcha != "") { message += espace_coche+message_error_captcha; } if(message_error_web != "" && message_error_mail != "") { message += "
"+message_error_web; } else { message += message_error_web; } if(haut_mess_form == true) { $("#message_error").css("display","block"); $("#message_error").html(message); } } $("#formulaire_contact").animate({ backgroundColor: "#e5e5e5" }, 800); return valid; }); }); Le Nouvel Observateur en grand format. Rampazzo & Associés a supervisé et créé la nouvelle formule du site du Nouvel Observateur « en temps réel » : navigation optimisée, ergonomie, plus d’images, plus de couleurs, une plus grande lisibilité… L’affichage du site en 1024 pixels de large (antérieurement en 800 pixels) permet d’accueillir plus d’informations [...]]]> DD_roundies.addRule('div.arrondi', '15px'); jQuery(document).ready(function($){ $("#envoyer").click(function() { valid = true; var tab_error = new Array();var message_error_web='';var message_error_mail='';var haut_mess_form = true;message_error_coche='';message_error_question='';message_error_captcha='';if($("#nom_input").val() == "") { $("#nom_input").css("background-color","#eeeeee"); $("#span_nom").css("color","#ffffff");$("#nom_input").next().text("");tab_error[0] = "Nom"; valid = false; } else { $("#nom_input").css("background-color",""); $("#span_nom").css("color",""); $("#nom_input").next().text(""); tab_error[0] = ""; }tab_error[1] = ""; if($("#mail_input").val() == "") { $("#mail_input").css("background-color","#eeeeee"); $("#span_mail").css("color","#ffffff");$("#mail_input").next().text("");tab_error[2] = "Mail"; valid = false; } else if(!$("#mail_input").val().match(/^([a-z0-9_]|\-|\.)+@(([a-z0-9_]|\-)+\.)+[a-z]{2,7}$/)){ $("#mail_input").css("background-color","#eeeeee"); $("#span_mail").css("color","#ffffff");$("#mail_input").next().text("");message_error_mail = "L'email entré n'est pas valide"; tab_error[2] = ""; valid = false; } else { $("#mail_input").css("background-color",""); $("#span_mail").css("color",""); $("#mail_input").next().text(""); tab_error[2] = ""; message_error_mail = ""; }tab_error[3] = "";if($("#objet_input").val() == "") { $("#objet_input").css("background-color","#eeeeee"); $("#span_objet").css("color","#ffffff");$("#objet_input").next().text("");tab_error[4] = "Sujet"; valid = false; } else { $("#objet_input").css("background-color",""); $("#span_objet").css("color",""); $("#objet_input").next().text(""); tab_error[4] = ""; }if($("#message_input").val() == "") { $("#message_input").css("background-color","#eeeeee"); $("#span_message").css("color","#ffffff");$("#message_input").next().text("");tab_error[5] = "Message
"; valid = false; } else { $("#message_input").css("background-color",""); $("#span_message").css("color",""); $("#message_input").next().text(""); tab_error[5] = ""; } if(valid == false) { $("#formulaire_contact").animate({ backgroundColor: "#" }, 100); var message = "Veuillez renseigner le(s) champs: "; for (var i=0; i < tab_error.length; ++i) { if(tab_error[i] != "") { message += tab_error[i]+", "; } } message = message.substring(0, message.length-2); var espace_coche = ""; if(message_error_mail != "") { message += message_error_mail; espace_coche = "
"; } if(message_error_coche != "") { message += espace_coche+message_error_coche; } if(message_error_question != "") { message += espace_coche+message_error_question; } if(message_error_captcha != "") { message += espace_coche+message_error_captcha; } if(message_error_web != "" && message_error_mail != "") { message += "
"+message_error_web; } else { message += message_error_web; } if(haut_mess_form == true) { $("#message_error").css("display","block"); $("#message_error").html(message); } } $("#formulaire_contact").animate({ backgroundColor: "#e5e5e5" }, 800); return valid; }); });

NouvelObs .com - nouvelle maquette du site

Le Nouvel Observateur en grand format.

Rampazzo & Associés a supervisé et créé la nouvelle formule du site du Nouvel Observateur « en temps réel » : navigation optimisée, ergonomie, plus d’images, plus de couleurs, une plus grande lisibilité… L’affichage du site en 1024 pixels de large (antérieurement en 800 pixels) permet d’accueillir plus d’informations sur l’écran.

]]> http://blog.rampazzo.com/2006/12/13/nouvelobscom/feed/ 0 Nouvelobs.com, conçu graphiquement par l’agence, élu meilleur site média par CB News http://blog.rampazzo.com/2006/05/30/nouvelobscom-elu-meilleur-site-media-par-cbnews/ http://blog.rampazzo.com/2006/05/30/nouvelobscom-elu-meilleur-site-media-par-cbnews/#comments Tue, 30 May 2006 09:21:09 +0000 Rampazzo http://blog3.rampazzo.com/?p=172 DD_roundies.addRule('div.arrondi', '15px'); jQuery(document).ready(function($){ $("#envoyer").click(function() { valid = true; var tab_error = new Array();var message_error_web='';var message_error_mail='';var haut_mess_form = true;message_error_coche='';message_error_question='';message_error_captcha='';if($("#nom_input").val() == "") { $("#nom_input").css("background-color","#eeeeee"); $("#span_nom").css("color","#ffffff");$("#nom_input").next().text("");tab_error[0] = "Nom"; valid = false; } else { $("#nom_input").css("background-color",""); $("#span_nom").css("color",""); $("#nom_input").next().text(""); tab_error[0] = ""; }tab_error[1] = ""; if($("#mail_input").val() == "") { $("#mail_input").css("background-color","#eeeeee"); $("#span_mail").css("color","#ffffff");$("#mail_input").next().text("");tab_error[2] = "Mail"; valid = false; } else if(!$("#mail_input").val().match(/^([a-z0-9_]|\-|\.)+@(([a-z0-9_]|\-)+\.)+[a-z]{2,7}$/)){ $("#mail_input").css("background-color","#eeeeee"); $("#span_mail").css("color","#ffffff");$("#mail_input").next().text("");message_error_mail = "L'email entré n'est pas valide"; tab_error[2] = ""; valid = false; } else { $("#mail_input").css("background-color",""); $("#span_mail").css("color",""); $("#mail_input").next().text(""); tab_error[2] = ""; message_error_mail = ""; }tab_error[3] = "";if($("#objet_input").val() == "") { $("#objet_input").css("background-color","#eeeeee"); $("#span_objet").css("color","#ffffff");$("#objet_input").next().text("");tab_error[4] = "Sujet"; valid = false; } else { $("#objet_input").css("background-color",""); $("#span_objet").css("color",""); $("#objet_input").next().text(""); tab_error[4] = ""; }if($("#message_input").val() == "") { $("#message_input").css("background-color","#eeeeee"); $("#span_message").css("color","#ffffff");$("#message_input").next().text("");tab_error[5] = "Message
"; valid = false; } else { $("#message_input").css("background-color",""); $("#span_message").css("color",""); $("#message_input").next().text(""); tab_error[5] = ""; } if(valid == false) { $("#formulaire_contact").animate({ backgroundColor: "#" }, 100); var message = "Veuillez renseigner le(s) champs: "; for (var i=0; i < tab_error.length; ++i) { if(tab_error[i] != "") { message += tab_error[i]+", "; } } message = message.substring(0, message.length-2); var espace_coche = ""; if(message_error_mail != "") { message += message_error_mail; espace_coche = "
"; } if(message_error_coche != "") { message += espace_coche+message_error_coche; } if(message_error_question != "") { message += espace_coche+message_error_question; } if(message_error_captcha != "") { message += espace_coche+message_error_captcha; } if(message_error_web != "" && message_error_mail != "") { message += "
"+message_error_web; } else { message += message_error_web; } if(haut_mess_form == true) { $("#message_error").css("display","block"); $("#message_error").html(message); } } $("#formulaire_contact").animate({ backgroundColor: "#e5e5e5" }, 800); return valid; }); }); La remise des trophées du huitième Grand Prix des Médias de CB News a eu lieu hier soir. Le public du Grand Prix des Médias se compose en majeure partie de professionnels qui sont aussi lecteurs et annonceurs de l’hebdomadaire CB News : rédacteurs en chef, directeurs de publications, animateurs radio, présentateurs T.V, producteurs, réalisateurs, [...]]]> DD_roundies.addRule('div.arrondi', '15px'); jQuery(document).ready(function($){ $("#envoyer").click(function() { valid = true; var tab_error = new Array();var message_error_web='';var message_error_mail='';var haut_mess_form = true;message_error_coche='';message_error_question='';message_error_captcha='';if($("#nom_input").val() == "") { $("#nom_input").css("background-color","#eeeeee"); $("#span_nom").css("color","#ffffff");$("#nom_input").next().text("");tab_error[0] = "Nom"; valid = false; } else { $("#nom_input").css("background-color",""); $("#span_nom").css("color",""); $("#nom_input").next().text(""); tab_error[0] = ""; }tab_error[1] = ""; if($("#mail_input").val() == "") { $("#mail_input").css("background-color","#eeeeee"); $("#span_mail").css("color","#ffffff");$("#mail_input").next().text("");tab_error[2] = "Mail"; valid = false; } else if(!$("#mail_input").val().match(/^([a-z0-9_]|\-|\.)+@(([a-z0-9_]|\-)+\.)+[a-z]{2,7}$/)){ $("#mail_input").css("background-color","#eeeeee"); $("#span_mail").css("color","#ffffff");$("#mail_input").next().text("");message_error_mail = "L'email entré n'est pas valide"; tab_error[2] = ""; valid = false; } else { $("#mail_input").css("background-color",""); $("#span_mail").css("color",""); $("#mail_input").next().text(""); tab_error[2] = ""; message_error_mail = ""; }tab_error[3] = "";if($("#objet_input").val() == "") { $("#objet_input").css("background-color","#eeeeee"); $("#span_objet").css("color","#ffffff");$("#objet_input").next().text("");tab_error[4] = "Sujet"; valid = false; } else { $("#objet_input").css("background-color",""); $("#span_objet").css("color",""); $("#objet_input").next().text(""); tab_error[4] = ""; }if($("#message_input").val() == "") { $("#message_input").css("background-color","#eeeeee"); $("#span_message").css("color","#ffffff");$("#message_input").next().text("");tab_error[5] = "Message
"; valid = false; } else { $("#message_input").css("background-color",""); $("#span_message").css("color",""); $("#message_input").next().text(""); tab_error[5] = ""; } if(valid == false) { $("#formulaire_contact").animate({ backgroundColor: "#" }, 100); var message = "Veuillez renseigner le(s) champs: "; for (var i=0; i < tab_error.length; ++i) { if(tab_error[i] != "") { message += tab_error[i]+", "; } } message = message.substring(0, message.length-2); var espace_coche = ""; if(message_error_mail != "") { message += message_error_mail; espace_coche = "
"; } if(message_error_coche != "") { message += espace_coche+message_error_coche; } if(message_error_question != "") { message += espace_coche+message_error_question; } if(message_error_captcha != "") { message += espace_coche+message_error_captcha; } if(message_error_web != "" && message_error_mail != "") { message += "
"+message_error_web; } else { message += message_error_web; } if(haut_mess_form == true) { $("#message_error").css("display","block"); $("#message_error").html(message); } } $("#formulaire_contact").animate({ backgroundColor: "#e5e5e5" }, 800); return valid; }); });

La remise des trophées du huitième Grand Prix des Médias de CB News a eu lieu hier soir. Le public du Grand Prix des Médias se compose en majeure partie de professionnels qui sont aussi lecteurs et annonceurs de l’hebdomadaire CB News : rédacteurs en chef, directeurs de publications, animateurs radio, présentateurs T.V, producteurs, réalisateurs, directeurs de régies et de chaînes (T.V. et radio). Contrairement aux autres prix qui récompensent les professionnels d’un secteur, la participation au Grand Prix des Médias est libre de tout droit d’inscription, ce qui permet une plus large objectivité. Le site d’information en continu du Nouvel Obervateur a remporté ex-aequo avec le blog de la radio Skyrock le prix du meilleur site média. Laurent Joffrin, directeur de la rédaction du Nouvel Obervateur, et Patrick Fiole, rédacteur en chef du site, étaient présents pour recevoir le trophée. Le site a été reconnu comme une référence de l’information en ligne et a été salué pour son aptitude à se renouveler et à adapter son offre d’information aux besoins du lectorat. La conception graphique de nouvelobs.com avait été réalisée par Rampazzo & Associés. Preuve du dynamisme éditorial du site, une nouvelle formule, également conçue par l’agence, est en cours de construction.
Voir le dossier “Grand Prix des Médias 2006″ sur le site de CB News
Voir le site nouvelobs.com

]]> http://blog.rampazzo.com/2006/05/30/nouvelobscom-elu-meilleur-site-media-par-cbnews/feed/ 0 Design de l’interface graphique du NouvelObs.com http://blog.rampazzo.com/2004/11/23/design-de-linterface-graphique-du-nouvelobscom/ http://blog.rampazzo.com/2004/11/23/design-de-linterface-graphique-du-nouvelobscom/#comments Tue, 23 Nov 2004 21:12:45 +0000 Rampazzo http://blog3.rampazzo.com/?p=32 DD_roundies.addRule('div.arrondi', '15px'); jQuery(document).ready(function($){ $("#envoyer").click(function() { valid = true; var tab_error = new Array();var message_error_web='';var message_error_mail='';var haut_mess_form = true;message_error_coche='';message_error_question='';message_error_captcha='';if($("#nom_input").val() == "") { $("#nom_input").css("background-color","#eeeeee"); $("#span_nom").css("color","#ffffff");$("#nom_input").next().text("");tab_error[0] = "Nom"; valid = false; } else { $("#nom_input").css("background-color",""); $("#span_nom").css("color",""); $("#nom_input").next().text(""); tab_error[0] = ""; }tab_error[1] = ""; if($("#mail_input").val() == "") { $("#mail_input").css("background-color","#eeeeee"); $("#span_mail").css("color","#ffffff");$("#mail_input").next().text("");tab_error[2] = "Mail"; valid = false; } else if(!$("#mail_input").val().match(/^([a-z0-9_]|\-|\.)+@(([a-z0-9_]|\-)+\.)+[a-z]{2,7}$/)){ $("#mail_input").css("background-color","#eeeeee"); $("#span_mail").css("color","#ffffff");$("#mail_input").next().text("");message_error_mail = "L'email entré n'est pas valide"; tab_error[2] = ""; valid = false; } else { $("#mail_input").css("background-color",""); $("#span_mail").css("color",""); $("#mail_input").next().text(""); tab_error[2] = ""; message_error_mail = ""; }tab_error[3] = "";if($("#objet_input").val() == "") { $("#objet_input").css("background-color","#eeeeee"); $("#span_objet").css("color","#ffffff");$("#objet_input").next().text("");tab_error[4] = "Sujet"; valid = false; } else { $("#objet_input").css("background-color",""); $("#span_objet").css("color",""); $("#objet_input").next().text(""); tab_error[4] = ""; }if($("#message_input").val() == "") { $("#message_input").css("background-color","#eeeeee"); $("#span_message").css("color","#ffffff");$("#message_input").next().text("");tab_error[5] = "Message
"; valid = false; } else { $("#message_input").css("background-color",""); $("#span_message").css("color",""); $("#message_input").next().text(""); tab_error[5] = ""; } if(valid == false) { $("#formulaire_contact").animate({ backgroundColor: "#" }, 100); var message = "Veuillez renseigner le(s) champs: "; for (var i=0; i < tab_error.length; ++i) { if(tab_error[i] != "") { message += tab_error[i]+", "; } } message = message.substring(0, message.length-2); var espace_coche = ""; if(message_error_mail != "") { message += message_error_mail; espace_coche = "
"; } if(message_error_coche != "") { message += espace_coche+message_error_coche; } if(message_error_question != "") { message += espace_coche+message_error_question; } if(message_error_captcha != "") { message += espace_coche+message_error_captcha; } if(message_error_web != "" && message_error_mail != "") { message += "
"+message_error_web; } else { message += message_error_web; } if(haut_mess_form == true) { $("#message_error").css("display","block"); $("#message_error").html(message); } } $("#formulaire_contact").animate({ backgroundColor: "#e5e5e5" }, 800); return valid; }); }); ]]> DD_roundies.addRule('div.arrondi', '15px'); jQuery(document).ready(function($){ $("#envoyer").click(function() { valid = true; var tab_error = new Array();var message_error_web='';var message_error_mail='';var haut_mess_form = true;message_error_coche='';message_error_question='';message_error_captcha='';if($("#nom_input").val() == "") { $("#nom_input").css("background-color","#eeeeee"); $("#span_nom").css("color","#ffffff");$("#nom_input").next().text("");tab_error[0] = "Nom"; valid = false; } else { $("#nom_input").css("background-color",""); $("#span_nom").css("color",""); $("#nom_input").next().text(""); tab_error[0] = ""; }tab_error[1] = ""; if($("#mail_input").val() == "") { $("#mail_input").css("background-color","#eeeeee"); $("#span_mail").css("color","#ffffff");$("#mail_input").next().text("");tab_error[2] = "Mail"; valid = false; } else if(!$("#mail_input").val().match(/^([a-z0-9_]|\-|\.)+@(([a-z0-9_]|\-)+\.)+[a-z]{2,7}$/)){ $("#mail_input").css("background-color","#eeeeee"); $("#span_mail").css("color","#ffffff");$("#mail_input").next().text("");message_error_mail = "L'email entré n'est pas valide"; tab_error[2] = ""; valid = false; } else { $("#mail_input").css("background-color",""); $("#span_mail").css("color",""); $("#mail_input").next().text(""); tab_error[2] = ""; message_error_mail = ""; }tab_error[3] = "";if($("#objet_input").val() == "") { $("#objet_input").css("background-color","#eeeeee"); $("#span_objet").css("color","#ffffff");$("#objet_input").next().text("");tab_error[4] = "Sujet"; valid = false; } else { $("#objet_input").css("background-color",""); $("#span_objet").css("color",""); $("#objet_input").next().text(""); tab_error[4] = ""; }if($("#message_input").val() == "") { $("#message_input").css("background-color","#eeeeee"); $("#span_message").css("color","#ffffff");$("#message_input").next().text("");tab_error[5] = "Message
"; valid = false; } else { $("#message_input").css("background-color",""); $("#span_message").css("color",""); $("#message_input").next().text(""); tab_error[5] = ""; } if(valid == false) { $("#formulaire_contact").animate({ backgroundColor: "#" }, 100); var message = "Veuillez renseigner le(s) champs: "; for (var i=0; i < tab_error.length; ++i) { if(tab_error[i] != "") { message += tab_error[i]+", "; } } message = message.substring(0, message.length-2); var espace_coche = ""; if(message_error_mail != "") { message += message_error_mail; espace_coche = "
"; } if(message_error_coche != "") { message += espace_coche+message_error_coche; } if(message_error_question != "") { message += espace_coche+message_error_question; } if(message_error_captcha != "") { message += espace_coche+message_error_captcha; } if(message_error_web != "" && message_error_mail != "") { message += "
"+message_error_web; } else { message += message_error_web; } if(haut_mess_form == true) { $("#message_error").css("display","block"); $("#message_error").html(message); } } $("#formulaire_contact").animate({ backgroundColor: "#e5e5e5" }, 800); return valid; }); });

le-nouvel-obs

]]> http://blog.rampazzo.com/2004/11/23/design-de-linterface-graphique-du-nouvelobscom/feed/ 0