Member Avatar for aravelli
aravelli 0 Newbie Poster
Re: java script validation.. pls help

change the function like this ... it will work

function validate_form(thisform)
{
	with (thisform)
	{
		if (validate_required(email,"Email must be filled out!")==false)
		{
			email.focus();
			return false;
		}	
		else if (validate_required(city,"city fill it")==false)
			{
				city.focus();
				return false;
			}
		
	}
}
Web Development javascript
Member Avatar for aravelli
aravelli 0 Newbie Poster
Re: MouseOver in problem

try this function .....

function changeBgImage(whichCell) {
	if (whichCell=="small_1") {
	document.getElementById('large').style.background='url(1l.gif)';
	} else if (whichCell=="small_2") {
	document.getElementById('large').style.background='url(1l.gif)';
	}
}
Web Development javascript
Member Avatar for aravelli
aravelli 0 Newbie Poster
Re: div box with vertical scrollbar and hoizontal wrap

<div style="width:300px;height:250px;overflow:auto;">

content goes here content goes here content goes here content goes here content goes here content goes here content goes here content goes here content goes here content goes here content goes here content goes here content goes here content goes here content goes here content goes here content goes here content goes here content goes here content goes here content goes here content goes here content goes here content goes here content goes here content goes here content goes here content goes here content goes here content goes here content goes here content goes here content goes here content goes here content goes here content goes here content goes here content goes here content goes here content goes here content goes here content goes here content goes here content goes here

</div>

UI / UX Design web-design
Member Avatar for aravelli
aravelli 0 Newbie Poster
Re: how to maximize table cell height

use this

html, body{
	height:auto;
        }

instead of using height:96%;

Web Development javascript
Member Avatar for aravelli
aravelli 0 Newbie Poster
Re: how to maximize table cell height

don't use height:100%
<td style="width:100%;height:100%"> row 2 col 1</td>
use height:100px
<td style="width:100%;height:100px"> row 2 col 1</td>
and find the difference

Web Development javascript
Member Avatar for aravelli
aravelli 0 Newbie Poster
Re: Hi, I want to link one audio file to image

<a href="youraudio.mp3"><img border="0" src="yourimage.jpg" class="yourcss"/></a>

UI / UX Design web-design
Member Avatar for aravelli
aravelli 0 Newbie Poster
Re: table using CSS and Xhtml

otherwise use this code

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
 <HEAD>
  <TITLE> New Document </TITLE>
  <META NAME="Generator" CONTENT="EditPlus">
  <META NAME="Author" CONTENT="">
  <META NAME="Keywords" CONTENT="">
  <META NAME="Description" CONTENT="">
  <style type="Text/css">/* The specific style rules used to suggest rendering */
/* for the CSS table design example, starts here */
*{

margin-top: 0ex;

margin-right: 0ex;

margin-bottom: 0ex;

margin-left: 0ex;

padding-top: 0ex;

padding-right: 0ex;

padding-bottom: 0ex;

padding-left: 0ex;

font-family: "Trebuchet MS",sans-serif;

}

DIV.base-layer {
  background: none #cc9966; border: solid #333333 1px; color: #000000;
  margin: 0.5em 12px 0.5em 12px; padding: 0; text-align: center; width: auto;
}

DIV.table-row {
  background: none #ffffcc; border: solid #000000 1px; color: #000000;
  margin-top: 0; margin-right: auto; margin-bottom: 0; margin-left: auto;
  padding: 0; text-align: center; width: 96%;
}

/* Style rules for the 3 x 2 table example */

DIV.left-container2 {
  border: none; float: left; margin: 0; padding: 0; width: 50%;
}

DIV.right-container2 {
  border: none; float: right; margin: 0; padding: 0; width: 50%;
}

/* Rules in detail that is used to suggest rendering for the */
/* Nobel price winner table example. I still use some of the */
/* generic rules as found above and below, but still..       */

DIV.left-container13 {
  border: none; float: left; margin: 0; padding: 0; width: 20%;
}

DIV.left-container23 {
  border: none; float: left; margin: 0; padding: 0; width: 35%;
}

DIV.right-container13 {
  border: none; float: right; margin: 0; padding: 0; width: 45%;
}

