Response title
This is preview!
Jquery Conflict
in Getting Started
•
10 years ago
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">THIS IS THE CODE : When slider is working, The Jquery validator is not working. I tried noconflict but results are same..Please help me to resolve the problem. Thank you...
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<script src="js/jquery-latest.js" type="text/javascript"></script>
<script src="js/jquery.validate.js" type="text/javascript"></script>
<script>
window.onload = (function(){
$("#contactForm").validate();
});
</script>
<script type="text/javascript">
function validateForm()
{
var x=document.forms["myForm1"]["email1"].value;
var atpos=x.indexOf("@");
var dotpos=x.lastIndexOf(".");
if (atpos<1 || dotpos<atpos+2 || dotpos+2>=x.length)
{
alert("Not a valid e-mail address");
return false;
}
}
</script>
<script type="text/javascript">
function validateSearch()
{
var x=document.forms["text_form"]["text_name"].value;
if (x== "")
{
alert("Please enter something to Search");
return false;
}
}
</script>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Yuva Urban India</title>
<link rel="stylesheet" href="css/basic-jquery-slider.css">
<script type="text/javascript">
<!--//--><![CDATA[//><!--
// JavaScript Document
var menuids=["treemenu1"]
function buildsubmenus_horizontal(){
for (var i=0; i<menuids.length; i++){
var ultags=document.getElementById(menuids[i]).getElementsByTagName("ul")
for (var t=0; t<ultags.length; t++){
if (ultags[t].parentNode.parentNode.id==menuids[i]){ //if this is a first level submenu
ultags[t].style.top=ultags[t].parentNode.offsetHeight+"px" //dynamically position first level submenus to be height of main menu item
ultags[t].parentNode.getElementsByTagName("a")[0].className="mainfoldericon"
}
else{ //else if this is a sub level menu (ul)
ultags[t].style.left=ultags[0].getElementsByTagName("a")[0].offsetWidth+"px" //position menu to the right of menu item that activated it
ultags[t].parentNode.getElementsByTagName("a")[0].className="subfoldericon"
}
ultags[t].parentNode.onmouseover=function(){
this.getElementsByTagName("ul")[0].style.visibility="visible"
}
ultags[t].parentNode.onmouseout=function(){
this.getElementsByTagName("ul")[0].style.visibility="hidden"
}
}
}
}
if (window.addEventListener)
window.addEventListener("load", buildsubmenus_horizontal, false)
else if (window.attachEvent)
window.attachEvent("onload", buildsubmenus_horizontal)
//--><!]]>
</script>
<script src="Scripts/AC_RunActiveContent.js" type="text/javascript"></script>
</head>
<body>
<div id="whapper">
<div id="header">
<div class="style21" id="center12">
<div align="center" class="style25"><span class="style34">YUVA URBAN</span><br />
<span class="style31">Commitment to Inclusive and Just Cities</span></div>
</div>
<div class="style26" id="center14">
<a href="http://www.yuvaindia.org/" target="_blank">YUVA</a> || <a href="http://www.yraindia.org/" target="_blank">YUVA RURAL </a> || <a href="sitemap.html">SITE MAP</a></div>
<div id="center13">
<div id="container">
<!-- Outer wrapper for presentation only, this can be anything you like -->
<div id="banner">
<!-- start Basic Jquery Slider -->
<ul class="bjqs">
<li><img src="slider/1.jpg" title="" width="685" height="160"></li>
<li><img src="slider/2.jpg"title=""width="685" height="160"></li>
<li><img src="slider/3.jpg" title=""width="685" height="160"></li>
<li><img src="slider/4.jpg" title=""width="685" height="160"></li>
<li><img src="slider/5.jpg" title=""width="685" height="160"></li>
<li><img src="slider/6.jpg" title=""width="685" height="160"></li>
<li><img src="slider/7.jpg" title=""width="685" height="160"></li>
</ul>
<!-- end Basic jQuery Slider -->
</div>
<!-- End outer wrapper -->
</div>
<!-- Load jQuery and the plug-in -->
<script src="js/libs/jquery-1.6.2.min.js"></script>
<script src="js/basic-jquery-slider.js"></script>
<!-- Attach the plug-in to the slider parent element and adjust the settings as required -->
<script>
window.onload = (function() {
$('#banner').bjqs({
'animation' : 'slide',
'width' : 685,
'height' : 160
});
});
</script> </div>
</div>
<div id="header1">
<div class="menu">
<ul id="treemenu1">
<li><a href="index.html"><img src="data/Home-icon.png" width="30" height="28" hspace="2" vspace="3" /></a></li>
<li><a class="mainfoldericon" href="#"><span class="b">About Us</span></a>
<ul style="top: 35px; visibility: hidden;">
<li><a href="urban.html"><span>YUVA Urban</span></a></li>
<li><a href="vision-and-mission.html"><span>Vision and Mission</span></a></li>
<li><a href="evolution.html"><span>Evolution</span></a></li>
<li><a href="yuva-urban-board.html"><span>YUVA Urban Board</span></a></li>
<li><a href="strategic-leadership.html"><span>Strategic leadership</span></a></li>
<li><a href="partners.html"><span>Partners</span></a></li>
</ul>
</li>
<li><a class="mainfoldericon" href="#"><span class="b">Our Programs</span></a>
<ul style="top: 35px; visibility: hidden;">
<li><a href="human-settlement.html"><span>Thematic Focus</span></a></li>
<li><a href="mumbai.html"><span>Geographical Intervention</span></a></li>
</ul>
</li>
<li><a class="mainfoldericon" href="#"><span class="b">Resources</span></a>
<ul style="top: 35px; visibility: hidden;">
<li><a href="annual-reports.html"><span>Annual Reports</span></a></li>
<li><a href="publications.html"><span>Publications</span></a></li>
<li><a href="reports-and-studies.html"><span>Reports and Studies</span></a></li>
<li><a href="Documentaries.html"><span>Documentaries</span></a></li>
</ul>
</li>
<li><a class="mainfoldericon" href="#"><span class="b">Media</span></a>
<ul style="top: 35px; visibility: hidden;">
<li><a href="press.html"><span>Press</span></a></li>
<li><a href="web.html"><span>Web</span></a></li>
</ul>
</li>
<li><a class="mainfoldericon" href="#"><span class="b">Get Involved</span></a>
<ul style="top: 35px; visibility: hidden;">
<li><a href="work.html"><span>Work with Us</span></a></li>
<li><a href="volunteer.html"><span>Volunteers</span></a></li>
<li><a href="donate.html"><span>Donate</span></a></li>
</ul>
</li>
<li><a class="mainfoldericon" href="#.html"><span class="b">Gallery</span></a>
<ul style="top: 35px; visibility: hidden;">
<li><a href="photo.html"><span>Photo Gallery</span></a></li>
<li><a href="video.html"><span>Video Gallery</span></a></li>
</ul>
</li>
<li><a class="mainfoldericon" href="network-partners.html"><span>Network Partners</span></a></li>
<li><a class="mainfoldericon" href="contacts.html"><span>Contact Us</span></a></li>
</ul>
</div>
</div>
<div id="center">
<div id="left3">
<div id="center47">
<table width="224" border="0">
<form method="get" action="http://www.google.com/search" name="text_form" onsubmit="return validateSearch();">
<tr>
<td width="143" height="26"><input type="text" name="text_name" size="18" class="style33" placeholder="Search"/></td>
<td width="71">
<button type="submit" onclick="this.form.target='_blank';return true;"><img src="data/Untitled-2.png" width="41" height="16" /></button>
<input type="hidden" name="sitesearch" value="www.yuvaurbanindia.org" checked /></td>
</tr></form>
<form name="myForm1" action="thanks.php" onsubmit="return validateForm();" method="post" > <tr>
<td><input type="text" size="18" class="style33" name="email1" placeholder="Subscribe For Updates" /></td>
<td> <input type="submit" value="Submit" /></td>
</tr>
</form>
</table>
</div>
<div id="center51" >
<iframe src="http://www.facebook.com/plugins/likebox.php?href=http%3A%2F%2Fwww.facebook.com%2Fpages%2FYUVA-Training-Centre%2F252436544862251&width=232&height=270&colorscheme=light&show_faces=true&stream=false&header=false&force_wall=false" scrolling="no" frameborder="0" style="border:none; overflow: hidden; width: 232px; height: 270px; background: #fff"></iframe>
</div>
<div id="center65">
<div align="center"><a href="http://www.youtube.com/watch?v=lbiGyeWgD08&list=PLF6684411C5EDF498&feature=view_all" target="_blank"><img src="data/youtube.png" width="95" height="25" /></a></div>
</div>
</div>
<div id="left1">
<div id="center1"><span class="style32">Contact Us
</span>
<hr align="JUSTIFY" size="1"
color="#CCCCCC" />
<p align="justify" class="style31"><span class="style5">You can contact us through our main office at:</span></p>
<p class="style31">Room No. 5 & 6, New Naigon Municipal School,<br />
Opp. Saraswati Vidyalaya,<br />
Dr. Ambedkar Rd., Naigaon,<br />
Dadar (E), Mumbai – 400014<br />
Tel.: 91-22-24116393/94<br /></p>
<form id="contactForm" action="contacts.php" method="post" >
<input name="name" type="text" class="required" id="textfield3" size="30" placeholder="Name*" />
<br />
<input name="org" type="text" class="required" id="textfield4" size="30" placeholder="Organisation*" />
<br />
<input name="email" type="text" class="required email" id="textfield5" size="30" placeholder="Email*" />
<br />
<input name="phone" type="text" class="required number" id="textfield6" size="30" placeholder="Number*" />
<br />
<textarea name="message" cols="22" rows="3" id="message" placeholder="Message*"></textarea>
</textarea>
<br />
<input type="submit" name="button3" id="button3" value="Submit" />
<input type="reset" name="button5" id="button5" value="Reset" />
</form>
</div>
</div>
<div id="right2">
<div id="right4"><img src="data/donate.png" width="150" height="60" border="0" usemap="#Map" />
<map name="Map" id="Map">
<area shape="rect" coords="7,8,143,54" href="donate.html" />
</map>
</div>
<div id="right3">
<div id="center4">
<div align="center">Up Coming Event</div>
</div>
<div class="style5" id="center11">
<marquee behavior="scroll" scrollamount="2" direction="up" loop="-1" width="100%" height="100%" onMouseOver="this.stop();" onMouseOut="this.start();">
<div>
<p class="style33"><a href="http://yuvaurbandummy.wordpress.com/upcoming-events/">Health Camp at Migrant Sites</a><br />
<br />
<a href="http://yuvaurbandummy.wordpress.com/upcoming-events/">Awareness Programs Through Film Screenings</a><br />
<br />
<a href="http://yuvaurbandummy.wordpress.com/upcoming-events/">Development Plan Campaign</a><br />
<br />
<a href="http://yuvaurbandummy.wordpress.com/upcoming-events/">Capacity Building Workshop of NHF Members</a><br />
<br />
<a href="http://yuvaurbandummy.wordpress.com/upcoming-events/">Awareness Campaign through street plays for migrant workers and MRC Helpline Services </a></p>
</div>
</marquee>
</div>
</div>
<div id="right6"><img src="data/helpline.jpg" width="150" height="55" border="0" /></div>
<div id="right66"><img src="data/mh.jpg" width="150" height="55" /></div>
</div>
</div>
<div id="footer">
<div align="right"><span class="style16 style25 style27"><span class="style16 style30">© 2012. YUVA URBAN INDIA All Rights Reserved. Site Designed And Maintained By <a href="http://www.virtuerealmultimedia.com/" target="_blank">VirtuerealMultimedia.com</a></span></span></div>
</div>
</div>
</body>
</html>
1
