Ad:

JavaScript / DHTML / AJAX Discussion Thread
Unsolved
Views: 2768

Feb 9th, 2010

-1

image slide & form validation

Expand Post »

Hi,

1.I want to change the image when the user click's over the image

i'm getting error.. "error:javascript:gonext();" like this is status bar
can any one solve me pls>>
suggest some code to change the image when user clicks

html Syntax (Toggle Plain Text)
<!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>
 
 <title>image slide</title>
  <meta http-equiv="Content-Type" content="text/html; charset=us-ascii">
 <style type=text/css>
.fade-box 
{
                width: 359px;
                position: absolute;
                text-align:center;
   }
 
 #image-container 
{
        width: 359px;
        height: 310px;
        background-position:center;
        background-repeat:no-repeat;
                border-style:solid;
                border-width:5px;
                border-color:#c2cd23;
        margin-top: 0px;
        margin-right: 0px;
        margin-bottom: 0px;
        margin-left: 10px;                                              
}
 
</style>                        
 
</head>
<body>
<div id="image-container">
<div style="display: none;" class="fade-box" id="image-1">
<a href="javascript:GoNext();"><img src="Creek.jpg" alt="creek image" width="359" border="0" height="310"></a>
  </div>
 
   <div style="" class="fade-box" id="image-2">
     <a href="javascript:GoNext();"><img src="Forest.jpg" alt="forest image" width="359" border="0" height="310"></a>
              </div>
 
</div>
</body>
</html>
<!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>

 <title>image slide</title>
  <meta http-equiv="Content-Type" content="text/html; charset=us-ascii">
 <style type=text/css>
.fade-box 
{
                width: 359px;
                position: absolute;
                text-align:center;
   }

 #image-container 
{
        width: 359px;
        height: 310px;
        background-position:center;
        background-repeat:no-repeat;
                border-style:solid;
                border-width:5px;
                border-color:#c2cd23;
        margin-top: 0px;
        margin-right: 0px;
        margin-bottom: 0px;
        margin-left: 10px;                                              
}

</style>                        
 
</head>
<body>
<div id="image-container">
<div style="display: none;" class="fade-box" id="image-1">
<a href="javascript<b></b>:GoNext();"><img src="Creek.jpg" alt="creek image" width="359" border="0" height="310"></a>
  </div>

   <div style="" class="fade-box" id="image-2">
     <a href="javascript<b></b>:GoNext();"><img src="Forest.jpg" alt="forest image" width="359" border="0" height="310"></a>
              </div>

</div>
</body>
</html>

2. if action=registration.aspx is specified i'm getting error..cannot find the path name???? how to validae the form??? how to handle this registraion.aspx???how to use this to validate form

html Syntax (Toggle Plain Text)
<!DOcTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
   "http://www.w3.org/TR/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>first java script example</title>
<meta http-equiv="content-type"  content="text/html; charset=ISO-8859-1" />
 
<script type="text/javascript">
 
function validate(form)
{
var returnValue=true;
var username=frmRegister.txtUserName.value;
var password1=frmRegister.txtPassword1.value;
var password2=frmRegister.txtPassword2.value;
if(username.length < 6)
{
returnValue=false;
alert("your username must be atelast six characters");
frmRegister.txtUserName.focus();
}
return returnValue;
}
</script>
 
<body>
<form name="frmRegister" method="post" action="register.aspx" onsubmit="return validate(this);">
 
<div class="label"><label for="txtUsername">username:</label></div>
<div class="formElement">
<input type="text" name="txtUsername" id="txtUserName" size="12" />
 
</div>
 
<div class="label"><label for="txtPassword">password:</td></label></div>
<div class="formElement">
<input type="password" name="txtPassword" id="txtPassword" size="12" />
</div>
<div class="formElement"><input type="submit" value="login" /></div>
</form>
</body>
</html>
<!DOcTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
   "http://www.w3.org/TR/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>first java script example</title>
<meta http-equiv="content-type"  content="text/html; charset=ISO-8859-1" />

<script type="text/javascript">

function validate(form)
{
var returnValue=true;
var username=frmRegister.txtUserName.value;
var password1=frmRegister.txtPassword1.value;
var password2=frmRegister.txtPassword2.value;
if(username.length < 6)
{
returnValue=false;
alert("your username must be atelast six characters");
frmRegister.txtUserName.focus();
}
return returnValue;
}
</script>

<body>
<form name="frmRegister" method="post" action="register.aspx" onsubmit="return validate(this);">

<div class="label"><label for="txtUsername">username:</label></div>
<div class="formElement">
<input type="text" name="txtUsername" id="txtUserName" size="12" />

</div>

<div class="label"><label for="txtPassword">password:</td></label></div>
<div class="formElement">
<input type="password" name="txtPassword" id="txtPassword" size="12" />
</div>
<div class="formElement"><input type="submit" value="login" /></div>
</form>
</body>
</html>

Last edited by peter_budo; Feb 9th, 2010 at 3:22 am. Reason: Keep It Organized - For easy readability, always wrap programming code within posts in [code] (code blocks)

Similar Threads

Sending an image to email via PHP form? in PHP
sample code for form validation using ajax in JavaScript / DHTML / AJAX
Submit email to get download in PHP
Help please with form validation & dynamic date display in JavaScript / DHTML / AJAX
how to do interactive form validation in JavaScript / DHTML / AJAX

ausmaya

Reputation Points: 10

Solved Threads: 0

Newbie Poster

Offline

14 posts
since Feb 2010

Permalink

Feb 9th, 2010

Re: image slide & form validation

JSP stand for Java Server Pages not JavaScript. Post moved

peter_budo

Moderator

Featured Poster

Reputation Points: 2786

Solved Threads: 871

Code tags enforcer

Offline

6,649 posts
since Dec 2004

Permalink

Feb 10th, 2010

Re: image slide & form validation

Just by reading the code I noticed that you are calling this function "GoNext()" but nowhere in the code is there such a function.

Another thing you don't need to use the "javascript:" anymore, the browser will know it is a javascript function that you are referring to.

Thirusha

Reputation Points: 36

Solved Threads: 57

Posting Whiz

Offline

355 posts
since Mar 2008

Permalink

Feb 11th, 2010

Re: image slide & form validation

basically the code is just like this:

JavaScript / DHTML / AJAX Syntax (Toggle Plain Text)
<img src="Creek.jpg" alt="creek image" width="359" border="0" height="310" onclick="changeImage(this)"/>
<img src="Creek.jpg" alt="creek image" width="359" border="0" height="310" onclick="changeImage(this)"/>

this is the javascript code

JavaScript / DHTML / AJAX Syntax (Toggle Plain Text)
function changeImage(obj){
      obj.src = 'the path of your new image here';
}
function changeImage(obj){
      obj.src = 'the path of your new image here';
}

hope that you did understand this code

grungy coder

Reputation Points: 10

Solved Threads: 0

Newbie Poster

Offline

7 posts
since Feb 2010

This thread is more than three months old

No one has posted to this discussion for at least three months. Please let old threads die and do not reply to them unless you feel you have something new and valuable to contribute that absolutely must be added to make the discussion complete. Otherwise, please start a new thread in this forum instead.

Previous Thread in JavaScript / DHTML / AJAX Forum Timeline: Javascript form validation

Next Thread in JavaScript / DHTML / AJAX Forum Timeline: how to disable savepage as in file menu?

DaniWeb Message

Cancel Changes

User Name
Password