<s:execute> <s:task b:action="show" /> </s:execute> <div id="area51"> <div id="header"> <div id="headerShadowTL"> <div id="headerShadowTR"> <div id="buttonsTop"> <a href="#" onclick="popin()"> <img id="buttonTop_left" src="img/buttonTop_left.gif" alt="" /> </a> <a href="#" onclick="popin()"> <img id="buttonTop_right" src="img/buttonTop_right.gif" alt="" /> </a> </div> <div id="logo"></div> </div> </div> </div> <div id="shadowL"> <div id="shadowR"> <div id="main"> <div id="popin"> <div id="close" onclick="popin()"></div> <div id="popupTitle">Télécharger Area51Reader</div> <a href="plaquette/pros_realisation.pdf" target="_blank"><img src="img/popupBtn_Left.gif" id="popupBtnL" alt="" /></a> <a href="plaquette/pros_101006.pdf" target="_blank" ><img src="img/popupBtn_Right.gif" id="popupBtnR" alt="" /></a> <div class="clearDiv"></div> </div> <div id="topMain"> Stratégie, Expertise Web 2.0<br /> Conseil et Développement en Architecture informatique </div> <div id="content"> <div id="cContentL"> <div id="cContentL_Top"> <div id="cContentL_Btm"> <a id="previous-item-button" b:behavior="move-backward"><img src="img/contentLeft.gif" alt="" /></a> </div> </div> </div> <div id="cContent"> <div id="cContentLeft"> <div id="cContentRight"> <div id="cContentTL"> <div id="cContentTR"> <div id="cContentBL"> <div id="cContentBR"> <div id="contentIn" b:singular="strict"> <div id="web2" b:behavior="motion"></div> <div id="form" b:behavior="motion"> <form id="form-contact" b:destination="id('confirmation_envoi')" method="get" b:behavior="form-behavior"> <div id="mailLayer"> <input type="text" id="mailLayer_textbox1" name="subject" value="" b:required="true" /> <textarea cols="1" rows="1" id="mailLayer_textbox2" name="body-text" b:required="true"></textarea> <div id="mailLayer_floatCnt"> <input type="text" id="mailLayer_textbox3" name="mail" value="" b:required="true" b:validation="email"/> <b:button id="button_submit" b:action="trigger" b:target="id('form-contact')" b:event="validate-form">Envoyer</b:button> <div style="clear:both;visibility:hidden;"></div> </div> </div> </form> <div id="infoLayer"> <div id="infoLayer_L"> <h1>Area51Studio</h1> <h2>Direction Technique</h2> 27 rue du Chemin Vert<br /> 75011 Paris <h2>Siège Administratif</h2> 7 rue Marbeuf<br /> 75008 Paris </div> <div id="infoLayer_R"> Tel./Fax. : 01.70.36.76.36<br /> Mail : contact@area51studio.net </div> <div id="confirmation_envoi" b:behavior="confirmationMail"> </div> </div> </div> <div id="tags" b:behavior="motion" > <div class="nuage"> <div class="nuage1"> <h3>E commerce 2.0</h3> </div> <div class="clearDiv"></div> <div class="nuage2"> <h3 style="float:left;">Expert en</h3> <h1 style="float:left;margin-left:5px;">architecture informatique</h1> </div> <div class="clearDiv"></div> <div class="nuage3"> <h3>Consultant accessibilité</h3> </div> <div class="clearDiv"></div> <div class="nuage4"> <h2>Expert framework AJAX</h2> </div> <div class="clearDiv"></div> <div class="nuage5"> <h3 style="float:left;">Expert</h3> <h1 style="float:left;margin-left:5px;">standard W3C</h1> </div> <div class="clearDiv"></div> <div class="nuage6"> <h1 style="float:right;margin-right:5px;">.Net 2.0</h1> <h3 style="float:right;margin-right:5px;">et</h3> <h1 style="float:right;margin-right:5px;">JAVA/J2EE</h1> <h3 style="float:right;margin-right:5px;">Environnement</h3> </div> <div class="clearDiv"></div> <div class="nuage7"> <h3>Social networking</h3> </div> <div class="clearDiv"></div> </div> <div id="tagLayer"> Stratégie, Expertise Web 2.0<br/> Conseil et Développement en Architecture informatique<br/><br/> <div style="font-weight:bold;"> Area51Studio c'est une autre vision du web.</div> Conseil en stratégie E-commerce, E-marketing, E-Business, et Développement logiciel sont les compétences réunies par nos équipes.<br/><br/> <div style="text-align:center; font-weight:bold;"> Le succès d'un site dépend des compétences des équipes à l'origine de sa création.</div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> <div id="cContentR"> <div id="cContentR_Top"> <div id="cContentR_Btm"> <a id="next-item-button" b:behavior="move-forward"><img src="img/contentRight.gif" alt="" /></a> </div> </div> </div> </div> <div id="links"> <a b:current="'web2'" b:previous="'tags'" b:next="'form'" b:behavior="link">Accueil</a> <span style="padding:0 20px;">|</span> <a b:current="'tags'" b:previous="'form'" b:next="'web2'" b:behavior="link">A propos</a> <span style="padding:0 20px;">|</span> <a b:current="'form'" b:previous="'web2'" b:next="'tags'" b:behavior="link">Contactez nous</a> </div> <div id="info" style="display:none" ></div> <s:variable b:name="current" b:scope="global" b:value="'web2'" /> <s:variable b:name="next-item" b:scope="global" b:value="'form'" /> <s:variable b:name="previous-item" b:scope="global" b:value="'tags'" /> <s:behavior b:name="move-forward"> <s:event b:on="command"> <s:parallel> <s:task b:action="trigger" b:event="moveBackward" b:target="{concat('id(',$current,')')}" /> <s:task b:action="trigger" b:event="moveBackward" b:target="{concat('id(',$next-item,')')}" /> <s:task b:action="trigger" b:event="moveBackward" b:target="{concat('id(',$previous-item,')')}" /> <s:setatt b:disabled="true" b:target="id('next-item-button')" /> </s:parallel> <s:parallel> <s:variable b:name="temp_current" b:scope="local" b:value="{$current}" /> <s:task b:action="assign" b:target="$current" b:select="$next-item" /> <s:task b:action="assign" b:target="$next-item" b:select="$previous-item" /> <s:task b:action="assign" b:target="$previous-item" b:select="$temp_current" /> </s:parallel> <s:task b:action="trigger" b:event="movePositionStart" b:target="{concat('id(',$next-item,')')}" /> <s:setatt b:disabled="false" b:target="id('next-item-button')" /> </s:event> </s:behavior> <s:behavior b:name="move-backward"> <s:event b:on="command"> <s:parallel> <s:task b:action="trigger" b:event="moveForward" b:target="{concat('id(',$current,')')}" /> <s:task b:action="trigger" b:event="moveForward" b:target="{concat('id(',$next-item,')')}" /> <s:task b:action="trigger" b:event="moveForward" b:target="{concat('id(',$previous-item,')')}" /> <s:setatt b:disabled="true" b:target="id('previous-item-button')" /> </s:parallel> <s:parallel> <s:variable b:name="temp_current" b:scope="local" b:value="{$current}" /> <s:task b:action="assign" b:target="$current" b:select="$previous-item" /> <s:task b:action="assign" b:target="$previous-item" b:select="$next-item" /> <s:task b:action="assign" b:target="$next-item" b:select="$temp_current" /> </s:parallel> <s:task b:action="trigger" b:event="movePositionEnd" b:target="{concat('id(',$previous-item,')')}" /> <s:setatt b:disabled="false" b:target="id('previous-item-button')" /> </s:event> </s:behavior> <s:behavior b:name="link" > <s:event b:on="mouseenter"> <s:fxstyle b:width="150px" b:background-color="#44ACDC" b:color="#ffffff" b:time="0"/> </s:event> <s:event b:on="mouseleave"> <s:fxstyle b:background-color="#ffffff" b:color="#6A7275" b:time="1200"/> </s:event> <s:event b:on="click"> <s:choose> <s:when b:test="@b:current=$current"> </s:when> <s:when b:test="@b:current=$previous-item"> <s:task b:action="trigger" b:event="command" b:target="id('previous-item-button')" /> </s:when> <s:otherwise> <s:task b:action="trigger" b:event="command" b:target="id('next-item-button')" /> </s:otherwise> </s:choose> </s:event> </s:behavior> <s:behavior b:name="motion"> <s:event b:on="moveForward"> <s:fxstyle b:motion="exp" b:left="~778px" b:time="800" /> </s:event> <s:event b:on="moveBackward"> <s:fxstyle b:motion="exp" b:left="~-778px" b:time="800" /> </s:event> <s:event b:on="movePositionStart"> <s:setstyle b:left="778px" /> </s:event> <s:event b:on="movePositionEnd"> <s:setstyle b:left="-778px" /> </s:event> </s:behavior> <s:default b:tag="input" b:attribute="b:behavior" b:value="form-field-input" /> <s:default b:tag="textarea" b:attribute="b:behavior" b:value="form-field-textarea" /> <s:behavior b:name="generic-input"> <s:event b:on="construct"> <s:fxstyle b:background-color="#ffffff" b:time="300" /> </s:event> <s:event b:on="validate"> <s:choose> <s:when b:test="@b:valid=''" /> <s:when b:test="@b:valid='true'"> <s:task b:action="trigger" b:event="valid" /> </s:when> <s:otherwise> <s:task b:action="trigger" b:event="invalid" /> </s:otherwise> </s:choose> </s:event> <s:event b:on="valid" b:test="@name"> <s:fxstyle b:background-color="#EDFCEF" b:time="300" /> </s:event> <s:event b:on="invalid"> <s:fxstyle b:background-color="#ffe0e0" b:time="300" /> </s:event> <s:event b:on="mouseenter"> <s:if b:test="@b:valid and @b:valid != 'true'"> <s:task b:action="set" b:target="id('info')/@innerHTML" b:value="{@b:infomsg}" /> <s:task b:action="show" b:target="id('info')" /> <s:task b:action="position" b:type="place" b:target="id('info')" b:destination="." b:position="after-pointer" /> </s:if> </s:event> <s:event b:on="mouseleave"> <s:task b:action="hide" b:target="id('info')" /> </s:event> </s:behavior> <s:behavior b:name="form-field-input" b:behavior="generic-input"> <s:event b:on="focus"> <s:task b:action="hide" b:target="id('confirmation_envoi')"/> <s:task b:action="set" b:target="@value" b:value="" /> <s:fxstyle b:background-color="#ffffff" b:time="300" /> </s:event> <s:event b:on="blur"> <s:fxstyle b:background-color="#ffffff" b:time="300" /> <s:task b:action="trigger" b:event="validate"/> </s:event> <s:event b:on="validate" b:test="@type='text' or @type='password'"> <s:choose> <s:when b:test="@b:required='true' and regexp(@value, '^[ ]*$')"> <s:setatt b:valid="required" b:infomsg="Ce champs est obligatoire" /> </s:when> <s:when b:test="(@value='Sujet de votre message')"> <s:setatt b:valid="false" b:infomsg="Vous devez mettre un sujet pour votre message" /> </s:when> <s:when b:test="@b:validation='email' and not(regexp(@value, '^.+@(.+\.)+[a-zA-Z]{2,}$'))"> <s:setatt b:valid="false" b:infomsg="L'adresse email doit tre du type user@domain.com" /> </s:when> <s:otherwise> <s:setatt b:valid="true" /> </s:otherwise> </s:choose> <s:super /> </s:event> </s:behavior> <s:behavior b:name="form-field-textarea" b:behavior="generic-input"> <s:event b:on="focus"> <s:task b:action="hide" b:target="id('confirmation_envoi')"/> <s:task b:action="set" b:target="@value" b:value="" /> <s:fxstyle b:background-color="#ffffff" b:time="300" /> </s:event> <s:event b:on="blur"> <s:fxstyle b:background-color="#ffffff" b:time="300" /> <s:task b:action="trigger" b:event="validate"/> </s:event> <s:event b:on="validate"> <s:choose> <s:when b:test="@b:required='true' and regexp(@value, '^[ ]*$')"> <s:setatt b:valid="required" b:infomsg="Ce champs est obligatoire" /> </s:when> <s:when b:test="(@value='Entrez votre message')"> <s:setatt b:valid="false" b:infomsg="Vous devez mettre un message" /> </s:when> <s:otherwise> <s:setatt b:valid="true" /> </s:otherwise> </s:choose> <s:super /> </s:event> </s:behavior> <s:behavior b:name="form-behavior"> <s:event b:on="construct"> <s:task b:action="set" b:target="id('mailLayer_textbox1')/@value" b:value="Sujet de votre message" /> <s:task b:action="set" b:target="id('mailLayer_textbox2')/@value" b:value="Entrez votre message" /> <s:task b:action="set" b:target="id('mailLayer_textbox3')/@value" b:value="Entrez votre email" /> <s:task b:action="trigger" b:event="construct" b:target=".//*" /> </s:event> <s:event b:on="validate-form"> <s:task b:action="trigger" b:event="validate" b:target=".//*" /> <s:choose> <s:when b:test="not(.//*[@b:valid][@b:valid != 'true'])"> <s:task b:action="submit" b:target="id('form-contact')" /> </s:when> <s:otherwise> <s:setatt b:valid="false" /> </s:otherwise> </s:choose> </s:event> <s:event b:on="submit"> <s:render b:destination="id('sendMail')/subject" b:mode="replacechildren"> <s:textnode b:label="{id('mailLayer_textbox1')/@value}"/> </s:render> <s:render b:destination="id('sendMail')/bodyText" b:mode="replacechildren"> <s:textnode b:label="{id('mailLayer_textbox2')/@value}"/> </s:render> <s:render b:destination="id('sendMail')/mail" b:mode="replacechildren"> <s:textnode b:label="{id('mailLayer_textbox3')/@value}"/> </s:render> <s:task b:action="send" b:source="id('sendMail')" b:destination="id('confirmation_envoi')" b:autoroot="false" b:url="InfoMail.ashx" /> <s:task b:action="focus" b:target="id('confirmation_envoi')" /> </s:event> </s:behavior> <s:behavior b:name="confirmationMail"> <s:event b:on="construct"> <s:task b:action="hide" /> </s:event> <s:event b:on="active"> <s:if b:test="div/response-code = 'valid'"> <s:task b:action="show"/> <s:task b:action="set" b:target="@innerHTML" b:value="Votre email a été envoyé" /> <s:task b:action="trigger" b:event="construct" b:target="id('form-contact')" /> </s:if> <s:if b:test="div/response-code = 'invalid'"> <s:task b:action="show" /> <s:task b:action="set" b:target="@innerHTML" b:value="Votre email n'a pas été envoy " /> </s:if> </s:event> </s:behavior> <div style="visibility:hidden"> <div id="sendMail" xmlns:a="http://www.area51studio.net/a" xmlns="http://www.w3.org/1999/xhtml"> <subject></subject> <bodyText></bodyText> <mail></mail> </div> </div> <div id="copyright"> 2006 Area51 Studio touts droits réservés </div> </div> </div> </div> </div>