/* Rules in detail that is used to suggest rendering for the  10 by 5 int. …
UI / UX Design html-css web-design
Member Avatar for aravelli
aravelli 0 Newbie Poster
Re: table using CSS and Xhtml

try this link

http://www.dev-archive.net/articles/table-in-css.html


i have used the code given by this site and is working fine.


i hope this will work for you.

UI / UX Design html-css web-design
Member Avatar for aravelli
aravelli 0 Newbie Poster
Re: Javascript Compiler/Checker?
Web Development javascript
Member Avatar for aravelli
aravelli 0 Newbie Poster
Re: over image not working

can you please check the two images again.

nothing wrong in this.

i think unfortunately the names of the images may change.

UI / UX Design web-design
Member Avatar for aravelli
aravelli 0 Newbie Poster
Re: over image not working 
<script language="JavaScript">
function MM_swapImgRestore() {
  var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
}
function MM_swapImage() { 
  var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
   if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
}
function MM_findObj(n, d) {
  var p,i,x;  if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
    d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
  if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
  for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
  if(!x && d.getElementById) x=d.getElementById(n); return x;
}
</script>
<body>
    <a onmouseover="MM_swapImage('Image1','','images/menu_bar_overs_06.jpg',1)" onmouseout="MM_swapImgRestore()" href="term_dates.html" ><img id="Image1" 
      height=24 alt="" src="images/menu_bar_06.jpg" width=125 border=0 name=Image1></a>
</body>

try this

i hope this works fine.

UI / UX Design web-design
Member Avatar for aravelli
aravelli 0 Newbie Poster
Re: start-date end-date Validation
Web Development javascript
Member Avatar for aravelli
aravelli 0 Newbie Poster
Re: Pop-up ballon in AJAX

then try this

http://www.dhtmlgoodies.com/scripts/form-field-tooltip/form-field-tooltip.html

in this there no php

only html, js, and css.

here u can get the code to download

http://www.dhtmlgoodies.com/index.html?whichScript=form-field-tooltip

Web Development javascript
Member Avatar for aravelli
aravelli 0 Newbie Poster
Re: Pop-up ballon in AJAX
Web Development javascript
Member Avatar for aravelli
aravelli 0 Newbie Poster
Re: HTML in Email

create an HTML page as your choice.

Open it in Internet Explorer/your browswer. Click Edit > Select All, then Copy. Paste it into a blank email in Outlook.

Please note that most email clients strip coding that contains links to style sheets and some inline CSS.

i think this works fine.

UI / UX Design html-css web-design
Member Avatar for aravelli
aravelli 0 Newbie Poster
Re: select/dropdown in ajax

In the below 3 programs
In getcustomer.jsp iam getting details from database according to the selected item in listbox in customer.html

now i want to put those result values in second listbox in customer.html

how is it possible tell me
if possible provide related code to the below example


customer.html
<html>
<head>
<script src="selectcustomer.js"></script>
</head><body><form>
Select a Customer:
<select name="customers" onchange="showCustomer(this.value)">
<option value="BS101">BS101
<option value="BS102">BS102
<option value="BS103">BS103
</select>
<select>
<option>--select--</select>
</select>
</form><p>
<div id="txtHint"><b>Customer info will be listed here.</b></div>
</p></body>
</html>

selectcustomer.js
var xmlHttp

function showCustomer(str)
{
xmlHttp=GetXmlHttpObject();
if (xmlHttp==null)
{
alert ("Your browser does not support AJAX!");
return;
}
var url="getcustomer.jsp";
url=url+"?q="+str;
//url=url+"&sid="+Math.random();
xmlHttp.onreadystatechange=stateChanged;
xmlHttp.open("GET",url,true);
xmlHttp.send(null);
}

function stateChanged()
{
if (xmlHttp.readyState==4)
{
alert(document.getElementById("txtHint").innerHTML=xmlHttp.responseText);
}
}

function GetXmlHttpObject()
{
var xmlHttp=null;
try
{
// Firefox, Opera 8.0+, Safari
xmlHttp=new XMLHttpRequest();
}
catch (e)
{
// Internet Explorer
try
{
xmlHttp=new ActiveXObject("Msxml2.XMLHTTP");
}
catch (e)
{
xmlHttp=new ActiveXObject("Microsoft.XMLHTTP");
}
}
return xmlHttp;
}


getcustomer.jsp

<%

Connection con;
con=dcon.getCon();


String q=request.getParameter("q");
System.out.println("q");

Statement st=con.createStatement();
ResultSet rs=st.executeQuery("select * from PHR_FIN_MST_BS where BS_CODE='"+q+"'");

%>
<table>
<%
…

Web Development javascript
Member Avatar for aravelli
aravelli 0 Newbie Poster
Re: document.getElementById problem

<style type="text/css">
#contentbox a:link {
color: #c8a468;
text-decoration: none;
}
#contentbox a:visited {
color: #d05048;
text-decoration: none;
}
#contentbox a:hover {
color: #666666;
text-decoration: none;
}
#contentbox a:active {
color: #84414A;
text-decoration: none;
}</style>

change the css like this

Web Development javascript
Member Avatar for aravelli
aravelli 0 Newbie Poster
Re: document.getElementById problem 
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
 <HEAD>
  <TITLE> New Document </TITLE>
  <META NAME="Generator" CONTENT="EditPlus">
  <META NAME="Author" CONTENT="">
  <META NAME="Keywords" CONTENT="">
  <META NAME="Description" CONTENT="">
 <style type="text/css">
a:link {
    color: #c8a468;
    text-decoration: none;
    }
a:visited { 
    color: #d05048;
    text-decoration: none; 
    }
a:hover {
    color: #666666;
    text-decoration: none;
    }
a:active { 
    color: #84414A;
    text-decoration: none; 
    }</style>
</HEAD>

<BODY>
<div id="contentbox">
<a href="......">text goes here</a><br>
<a href="......">text goes here</a><br>
<a href="......">text goes here</a>
</div>
</BODY>
</HTML>

why can't you go like this

instead of using javascript

i think this will help for ur need

Web Development javascript
Member Avatar for aravelli
aravelli 0 Newbie Poster
Re: problem for javascript 
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
 <HEAD>
  <TITLE> New Document </TITLE>
  <META NAME="Generator" CONTENT="">
  <META NAME="Author" CONTENT="">
  <META NAME="Keywords" CONTENT="">
  <META NAME="Description" CONTENT="">
  <script type="text/javascript">
      function checkAll(theElement) {
     var theForm = theElement.form, z = 0;
     for(z=0; z<theForm.length;z++){
      if(theForm[z].type == 'checkbox' && theForm[z].name != 'checkall'){
      theForm[z].checked = theElement.checked;
      }
     }
    }
 </script>
 </HEAD>
 <BODY>
<form><input type="checkbox" name="check1"/>
<br/>
<input type="checkbox" name="check2"/>
<br/>
<input type="checkbox" name="check3"/>
<br/>
<input type="checkbox" name="check4"/>
<br/>
<input type="checkbox" name="check5"/>
<br/>
<input type="checkbox" name="checkall" onclick="checkAll(this);"/>Check All
<input type="checkbox" name="checkall" onclick="checkAll(this);"/>Uncheck All</form>
</BODY>
</HTML>

I HOPE THIS MAY HELP YOU

Web Development javascript
Member Avatar for aravelli
aravelli 0 Newbie Poster
Re: Quick help w/ JavaScript clearing text 
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
 <HEAD>
  <TITLE> New Document </TITLE>
  <META NAME="Generator" CONTENT="">
  <META NAME="Author" CONTENT="">
  <META NAME="Keywords" CONTENT="">
  <META NAME="Description" CONTENT="">
  <script type="text/javascript">
  function ValidateEmail(){
    document.getElementById('Email Address').innerText = "";
  }
  function ValidateMessage(){
    document.getElementById('Message').innerText = "";
  }
  function Validate(){
    document.getElementById('Email Address').innerText = "";
    document.getElementById('Message').innerText = "";
  }
  </script>
 </HEAD>
 <BODY>
<form action="gdform.asp" method="post">
<input type="hidden" name="subject" value="Message from User" />
<input type="hidden" name="redirect" value="index.htm" />
<p align="center">
<INPUT type="text" name="Email Address" value="your email" id="Email Address" size="40" onClick="ValidateEmail()"></p>
<p align="center"><textarea name="Message" id="Message" cols="30" rows="5" onClick="ValidateMessage()">message...</textarea></p>
<p align="center"><INPUT type="submit" name="Submit" value="Send">
<INPUT type="button" name="reset" value="Cancel" onClick="Validate()">
</p>
</FORM> 
 </BODY>
</HTML>

I HOPE THIS WILL HELP YOU

Web Development javascript
Member Avatar for aravelli
aravelli 0 Newbie Poster
Re: document.getElementById problem 
<style content="text/css">
    #contentbox a{
        font-weight: bold;
        color: #c8a468;
        cursor: pointer;
    }
  </style>
  <script content="text/javascript">
  function text_over(){
    document.getElementById('contentbox a').style.color= "#d05048"; 
  }
  function text_out(){
    document.getElementById('contentbox a').style.color= "#c8a468"; 
  }
  </script>
 </HEAD>

 <BODY>
 <div id="contentbox">
<a href="......" id="contentbox a" onMouseover="text_over()" onMouseout="text_out()">infinite</a>
</div>
 </BODY>

i think this may help you.

Web Development javascript