miércoles, 9 de mayo de 2012

Control Acceso Web

En esta etapa se agregaron validadores de Administración del Control de Acceso del WebServer a través de javascript y jquery:

cliente.println("<script type='text/javascript' src='http://ajax.googleapis.com/ajax/libs/jquery/1.6.4/jquery.min.js'></script>");
     cliente.println("<script type='text/javascript'>");      
     cliente.println("function check(form){");
     cliente.println("if(form.userid.value == 'admin' && form.pswrd.value == 'arduino'){");
     cliente.println("$('#div1').show();");
     cliente.println("form.style.visibility='hidden';");
     cliente.println("form.userid.value ='';");        
     cliente.println("form.pswrd.value='';");
     cliente.println("}else{");
     cliente.println("$('#div1').hide();");  
     cliente.println("form.userid.value ='';");        
     cliente.println("form.pswrd.value='';");
     cliente.println("alert('Error Password or Username')");
     cliente.println("}}</script>");
    
    
     cliente.println("<div id='div1' style='display:none'>");
    
          cliente.println("<center>");
          cliente.println("<TABLE BORDER='5'>");
          cliente.println("<tr>");
          cliente.println("<td>");
          cliente.println("<form method=get><input type=hidden name=encender");
          cliente.println(" value=1><input type=submit  style='width: 300px ; height:300px' value=ON></form>");
          cliente.println("</td>");
          cliente.println("<td>");
          cliente.print("<form method=get><input type=hidden name=apaga");
          cliente.println(" value=1><input type=submit style='width: 300px ; height:300px' value=OFF></form>");
          cliente.println("</td>");
          cliente.println("</tr>");     
         
          cliente.print("<font size='3'>LED status: ");   
           if (LEDON){
           cliente.println("<font color='green' size='3'>ON");
           }else{
             cliente.println("<font color='grey' size='3'>OFF");     
             cliente.println("</body></html>");
            }
          cliente.println("</TABLE>");
         
     cliente.println("</div>");

     cliente.println("<center>");
     cliente.println("<form name='login'>");
     cliente.println("<br /><br /><br /><br /><br /><br />");
     cliente.println("Username  <input type='text' name='userid' style='font-size: 15px;' /><br />");
     cliente.println("Password  <input type='password' name='pswrd'style='font-size: 15px;' /><br />");
     cliente.println("<input type='button' onclick='check(this.form)' value='Login'/>'");
     cliente.println("</form>");
     cliente.println("</center>");    
  
     cliente.stop();

No hay comentarios:

Publicar un comentario