fix bugs 244: different display of checkbox in IE/firefox and 484: Missing onfocus/onblur

	in some user section *.tpl and many admin section *.tpl 
	handle FORM elements with a behaviour (inputfix.htc) in IE
	the behaviour sets onfocus and onblur events too (no longer needed in *.tpl)
	other browsers use css selector :focus and [type=___]

git-svn-id: http://piwigo.org/svn/trunk@1491 68402e56-0260-453c-a942-63ccdbb3a9ee

1 files changed, 16 insertions, 33 deletions

diff --git a/template/yoga/profile.tpl b/template/yoga/profile.tpl
index b3837f454..cfcce030e 100644
--- a/template/yoga/profile.tpl
+++ b/template/yoga/profile.tpl
@@ -27,33 +27,29 @@
         <span class="property">{lang:Username}</span>
         {USERNAME}
       </li>
-
       <li>
         <span class="property">
           <label for="mail_address">{lang:Email address}</label>
         </span>
-        <input type="text" name="mail_address" id="mail_address" value="{EMAIL}" onfocus="this.className='focus';" onblur="this.className='nofocus';">
+        <input type="text" name="mail_address" id="mail_address" value="{EMAIL}">
       </li>
-
       <li>
         <span class="property">
           <label for="password">{L_CURRENT_PASSWORD}</label>
         </span>
-        <input type="password" name="password" id="password" value="" onfocus="this.className='focus';" onblur="this.className='nofocus';">
+        <input type="password" name="password" id="password" value="">
       </li>
-
       <li>
         <span class="property">
           <label for="use_new_pwd">{L_NEW_PASSWORD}</label>
         </span>
-        <input type="password" name="use_new_pwd" id="use_new_pwd" value="" onfocus="this.className='focus';" onblur="this.className='nofocus';">
+        <input type="password" name="use_new_pwd" id="use_new_pwd" value="">
       </li>
-
       <li>
         <span class="property">
           <label for="passwordConf">{L_CONFIRM_PASSWORD}</label>
         </span>
-        <input type="password" name="passwordConf" id="passwordConf" value="" onfocus="this.className='focus';" onblur="this.className='nofocus';">
+        <input type="password" name="passwordConf" id="passwordConf" value="">
       </li>
     </ul>
   </fieldset>
@@ -66,81 +62,68 @@
         <span class="property">
           <label for="nb_image_line">{L_NB_IMAGE_LINE}</label>
         </span>
-        <input type="text" size="3" maxlength="2" name="nb_image_line" id="nb_image_line" value="{NB_IMAGE_LINE}"
-               onfocus="this.className='focus';" onblur="this.className='nofocus';">
+        <input type="text" size="3" maxlength="2" name="nb_image_line" id="nb_image_line" value="{NB_IMAGE_LINE}">
       </li>
-
       <li>
         <span class="property">
           <label for="nb_line_page">{L_NB_ROW_PAGE}</label>
         </span>
-        <input type="text" size="3" maxlength="2" name="nb_line_page" id="nb_line_page" value="{NB_ROW_PAGE}"
-               onfocus="this.className='focus';" onblur="this.className='nofocus';">
+        <input type="text" size="3" maxlength="2" name="nb_line_page" id="nb_line_page" value="{NB_ROW_PAGE}" >
       </li>
-
       <li>
         <span class="property">
           <label for="template">{L_STYLE_SELECT}</label>
         </span>
-        <select name="template" id="template" onfocus="this.className='focus';" onblur="this.className='nofocus';">
+        <select name="template" id="template">
           <!-- BEGIN template_option -->
           <option value="{template_option.VALUE}" {template_option.SELECTED}>{template_option.CONTENT}</option>
           <!-- END template_option -->
         </select>
       </li>
-
       <li>
         <span class="property">
           <label for="language">{L_LANG_SELECT}</label>
         </span>
-        <select name="language" id="language" onfocus="this.className='focus';" onblur="this.className='nofocus';">
+        <select name="language" id="language">
           <!-- BEGIN language_option -->
           <option value="{language_option.VALUE}" {language_option.SELECTED}>{language_option.CONTENT}</option>
           <!-- END language_option -->
         </select>
       </li>
-
       <li>
         <span class="property">
           <label for="recent_period">{L_RECENT_PERIOD}</label>
         </span>
-        <input type="text" size="3" maxlength="2" name="recent_period" id="recent_period" value="{RECENT_PERIOD}"
-               onfocus="this.className='focus';" onblur="this.className='nofocus';">
+        <input type="text" size="3" maxlength="2" name="recent_period" id="recent_period" value="{RECENT_PERIOD}">
       </li>
-
       <li>
         <span class="property">{L_EXPAND_TREE}</span>
-        <label><input type="radio" class="radio" name="expand" value="true" {EXPAND_TREE_YES}> {L_YES}</label>
-        <label><input type="radio" class="radio" name="expand" value="false" {EXPAND_TREE_NO}> {L_NO}</label>
+        <label><input type="radio" name="expand" value="true" {EXPAND_TREE_YES}> {L_YES}</label>
+        <label><input type="radio" name="expand" value="false" {EXPAND_TREE_NO}> {L_NO}</label>
       </li>
-
       <li>
         <span class="property">{L_NB_COMMENTS}</span>
-        <label><input type="radio" class="radio" name="show_nb_comments" value="true" {NB_COMMENTS_YES}> {L_YES}</label>
-        <label><input type="radio" class="radio" name="show_nb_comments" value="false" {NB_COMMENTS_NO}> {L_NO}</label>
+        <label><input type="radio" name="show_nb_comments" value="true" {NB_COMMENTS_YES}> {L_YES}</label>
+        <label><input type="radio" name="show_nb_comments" value="false" {NB_COMMENTS_NO}> {L_NO}</label>
       </li>
- 
       <li>
         <span class="property">
           <label for="maxwidth">{L_MAXWIDTH}</label>
         </span>
-        <input type="text" size="4" maxlength="4" name="maxwidth" id="maxwidth" value="{MAXWIDTH}"
-               onfocus="this.className='focus';" onblur="this.className='nofocus';">
+        <input type="text" size="4" maxlength="4" name="maxwidth" id="maxwidth" value="{MAXWIDTH}">
       </li>
-
       <li>
         <span class="property">
           <label for="maxheight">{L_MAXHEIGHT}</label>
         </span>
-        <input type="text" size="4" maxlength="4" name="maxheight" id="maxheight" value="{MAXHEIGHT}"
-               onfocus="this.className='focus';" onblur="this.className='nofocus';">
+        <input type="text" size="4" maxlength="4" name="maxheight" id="maxheight" value="{MAXHEIGHT}">
       </li>
     </ul>
   </fieldset>
 
   <p class="bottomButtons">
     <input type="submit" name="validate" value="{L_SUBMIT}">
-    <input type="reset" name="reset" value="{L_RESET}">
+    <input type="reset" name="reset" value="{L_RESET}" class="reset">
   </p>
 
 </form>