Antes que nada, perdon no me di cuenta que no es la seccion Jquery, en fin el codigo:
Código HTML :
<script language="javascript" src="jquery-1.3.min.js"></script>
<script language="javascript">
jQuery(document).ready(function() {
jQuery().ajaxStart(function() {
jQuery('#result3').hide();
}).ajaxStop(function() {
jQuery('#result3').fadeIn('slow');
});
jQuery('#form_adherirse').submit(function() {
jQuery.ajax({
type: 'POST',
url: jQuery(this).attr('action'),
data: jQuery(this).serialize(),
success: function(data) {
jQuery('#result3').html(data);
}
})
return false;
});
})
jQuery(document).ready(function() {
jQuery().ajaxStart(function() {
jQuery('#result_DNI').hide();
}).ajaxStop(function() {
jQuery('#result_DNI').fadeIn('slow');
});
jQuery('#form4').submit(function() {
jQuery.ajax({
type: 'POST',
url: jQuery(this).attr('action'),
data: jQuery(this).serialize(),
success: function(data) {
jQuery('#result_DNI').html(data);
}
})
return false;
});
})
</script>
EL CSS:
Código CSS :
body,td,th {
color: #333333;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
}
fieldset {
width:380px;
margin:auto;
}
#form ol{
list-style:none;
}
#form ol li{
padding-bottom:10px;
}
#form ol li label{
float:left;
width:90px;
}
#result {
width:280px;
border:1px solid #bfcddb;
margin:auto;
margin-top:10px;
text-align:center;
display:none;
float:left;
}
#loading {
background-image:url(ajax-loader.gif);
width:31px;
height:31px;
margin:auto;
display:none;
left:50%;
top:50%;
}
#result2 {
color:#777;
width:570px;
margin:auto;
margin-top:10px;
text-align:left;
display:none;
float:left;
font-size:11px;
}
#result3 {
background-color:#F30;
color:#FFF;
width:350px;
margin:auto;
margin-top:10px;
padding-left:10px;
text-align:left;
display:none;
float:left;
font-size:12px;
}
#result_DNI {
color:#777;
width:200;
text-align:left;
display:none;
float:left;
font-size:11px;
overflow:hidden;
}
#loading2{
background-image:url(ajax-loader.gif);
width:31px;
height:31px;
margin:auto;
display:none;
left:50%;
top:420px;
}
Hay algunas cositas de mas pero eso es mas o menos.
Gracias.