Posts

Bel4solutions

Image
Bel4solutions
Desktop Applications
Web Applications
Penetration Testing
Logo and Banner Designing
E-Commerce Online Solutions
Online Social Media Marketing Servies
Mobile Application Development
Professional SEO Services

Web Design & Development










Site :http://bel4solutions.com/

Marquee Tag with upward and rightside direction

Image
Marquee Tag with Upward And Rightside Direction

Code:
 <html>
<head>
</head>
<body>

<!--Left To Right Marquee  -->
<FONT SIZE="4" FACE="courier" COLOR=Red>
<marquee behavior="scroll" direction="left">
 HEC on Thursday 23rd February announced rankings of Pakistani Universities,
  in which  University climbs up on 3rd position in category of Business Administration.
 </marquee>

<!--Left To UP word Marquee  -->
<form>
<marquee behavior="scroll" direction="up">
 HEC on Thursday 23rd February announced rankings of Pakistani Universities,
 <br> in which  University climbs up on 3rd position in category of Business
 <br> Administration.
 </marquee>
</form>
 </body>
</html>

 Screen SHot:


Javascript Picturebox Array

Image
Javascript Picturebox Array

Code:
<html>
<head>
<title>Javascript With Pictures waqeeh ul hasan</title>
<script>

var description = new Array("Picture 1", "Picture 2", "Picture 3", "Picture 4");
var pictures = new Array(3);
var counter = 0;


function initialize(){
  // sets up the array with some startin values
  // Andy Harris
  pictures[0] = new Image(50, 50);
  pictures[0].src = "images/1.jpg";
  pictures[1] = new Image(50, 50);
  pictures[1].src = "images/2.jpg";
  pictures[2] = new Image(50, 50);
  pictures[2].src = "images/3.jpg";
  pictures[3] = new Image(50, 50);
  pictures[3].src = "images/1.jpg";
   pictures[4] = new Image(50, 50);
  pictures[4].src = "images/2.jpg";

} // end initialize

function upDate(){
  //increments the counter and shows the next description
  counter++;
  if (counter > 4){
    counter = 0;
  } // end if
  document.imgDisplay.src = pi…

Create Signup page with Validation using JavaScript

Image
Code:
<html>
<head>

<title>Signup || Nested-code team</title>
<style type="text/css">
<!--
body {
margin-left: 150px;
margin-top: 5px;
margin-right: 190px;
background-color: #966;
}
-->
</style>
<script language="javascript">
function check()
{

 if(document.form1.lid.value=="")
  {
    alert("Plese Enter Login Id");
    document.form1.lid.focus();
    return false;
  }

 if(document.form1.pass.value=="")
  {
    alert("Plese Enter Your Password");
    document.form1.pass.focus();
    return false;
  }
  if(document.form1.cpass.value=="")
  {
    alert("Plese Enter Confirm Password");
    document.form1.cpass.focus();
    return false;
  }
  if(document.form1.pass.value!=document.form1.cpass.value)
  {
    alert("Confirm Password does not matched");
    document.form1.cpass.focus();
    return false;
  }
  if(document.form1.name.value=="")
  {

Real marksheet using HTML

Image
Real marksheet using HTML
Code:
<HTML>
<HEAD>
<STYLE>
body
{
border-radius: 20px;
border-style: double;
border-color: blue;
position: absolute;
width: 850px;
height: 705px;
top: 15px;
left: 45px;
padding: 30px 30px 50px 30px;
background-color: #CCC;
}
#tbl,#tbl2
{
border-collapse:collapse;
font-size:18;
font-family:Century Gothic;
}
.demo
{
position:absolute;
left:35px;
top:380px;
font-size:17;
font-family:Arial;
font-weight:bold;
margin-top:35px;
border-collapse:collapse;
}
#demoname
{
font-size:15px
}
.btn
{
position:absolute;
top:355px;
left:720px;
}
</STYLE>

<SCRIPT>
function myFun()
{
var a=document.form1.txtname.value;
document.getElementById("demoname").innerHTML=a;
var b=document.form1.txtfname.value;
document.getElementById("demofname").innerHTML=b;
var c=document.form1.txtins.value;
document.getElementById("demoins").innerHTML=c;
var d=document.form1.txtbatch.value;
document.getElementById("demobatch").innerHTML=d;

HTML Validation with Javascript

Image
Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>CoOl Javascript Validation</title>
<script type="text/javascript" src="cvalidate.js"></script>
<style type="text/css">
.heading
{
color:#0099FF;
font-weight:bolder;
font-size:20px;
}
.txt
{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
}
</style>

</head>

<body>

<form name="frmValidate" id="myform" action="" method="post" onsubmit="return validateForm('myform',true)">
<table width="350" border="0" cellspacing="0" cellpadding="5" align="center" bgcolor=&qu…

How to make horizontal accordion using jquery

Image
How to make horizontal accordion using jquery
Code:
<!DOCTYPE html>
<html>
<head>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js">
</script>
<script>
$(document).ready(function(){

    activeItem = $("#accordion li:first");
    $(activeItem).addClass('active');

    $("#accordion li").hover(function(){
        $(activeItem).animate({width: "50px"}, {duration:300, queue:false});
        $(this).animate({width: "450px"}, {duration:300, queue:false});
        activeItem = this;
    });

});
</script>

<style type="text/css">

#accordion {
list-style: none;
margin: 30px 0;
padding: 0;
height: 330px;
overflow: hidden;
background: #35a1de;}

#accordion li {
float: left;
border-left:
display: block;
height: 270px;
width: 50px;
padding: 15px 0;
overflow: hidden;
color: #fff;
text-decoration: none;
font-size: 16px;
line-height: 1.5em;
border-left: 1px so…