[svn r19466] styles in buttons see FS#3541

main/css/academica/default.css

@@ -1769,17 +1769,17 @@ button:hover {
     border-style: inset;
 }
 /* button with image */
-button.add, button.save, button.cancel, button.search, button.login {
+button.add, button.save, button.cancel, button.search, button.login, button.plus, button.minus, button.next, button.back {
     padding-left:30px;
     background-position:10px;
     background-repeat:no-repeat;
 }
 /* POSITIVE */
-button.save, button.add, button.search, button.login {
+button.save, button.add, button.search, button.login, button.plus, button.minus, button.next, button.back {
     background-color:#E5EDF9;
     border-color: #D4E2F6;
 }
-button.save:hover, button.add:hover, button.search:hover, button.login:hover {
+button.save:hover, button.add:hover, button.search:hover, button.login:hover, button.plus:hover, button.minus:hover, button.next:hover, button.back:hover {
     border-color: #D4E2F6;    
     background-color:#D4E2F6;
 }
@@ -1814,6 +1814,27 @@ button.search {
 button.login {
     background-image:url(images/button_login.gif);
 }
+
+/*including "plus" image*/
+button.plus {
+    background-image:url(images/button_plus.gif);
+}
+
+/*including "minus" image*/
+button.minus {
+    background-image:url(images/button_minus.gif);
+}
+
+/*including "next" image*/
+button.next {
+    background-image:url(images/button_next.gif);
+}
+
+/*including "back" image*/
+button.back {
+    background-image:url(images/button_back.gif);
+}
+
 .icon_image_content{
 	width:70px;
 	text-align: center;

main/css/baby_orange/default.css

@@ -1771,17 +1771,17 @@ button:hover {
     border-style: inset;
 }
 /* button with image */
-button.add, button.save, button.cancel, button.search, button.login {
+button.add, button.save, button.cancel, button.search, button.login, button.plus, button.minus, button.next, button.back {
     padding-left:30px;
     background-position:10px;
     background-repeat:no-repeat;
 }
 /* POSITIVE */
-button.save, button.add, button.search, button.login {
+button.save, button.add, button.search, button.login, button.plus, button.minus, button.next, button.back {
     background-color:#E5EDF9;
     border-color: #D4E2F6;
 }
-button.save:hover, button.add:hover, button.search:hover, button.login:hover {
+button.save:hover, button.add:hover, button.search:hover, button.login:hover, button.plus:hover, button.minus:hover, button.next:hover, button.back:hover {
     border-color: #D4E2F6;    
     background-color:#D4E2F6;
 }
@@ -1816,6 +1816,27 @@ button.search {
 button.login {
     background-image:url(images/button_login.gif);
 }
+
+/*including "plus" image*/
+button.plus {
+    background-image:url(images/button_plus.gif);
+}
+
+/*including "minus" image*/
+button.minus {
+    background-image:url(images/button_minus.gif);
+}
+
+/*including "next" image*/
+button.next {
+    background-image:url(images/button_next.gif);
+}
+
+/*including "back" image*/
+button.back {
+    background-image:url(images/button_back.gif);
+}
+
 .icon_image_content{
 	width:70px;
 	text-align: center;

main/css/corporate/default.css

@@ -1776,17 +1776,17 @@ button:hover {
     border-style: inset;
 }
 /* button with image */
-button.add, button.save, button.cancel, button.search, button.login {
+button.add, button.save, button.cancel, button.search, button.login, button.plus, button.minus, button.next, button.back {
     padding-left:30px;
     background-position:10px;
     background-repeat:no-repeat;
 }
 /* POSITIVE */
-button.save, button.add, button.search, button.login {
+button.save, button.add, button.search, button.login, button.plus, button.minus, button.next, button.back {
     background-color:#E5EDF9;
     border-color: #D4E2F6;
 }
-button.save:hover, button.add:hover, button.search:hover, button.login:hover {
+button.save:hover, button.add:hover, button.search:hover, button.login:hover, button.plus:hover, button.minus:hover, button.next:hover, button.back:hover {
     border-color: #D4E2F6;    
     background-color:#D4E2F6;
 }
@@ -1821,6 +1821,27 @@ button.search {
 button.login {
     background-image:url(images/button_login.gif);
 }
+
+/*including "plus" image*/
+button.plus {
+    background-image:url(images/button_plus.gif);
+}
+
+/*including "minus" image*/
+button.minus {
+    background-image:url(images/button_minus.gif);
+}
+
+/*including "next" image*/
+button.next {
+    background-image:url(images/button_next.gif);
+}
+
+/*including "back" image*/
+button.back {
+    background-image:url(images/button_back.gif);
+}
+
 .icon_image_content{
 	width:70px;
 	text-align: center;

main/css/cosmic_campus/default.css

@@ -1802,17 +1802,17 @@ button:hover {
     border-style: inset;
 }
 /* button with image */
-button.add, button.save, button.cancel, button.search, button.login {
+button.add, button.save, button.cancel, button.search, button.login, button.plus, button.minus, button.next, button.back {
     padding-left:30px;
     background-position:10px;
     background-repeat:no-repeat;
 }
 /* POSITIVE */
-button.save, button.add, button.search, button.login {
+button.save, button.add, button.search, button.login, button.plus, button.minus, button.next, button.back {
     background-color:#E5EDF9;
     border-color: #D4E2F6;
 }
-button.save:hover, button.add:hover, button.search:hover, button.login:hover {
+button.save:hover, button.add:hover, button.search:hover, button.login:hover, button.plus:hover, button.minus:hover, button.next:hover, button.back:hover {
     border-color: #D4E2F6;    
     background-color:#D4E2F6;
 }
@@ -1826,7 +1826,6 @@ button.cancel:hover {
     border-color: #F4E1D0;    
     background-color: #FFE3DE;
 }
-
 /*including "save" image*/
 button.save {
     background-image:url(images/button_accept.gif);
@@ -1848,6 +1847,27 @@ button.search {
 button.login {
     background-image:url(images/button_login.gif);
 }
+
+/*including "plus" image*/
+button.plus {
+    background-image:url(images/button_plus.gif);
+}
+
+/*including "minus" image*/
+button.minus {
+    background-image:url(images/button_minus.gif);
+}
+
+/*including "next" image*/
+button.next {
+    background-image:url(images/button_next.gif);
+}
+
+/*including "back" image*/
+button.back {
+    background-image:url(images/button_back.gif);
+}
+
 .icon_image_content{
 	width:70px;
 	text-align: center;

main/css/dokeos_classic/default.css

@@ -2224,17 +2224,17 @@ button:hover {
     border-style: inset;
 }
 /* button with image */
-button.add, button.save, button.cancel, button.search, button.login {
+button.add, button.save, button.cancel, button.search, button.login, button.plus, button.minus, button.next, button.back {
     padding-left:30px;
     background-position:10px;
     background-repeat:no-repeat;
 }
 /* POSITIVE */
-button.save, button.add, button.search, button.login {
+button.save, button.add, button.search, button.login, button.plus, button.minus, button.next, button.back {
     background-color:#E5EDF9;
     border-color: #D4E2F6;
 }
-button.save:hover, button.add:hover, button.search:hover, button.login:hover {
+button.save:hover, button.add:hover, button.search:hover, button.login:hover, button.plus:hover, button.minus:hover, button.next:hover, button.back:hover {
     border-color: #D4E2F6;    
     background-color:#D4E2F6;
 }
@@ -2248,7 +2248,6 @@ button.cancel:hover {
     border-color: #F4E1D0;    
     background-color: #FFE3DE;
 }
-
 /*including "save" image*/
 button.save {
     background-image:url(images/button_accept.gif);
@@ -2270,6 +2269,27 @@ button.search {
 button.login {
     background-image:url(images/button_login.gif);
 }
+
+/*including "plus" image*/
+button.plus {
+    background-image:url(images/button_plus.gif);
+}
+
+/*including "minus" image*/
+button.minus {
+    background-image:url(images/button_minus.gif);
+}
+
+/*including "next" image*/
+button.next {
+    background-image:url(images/button_next.gif);
+}
+
+/*including "back" image*/
+button.back {
+    background-image:url(images/button_back.gif);
+}
+
 .icon_image_content{
 	width:70px;
 	text-align: center;

main/css/dokeos_classic_2D/default.css

@@ -2907,17 +2907,17 @@ button:hover {
     border-style: inset;
 }
 /* button with image */
-button.add, button.save, button.cancel, button.search, button.login {
+button.add, button.save, button.cancel, button.search, button.login, button.plus, button.minus, button.next, button.back {
     padding-left:30px;
     background-position:10px;
     background-repeat:no-repeat;
 }
 /* POSITIVE */
-button.save, button.add, button.search, button.login {
+button.save, button.add, button.search, button.login, button.plus, button.minus, button.next, button.back {
     background-color:#E5EDF9;
     border-color: #D4E2F6;
 }
-button.save:hover, button.add:hover, button.search:hover, button.login:hover {
+button.save:hover, button.add:hover, button.search:hover, button.login:hover, button.plus:hover, button.minus:hover, button.next:hover, button.back:hover {
     border-color: #D4E2F6;    
     background-color:#D4E2F6;
 }
@@ -2931,7 +2931,6 @@ button.cancel:hover {
     border-color: #F4E1D0;    
     background-color: #FFE3DE;
 }
-
 /*including "save" image*/
 button.save {
     background-image:url(images/button_accept.gif);
@@ -2953,6 +2952,27 @@ button.search {
 button.login {
     background-image:url(images/button_login.gif);
 }
+
+/*including "plus" image*/
+button.plus {
+    background-image:url(images/button_plus.gif);
+}
+
+/*including "minus" image*/
+button.minus {
+    background-image:url(images/button_minus.gif);
+}
+
+/*including "next" image*/
+button.next {
+    background-image:url(images/button_next.gif);
+}
+
+/*including "back" image*/
+button.back {
+    background-image:url(images/button_back.gif);
+}
+
 .icon_image_content{
 	width:70px;
 	text-align: center;

main/css/medical/default.css

@@ -2285,17 +2285,17 @@ button:hover {
     border-style: inset;
 }
 /* button with image */
-button.add, button.save, button.cancel, button.search, button.login {
+button.add, button.save, button.cancel, button.search, button.login, button.plus, button.minus, button.next, button.back {
     padding-left:30px;
     background-position:10px;
     background-repeat:no-repeat;
 }
 /* POSITIVE */
-button.save, button.add, button.search, button.login {
+button.save, button.add, button.search, button.login, button.plus, button.minus, button.next, button.back {
     background-color:#E5EDF9;
     border-color: #D4E2F6;
 }
-button.save:hover, button.add:hover, button.search:hover, button.login:hover {
+button.save:hover, button.add:hover, button.search:hover, button.login:hover, button.plus:hover, button.minus:hover, button.next:hover, button.back:hover {
     border-color: #D4E2F6;    
     background-color:#D4E2F6;
 }
@@ -2330,6 +2330,27 @@ button.search {
 button.login {
     background-image:url(images/button_login.gif);
 }
+
+/*including "plus" image*/
+button.plus {
+    background-image:url(images/button_plus.gif);
+}
+
+/*including "minus" image*/
+button.minus {
+    background-image:url(images/button_minus.gif);
+}
+
+/*including "next" image*/
+button.next {
+    background-image:url(images/button_next.gif);
+}
+
+/*including "back" image*/
+button.back {
+    background-image:url(images/button_back.gif);
+}
+
 .icon_image_content{
 	width:70px;
 	text-align: center;

main/css/public_admin/default.css

@@ -2317,17 +2317,17 @@ button:hover {
     border-style: inset;
 }
 /* button with image */
-button.add, button.save, button.cancel, button.search, button.login {
+button.add, button.save, button.cancel, button.search, button.login, button.plus, button.minus, button.next, button.back {
     padding-left:30px;
     background-position:10px;
     background-repeat:no-repeat;
 }
 /* POSITIVE */
-button.save, button.add, button.search, button.login {
+button.save, button.add, button.search, button.login, button.plus, button.minus, button.next, button.back {
     background-color:#E5EDF9;
     border-color: #D4E2F6;
 }
-button.save:hover, button.add:hover, button.search:hover, button.login:hover {
+button.save:hover, button.add:hover, button.search:hover, button.login:hover, button.plus:hover, button.minus:hover, button.next:hover, button.back:hover {
     border-color: #D4E2F6;    
     background-color:#D4E2F6;
 }
@@ -2362,6 +2362,27 @@ button.search {
 button.login {
     background-image:url(images/button_login.gif);
 }
+
+/*including "plus" image*/
+button.plus {
+    background-image:url(images/button_plus.gif);
+}
+
+/*including "minus" image*/
+button.minus {
+    background-image:url(images/button_minus.gif);
+}
+
+/*including "next" image*/
+button.next {
+    background-image:url(images/button_next.gif);
+}
+
+/*including "back" image*/
+button.back {
+    background-image:url(images/button_back.gif);
+}
+
 .icon_image_content{
 	width:70px;
 	text-align: center;

main/css/silver_line/default.css

@@ -2380,17 +2380,17 @@ button:hover {
     border-style: inset;
 }
 /* button with image */
-button.add, button.save, button.cancel, button.search, button.login {
+button.add, button.save, button.cancel, button.search, button.login, button.plus, button.minus, button.next, button.back {
     padding-left:30px;
     background-position:10px;
     background-repeat:no-repeat;
 }
 /* POSITIVE */
-button.save, button.add, button.search, button.login {
+button.save, button.add, button.search, button.login, button.plus, button.minus, button.next, button.back {
     background-color:#E5EDF9;
     border-color: #D4E2F6;
 }
-button.save:hover, button.add:hover, button.search:hover, button.login:hover {
+button.save:hover, button.add:hover, button.search:hover, button.login:hover, button.plus:hover, button.minus:hover, button.next:hover, button.back:hover {
     border-color: #D4E2F6;    
     background-color:#D4E2F6;
 }
@@ -2425,6 +2425,27 @@ button.search {
 button.login {
     background-image:url(images/button_login.gif);
 }
+
+/*including "plus" image*/
+button.plus {
+    background-image:url(images/button_plus.gif);
+}
+
+/*including "minus" image*/
+button.minus {
+    background-image:url(images/button_minus.gif);
+}
+
+/*including "next" image*/
+button.next {
+    background-image:url(images/button_next.gif);
+}
+
+/*including "back" image*/
+button.back {
+    background-image:url(images/button_back.gif);
+}
+
 .icon_image_content{
 	width:70px;
 	text-align: center;

main/css/sober_brown/default.css

@@ -2344,18 +2344,19 @@ button:hover {
     color:#545454; 
     border-style: inset;
 }
+
 /* button with image */
-button.add, button.save, button.cancel, button.search, button.login {
+button.add, button.save, button.cancel, button.search, button.login, button.plus, button.minus, button.next, button.back {
     padding-left:30px;
     background-position:10px;
     background-repeat:no-repeat;
 }
 /* POSITIVE */
-button.save, button.add, button.search, button.login {
+button.save, button.add, button.search, button.login, button.plus, button.minus, button.next, button.back {
     background-color:#E5EDF9;
     border-color: #D4E2F6;
 }
-button.save:hover, button.add:hover, button.search:hover, button.login:hover {
+button.save:hover, button.add:hover, button.search:hover, button.login:hover, button.plus:hover, button.minus:hover, button.next:hover, button.back:hover {
     border-color: #D4E2F6;    
     background-color:#D4E2F6;
 }
@@ -2369,7 +2370,31 @@ button.cancel:hover {
     border-color: #F4E1D0;    
     background-color: #FFE3DE;
 }
+/* button with image */
+button.add, button.save, button.cancel, button.search, button.login, button.plus, button.minus, button.next, button.back {
+    padding-left:30px;
+    background-position:10px;
+    background-repeat:no-repeat;
+}
+/* POSITIVE */
+button.save, button.add, button.search, button.login, button.plus, button.minus, button.next, button.back {
+    background-color:#E5EDF9;
+    border-color: #D4E2F6;
+}
+button.save:hover, button.add:hover, button.search:hover, button.login:hover, button.plus:hover, button.minus:hover, button.next:hover, button.back:hover {
+    border-color: #D4E2F6;    
+    background-color:#D4E2F6;
+}
+/* NEGATIVE */
+button.cancel {
+    background-color:#F8E8E6;
+    border-color: #FFE3DE;
+}
 
+button.cancel:hover {
+    border-color: #F4E1D0;    
+    background-color: #FFE3DE;
+}
 /*including "save" image*/
 button.save {
     background-image:url(images/button_accept.gif);
@@ -2391,6 +2416,27 @@ button.search {
 button.login {
     background-image:url(images/button_login.gif);
 }
+
+/*including "plus" image*/
+button.plus {
+    background-image:url(images/button_plus.gif);
+}
+
+/*including "minus" image*/
+button.minus {
+    background-image:url(images/button_minus.gif);
+}
+
+/*including "next" image*/
+button.next {
+    background-image:url(images/button_next.gif);
+}
+
+/*including "back" image*/
+button.back {
+    background-image:url(images/button_back.gif);
+}
+
 .icon_image_content{
 	width:70px;
 	text-align: center;

main/exercice/answer_admin.inc.php

@@ -22,7 +22,7 @@
 *	This script allows to manage answers. It is included from the script admin.php
 *	@package dokeos.exercise
 * 	@author Olivier Brouckaert
-* 	@version $Id: answer_admin.inc.php 18543 2009-02-17 15:04:15Z cfasanando $
+* 	@version $Id: answer_admin.inc.php 19466 2009-03-31 20:18:12Z cvargas1 $
 */
 
 
@@ -1298,8 +1298,8 @@ if($modifyAnswers)
 
 <tr>
   <td colspan="4">
-	<input type="submit" name="lessMatches" value="<?php echo get_lang('LessElements'); ?>">
-	&nbsp;&nbsp;<input type="submit" name="moreMatches" value="<?php echo get_lang('MoreElements'); ?>">
+	<button type="submit" class="minus" name="lessMatches" value="<?php echo get_lang('LessElements'); ?>"><?php echo get_lang('LessElements'); ?></button>
+	&nbsp;&nbsp;<button class="plus" type="submit" name="moreMatches" value="<?php echo get_lang('MoreElements'); ?>"><?php echo get_lang('MoreElements'); ?></button>
   </td>
 </tr>
 <tr>
@@ -1322,8 +1322,8 @@ if($modifyAnswers)
 
 <tr>
   <td colspan="4">
-	<input type="submit" name="lessOptions" value="<?php echo get_lang('LessElements'); ?>">
-	&nbsp;&nbsp;<input type="submit" name="moreOptions" value="<?php echo get_lang('MoreElements'); ?>">
+	<button type="submit" class="minus" name="lessOptions" value="<?php echo get_lang('LessElements'); ?>"><?php echo get_lang('LessElements'); ?></button>
+	&nbsp;&nbsp;<button type="submit" class="plus" name="moreOptions" value="<?php echo get_lang('MoreElements'); ?>"><?php echo get_lang('MoreElements'); ?></button>
   </td>
 </tr>
 <tr>

main/exercice/matching.class.php

@@ -171,8 +171,8 @@ class Matching extends Question {
 
 		$form -> addElement ('html', '</table></div></div>');
 		$group = array();
-		$group[] = FormValidator :: createElement ('style_submit_button', 'lessMatches', get_lang('DelElem'));
-		$group[] = FormValidator :: createElement ('style_submit_button', 'moreMatches', get_lang('AddElem'));
+		$group[] = FormValidator :: createElement ('style_submit_button', 'lessMatches', get_lang('DelElem'),'class="minus"');
+		$group[] = FormValidator :: createElement ('style_submit_button', 'moreMatches', get_lang('AddElem'),'class="plus"');
 		$form -> addGroup($group);
 
 
@@ -216,8 +216,8 @@ class Matching extends Question {
 
 		$form -> addElement ('html', '</table></div></div>');
 		$group = array();
-		$group[] = FormValidator :: createElement ('style_submit_button', 'lessOptions', get_lang('DelElem'));
-		$group[] = FormValidator :: createElement ('style_submit_button', 'moreOptions',get_lang('AddElem'));
+		$group[] = FormValidator :: createElement ('style_submit_button', 'lessOptions', get_lang('DelElem'),'class="minus"');
+		$group[] = FormValidator :: createElement ('style_submit_button', 'moreOptions',get_lang('AddElem'),'class="plus"');
 		$form -> addGroup($group);
 
 		$form -> setDefaults($defaults);

main/exercice/multiple_answer.class.php

@@ -144,11 +144,12 @@ class MultipleAnswer extends Question {
 			$form -> addElement ('html', '</tr>');
 		}
 		$form -> addElement ('html', '</table>');
+		$form -> addElement ('html', '<br />');
 		
 		$form -> add_multiple_required_rule ($boxes_names , get_lang('ChooseAtLeastOneCheckbox') , 'multiple_required');
 
-		$form->addElement('style_submit_button', 'lessAnswers', get_lang('LessAnswer'),'class="save"');
-		$form->addElement('style_submit_button', 'moreAnswers', get_lang('PlusAnswer'),'class="save"');
+		$form->addElement('style_submit_button', 'lessAnswers', get_lang('LessAnswer'),'class="plus"');
+		$form->addElement('style_submit_button', 'moreAnswers', get_lang('PlusAnswer'),'class="minus"');
 		$renderer->setElementTemplate('{element}&nbsp;','lessAnswers');
 		$renderer->setElementTemplate('{element}','moreAnswers');
 		$form -> addElement ('html', '</div></div>');

main/exercice/unique_answer.class.php

@@ -255,8 +255,8 @@ class UniqueAnswer extends Question {
 		$form -> addElement ('html', '</table>');
 		$form -> addElement ('html', '<br />');
 
-		$form->addElement('style_submit_button', 'lessAnswers', get_lang('LessAnswer'),'class="save"');
-		$form->addElement('style_submit_button', 'moreAnswers', get_lang('PlusAnswer'),'class="save"');
+		$form->addElement('style_submit_button', 'lessAnswers', get_lang('LessAnswer'),'class="minus"');
+		$form->addElement('style_submit_button', 'moreAnswers', get_lang('PlusAnswer'),'class="plus"');
 		
 		$renderer->setElementTemplate('{element}&nbsp;','lessAnswers');
 		$renderer->setElementTemplate('{element}','moreAnswers');

main/install/index.php

@@ -624,8 +624,8 @@ elseif($_POST['step5'])
 
 	<table width="100%">
 	<tr>
-	  <td><input type="submit" name="step4" value="&lt; <?php echo get_lang('Previous'); ?>" /></td>
-	  <td align="right"><input type="submit" name="step6" value="<?php echo get_lang('InstallDokeos'); ?> &gt;" onclick="javascript:if(this.value == '<?php echo get_lang('PleaseWait');?>...') return false; else this.value='<?php echo get_lang('PleaseWait');?>...';" /></td>
+	  <td><button type="submit" class="back" name="step4" value="&lt; <?php echo get_lang('Previous'); ?>" /><?php echo get_lang('Previous'); ?></button></td>
+	  <td align="right"><button class="save" type="submit" name="step6" value="<?php echo get_lang('InstallDokeos'); ?> &gt;" onclick="javascript:if(this.value == '<?php $msg = get_lang('PleaseWait');?>...') return false; else this.value='<?php $msg = get_lang('PleaseWait');?>...';" ><?php echo $msg; ?></button></td>
 	</tr>
 	</table>
 

main/install/install_functions.inc.php

@@ -363,7 +363,7 @@ function display_language_selection()
 	<p><?php echo get_lang('PleaseSelectInstallationProcessLanguage');?>:</p>
 	<form id="lang_form" method="post" action="<?php echo api_get_self(); ?>">
 <?php display_language_selection_box(); ?>
-		<input type="submit" name="step1" value="<?php get_lang('Next');?> &gt;" />
+	<button type="submit" name="step1" class="next" value="<?php get_lang('Next');?> &gt;"><?php echo get_lang('Next');?></button>
 	</form>
 <?php }
 
@@ -576,8 +576,8 @@ function display_requirements($installType, $badUpdatePath, $updatePath='', $upd
 			</tr>
 			<tr>
 			<td colspan="2" align="center">
-				<input type="submit" name="step1" value="&lt; <?php echo get_lang('Back');?>" />
-				<input type="submit" name="<?php echo (isset($_POST['step2_update_6'])?'step2_update_6':'step2_update_8');?>" value="<?php echo get_lang('Next');?> &gt;" />
+				<button type="submit" class="back" name="step1" value="&lt; <?php echo get_lang('Back');?>" ><?php echo get_lang('Back');?></button>
+				<button type="submit" class="next" name="<?php echo (isset($_POST['step2_update_6'])?'step2_update_6':'step2_update_8');?>" value="<?php echo get_lang('Next');?> &gt;" ><?php echo get_lang('Next');?></button>
 			</td>
 			</tr>
 			</table>
@@ -670,21 +670,21 @@ function display_requirements($installType, $badUpdatePath, $updatePath='', $upd
 		//and now display the choice buttons (go back or install)
 		?>
 		<p align="center">
-		<input type="submit" name="step1" onclick="window.location='index.php';return false;" value="&lt; <?php echo get_lang('Previous'); ?>"/>
-		<input type="submit" name="step2_install" value="<?php echo get_lang("NewInstallation"); ?>" <?php if($error) echo 'disabled="disabled"'; ?> />
+		<button type="submit" name="step1" class="back" onclick="window.location='index.php';return false;" value="&lt; <?php echo get_lang('Previous'); ?>" ><?php echo get_lang('Previous'); ?></button>
+		<button type="submit" name="step2_install" class="add" value="<?php echo get_lang("NewInstallation"); ?>" <?php if($error) if($error)echo 'disabled="disabled"'; ?> ><?php echo get_lang('NewInstallation'); ?></button>
 
 		<?php
 		//real code
-		echo '<input type="submit" name="step2_update_8" value="Upgrade from Dokeos 1.8.x"';
+		echo '<button type="submit" class="save" name="step2_update_8" value="Upgrade from Dokeos 1.8.x"';
 		if($error) echo ' disabled="disabled"';
 		//temporary code for alpha version, disabling upgrade
 		//echo '<input type="submit" name="step2_update" value="Upgrading is not possible in this beta version"';
 		//echo ' disabled="disabled"';
 		//end temp code
-		echo ' />';
-		echo '<input type="submit" name="step2_update_6" value="Upgrade from Dokeos 1.6.x"';
+		echo ' >Upgrade from Dokeos 1.8.x</button>';
+		echo '<button type="submit" class="save" name="step2_update_6" value="Upgrade from Dokeos 1.6.x"';
 		if($error) echo ' disabled="disabled"';
-		echo ' />';
+		echo ' >Upgrade from Dokeos 1.6.x</button>';
 		echo '</p>';
 	}
 }
@@ -714,8 +714,8 @@ function display_license_agreement()
 			<tr>
 				<td></td>
 				<td align="center">
-					<input type="submit" name="step1" value="&lt; <?php echo get_lang('Previous'); ?>" />
-					<input type="submit" name="step3" value="<?php echo get_lang('IAccept'); ?> &gt;" />
+					<button type="submit" class="back" name="step1" value="&lt; <?php echo get_lang('Previous'); ?>" ><?php echo get_lang('Previous'); ?></button>
+					<button type="submit" class="next" name="step3" value="<?php echo get_lang('IAccept'); ?> &gt;" ><?php echo get_lang('IAccept'); ?></button>
 				</td>
 			</tr>
 		</table>
@@ -908,7 +908,7 @@ function display_database_settings_form($installType, $dbHostForm, $dbUsernameFo
 	</tr>
 	</div>
 	<tr>
-		<td><input type="submit" name="step3" value="<?php echo get_lang('CheckDatabaseConnection'); ?>" /> </td>
+		<td><button type="submit" class="login" name="step3" value="<?php echo get_lang('CheckDatabaseConnection'); ?>" ><?php echo get_lang('CheckDatabaseConnection'); ?></button></td>
 		<?php $dbConnect = test_db_connect ($dbHostForm, $dbUsernameForm, $dbPassForm, $singleDbForm, $dbPrefixForm);
 		if($dbConnect==1): ?>
 		<td colspan="2">
@@ -940,9 +940,9 @@ function display_database_settings_form($installType, $dbHostForm, $dbUsernameFo
 		<?php endif; ?>
 	</tr>
 	<tr>
-	  <td><input type="submit" name="step2" value="&lt; <?php echo get_lang('Previous'); ?>" /></td>
+	  <td><button type="submit" name="step2" class="back" value="&lt; <?php echo get_lang('Previous'); ?>" ><?php echo get_lang('Previous'); ?></button></td>
 	  <td>&nbsp;</td>
-	  <td align="right"><input type="submit" name="step4" value="<?php echo get_lang('Next'); ?> &gt;" /></td>
+	  <td align="right"><button type="submit" class="next" name="step4" value="<?php echo get_lang('Next'); ?> &gt;" /><?php echo get_lang('Next'); ?></button></td>
 	</tr>
 	</table>
 	<?php
@@ -1119,8 +1119,8 @@ function display_configuration_settings_form($installType, $urlForm, $languageFo
 
 	</tr>
 	<tr>
-	  <td><input type="submit" name="step3" value="&lt; <?php echo get_lang('Previous'); ?>" /></td>
-	  <td align="right"><input type="submit" name="step5" value="<?php echo get_lang('Next'); ?> &gt;" /></td>
+	  <td><button type="submit" class="back" name="step3" value="&lt; <?php echo get_lang('Previous'); ?>" /><?php echo get_lang('Previous'); ?></button></td>
+	  <td align="right"><button class="next" type="submit" name="step5" value="<?php echo get_lang('Next'); ?> &gt;" /><?php echo get_lang('Next'); ?></button></td>
 	</tr>
 	</table>
 	<?php

main/install/update-db-1.8.5-1.8.6.inc.php

@@ -1,4 +1,4 @@
-<?php // $Id: update-db-1.8.5-1.8.6.inc.php 19017 2009-03-12 22:40:23Z juliomontoya $
+<?php // $Id: update-db-1.8.5-1.8.6.inc.php 19466 2009-03-31 20:18:12Z cvargas1 $
 /* See license terms in /dokeos_license.txt */
 /**
 ==============================================================================
@@ -44,7 +44,7 @@ if (defined('DOKEOS_INSTALL') || defined('DOKEOS_COURSE_UPDATE'))
 	{
 		echo '<b>'.get_lang('Error').' !</b> Dokeos '.implode('|', $updateFromVersion).' '.get_lang('HasNotBeenFound').'.<br><br>
 								'.get_lang('PleasGoBackToStep1').'.
-							    <p><input type="submit" name="step1" value="&lt; '.get_lang('Back').'"></p>
+							    <p><button type="submit" name="step1" value="&lt; '.get_lang('Back').'">'.get_lang('Back').'</button></p>
 							    </td></tr></table></form></body></html>';
 
 		exit ();

main/install/update_db.inc.php

@@ -55,7 +55,7 @@ if (defined('DOKEOS_INSTALL') || defined('DOKEOS_COURSE_UPDATE'))
 	{
 		echo '<b>'.get_lang('Error').' !</b> Dokeos '.implode('|', $updateFromVersion).' '.get_lang('HasNotBeenFound').'.<br><br>
 								'.get_lang('PleasGoBackToStep1').'.
-							    <p><input type="submit" name="step1" value="&lt; '.get_lang('Back').'"></p>
+							    <p><button type="submit" name="step1" value="&lt; '.get_lang('Back').'">'.get_lang('Back').'</button></p>
 							    </td></tr></table></form></body></html>';
 
 		exit ();