<div class="grid--cell fl1 lh-lg">
<div class="grid--cell fl1 lh-lg">
This question is unlikely to help any future visitors; it is only relevant to a small geographic area, a specific moment in time, or an extraordinarily narrow situation that is not generally applicable to the worldwide audience of the internet. For help making this question more broadly applicable, <a href="/help/reopen-questions">visit the help center</a>.
</div>
</div>
</div>
<div class="grid--cell mb0 mt8">Closed <span title="2013-06-05 12:16:09Z" class="relativetime">6 years ago</span>.</div>
</div>
</aside>
I am using a jquery ajax for populating some values in a jsp page ,but it produces unwanted br tags
this is my jsp page
<!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">
<%@page import="pojo.AppointmentDetails"%>
<%@page import="pojo.MiniProvider"%>
<%@page import="pojo.MiniFacility"%>
<%@page import="pojo.Patient"%>
<%@page import="pojo.AppoinmentTimedetails"%>
<%@page import="pojo.AppointmentTypes"%>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>GMQ Physician Associates</title>
<!--[if IE]>
<link rel="stylesheet" type="text/css" href="css/style2.css" />
<![endif]-->
<!--[if !IE]> -->
<link rel="stylesheet" type="text/css" href="css/style.css" />
<!-- <![endif]-->
<link rel="stylesheet" type="text/css" href="css/jquery-ui-1.8.22.custom.css" />
<script type="text/javascript" src="js/jquery.js"></script>
<script type="text/javascript" src="js/basicnifo.js"></script>
<script type="text/javascript" src="js/datepicker2.js"></script>
<script type="text/javascript" language="javascript" src="js/scripts.js"></script>
<script src="js/jquery.validate.js"></script>
<!--<script type="text/javascript" src="js/jquery-ui-1.8.22.custom.min.js"></script>
-->
</head>
<%
AppoinmentTimedetails appoinmentTimedetails=null;
Patient patient=new Patient();
patient.setsState("");
AppointmentDetails []appointmentDetails=null;
MiniProvider [] miniProviders=null;
MiniFacility[]miniFacilities =null;
AppointmentTypes []appointmentTypes=null;
miniFacilities=(MiniFacility[])request.getAttribute("miniFacilities");
if(miniFacilities==null){
miniFacilities=new MiniFacility[1];
miniFacilities[0]=new MiniFacility();
miniFacilities[0].setiFacilityId(0);
miniFacilities[0].setsFacilityName("");
}
miniProviders=(MiniProvider[])request.getAttribute("miniProviders");
if(miniProviders==null){
miniProviders=new MiniProvider[1];
miniProviders[0]=new MiniProvider();
miniProviders[0].setiProviderId(0);
miniProviders[0].setsProviderName("");
}
appointmentDetails=(AppointmentDetails[])request.getAttribute("appointmentDetails");
if(appointmentDetails==null){
appointmentDetails=new AppointmentDetails[1];
appointmentDetails[0]=new AppointmentDetails();
appointmentDetails[0].setsStatus("");
appointmentDetails[0].setsFacilityName("");
appointmentDetails[0].setsProviderName("");
appointmentDetails[0].setsStartTime("");
}
appointmentTypes=(AppointmentTypes[])request.getAttribute("appointmentTypes");
if(appointmentTypes==null){
appointmentTypes=new AppointmentTypes[1];
appointmentTypes[0]=new AppointmentTypes();
appointmentTypes[0].setiAppointmentTypesId(0);
appointmentTypes[0].setsCaption("");
}
/*appoinmentTimedetails=(AppoinmentTimedetails)request.getAttribute("appoinmentTimedetails");
if(appoinmentTimedetails==null){
appoinmentTimedetails=new AppoinmentTimedetails();
appoinmentTimedetails.setsLocation("");
appoinmentTimedetails.setsProvider("");
appoinmentTimedetails.setsVisitType("");
}*/
%>
<body>
<div id="main">
<table width="100%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr>
<td width="50%"><img src="images/logo.jpg" width="385" height="97" alt="logo" /></td>
<td width="50%"><img src="images/people.jpg" width="327" height="97" class="m1" /></td>
</tr>
<tr>
<td colspan="2"><div class="m2">
<a href="#"><div id="home" style="background:url(images/topnav-bt-bg1.png) no-repeat;" class="topnav" onMouseOver="changeBgImage('images/topnav-bt-bg2.png', 'home')" onMouseOut="changeBgImage('images/topnav-bt-bg1.png', 'home')">HOME</div></a>
<a href="#"><div id="service" style="background:url(images/topnav-bt-bg1.png) no-repeat;" class="topnav" onMouseOver="changeBgImage('images/topnav-bt-bg2.png', 'service')" onMouseOut="changeBgImage('images/topnav-bt-bg1.png', 'service')">SERVICES</div></a>
<a href="#"><div id="provider" style="background:url(images/topnav-bt-bg1.png) no-repeat;" class="topnav" onMouseOver="changeBgImage('images/topnav-bt-bg2.png', 'provider')" onMouseOut="changeBgImage('images/topnav-bt-bg1.png', 'provider')">PROVIDER</div></a>
<a href="#"><div id="register" style="background:url(images/topnav-bt-bg1.png) no-repeat;" class="topnav" onMouseOver="changeBgImage('images/topnav-bt-bg2.png', 'register')" onMouseOut="changeBgImage('images/topnav-bt-bg1.png', 'register')">REGISTRATION</div></a>
<a href="#"><div id="faq" style="background:url(images/topnav-bt-bg1.png) no-repeat;" class="topnav" onMouseOver="changeBgImage('images/topnav-bt-bg2.png', 'faq')" onMouseOut="changeBgImage('images/topnav-bt-bg1.png', 'faq')">FAQ</div></a>
<a href="#"><div id="contact" style="background:url(images/topnav-bt-bg1.png) no-repeat;" class="topnav" onMouseOver="changeBgImage('images/topnav-bt-bg2.png', 'contact')" onMouseOut="changeBgImage('images/topnav-bt-bg1.png', 'contact')">CONTACT</div></a>
</td>
</tr>
</table>
<table width="100%" border="0" align="center" cellpadding="0" cellspacing="0" class="m5">
<tr>
<td valign="top" class="m3">
<div class="m3a">Quick Menu</div>
<div class="m9">
<a href="Basic_info?action=basic"><div id="basic" style="background:url(images/basic-info-bt1.png) no-repeat;" class="leftnav" onMouseOver="changeBgImage('images/basic-info-bt2.png', 'basic')" onMouseOut="changeBgImage('images/basic-info-bt1.png', 'basic')">Basic Info</div></a>
<a href="Basic_info?action=appoinments:"><div id="app" style="background:url(images/appointments-bt2.png) no-repeat;" class="leftnav">Appointments</div></a>
<a href="newMessage.jsp">
<div id="newmess" style="background:url(images/new-message-bt1.png) no-repeat;" class="leftnav" onMouseOver="changeBgImage('images/new-message-bt2.png', 'newmess')" onMouseOut="changeBgImage('images/new-message-bt1.png', 'newmess')">New Message</div></a>
<a href="Basic_info?action=inbox:"><div id="inbox" style="background:url(images/inbox-bt1.png) no-repeat;" class="leftnav" onMouseOver="changeBgImage('images/inbox-bt2.png', 'inbox')" onMouseOut="changeBgImage('images/inbox-bt1.png', 'inbox')">Inbox</div></a>
<a href="Basic_info?action=outbox:"><div id="outbox" style="background:url(images/outbox-bt1.png) no-repeat;" class="leftnav" onMouseOver="changeBgImage('images/outbox-bt2.png', 'outbox')" onMouseOut="changeBgImage('images/outbox-bt1.png', 'outbox')">Outbox</div></a>
<a href="Basic_info?action=health-summary:"><div id="health" style="background:url(images/health-summary-bt1.png) no-repeat;" class="leftnav" onMouseOver="changeBgImage('images/health-summary-bt2.png', 'health')" onMouseOut="changeBgImage('images/health-summary-bt1.png', 'health')">Health Summary</div></a>
<a href="Basic_info?action=clinical-summary:"><div id="clinical" style="background:url(images/clinical-summary-bt1.png) no-repeat;" class="leftnav" onMouseOver="changeBgImage('images/clinical-summary-bt2.png', 'clinical')" onMouseOut="changeBgImage('images/clinical-summary-bt1.png', 'clinical')">Clinical Summary</div></a>
<a href="Basic_info?action=employer-guarantor:"><div id="gurantor" style="background:url(images/employer-gurantor-bt1.png) no-repeat;" class="leftnav" onMouseOver="changeBgImage('images/employer-gurantor-bt2.png', 'gurantor')" onMouseOut="changeBgImage('images/employer-gurantor-bt1.png', 'gurantor')">Employer Guarantor</div></a>
<a href="Basic_info?action=insurance:"><div id="insurance" style="background:url(images/insurance-bt1.png) no-repeat;" class="leftnav" onMouseOver="changeBgImage('images/insurance-bt2.png', 'insurance')" onMouseOut="changeBgImage('images/insurance-bt1.png', 'insurance')">Insurance</div></a>
<a href="Basic_info?action=patienthistory:"><div id="history" style="background:url(images/patient-history-bt1.png) no-repeat;" class="leftnav" onMouseOver="changeBgImage('images/patient-history-bt2.png', 'history')" onMouseOut="changeBgImage('images/patient-history-bt1.png', 'history')">Patient History</div></a>
<a href="Basic_info?action=logout:"><div id="logout" style="background:url(images/logout-bt1.png) no-repeat;" class="leftnav" onMouseOver="changeBgImage('images/logout-bt2.png', 'logout')" onMouseOut="changeBgImage('images/logout-bt1.png', 'logout')">Logout</div></a>
</div>
<div class="m8"> </div>
</td>
<td valign="top" class="m4">
<div class="m4a">Appointments</div>
<div class="m6">
<form action="#" method="post" name="reg" id="reg">
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td>
<div class="m12">
<table width="100%" border="0" cellspacing="1" cellpadding="2">
<tr>
<td style="width: 15%;">Location</td>
<td style="width: 35%;"><select name="Location" id="Location"
class="drop2">
<option value="0">-Select-</option>
<% for(int i=0;i<miniFacilities.length;i++){%>
<option value="<%=miniFacilities[i].getiFacilityId()%>"
<%if(patient.getsState().equals(miniFacilities[i].getiFacilityId())){out.println("selected='selected'");} %>><%=miniFacilities[i].getsFacilityName()%></option>
<% }%>
</select></td>
<td style="width: 15%;">Provider</td>
<td width="25%" style="width: 35%;"><select name="Provider"
id="Provider" class="drop2">
<option value="">-Select-</option>
<% for(int i=0;i<miniProviders.length;i++){%>
<option value="<%=miniProviders[i].getiProviderId()%>"
<%if(patient.getsState().equals(miniProviders[i].getiProviderId())){out.println("selected='selected'");} %>><%=miniProviders[i].getsProviderName()%></option>
<% }%>
</select><br />
<span id="username_warning" style="color: red"></span></td>
</tr>
<tr>
<td>Appointment Date Format</td>
<td><span style="width: 35%;"> <select
name="Appointment" id="Appointment" class="drop2">
<option value="0" selected="selected">-Select-</option>
<option value="Earliest available date">Earliest
available date</option>
<option value="Allow me to pick a Date">Allow me to
pick a Date</option>
</select> </span></td>
<td id="AppointmentDate">Appointment Date</td>
<td bgcolor="#F5F5F5" style="width: 15%;"><input type="text"
name="date" id="date" tabindex="1" class="m10 autocompletehealth"
value="" /></td>
</tr>
<tr>
</tr>
<tr>
<td> </td>
<td> </td>
<td> </td>
<td><input type="button" name="button" id="button"
value="SEARCH" class="bt-press" onclick=""
onmouseover="changeBgImage('images/button-bg2.png', 'update')"
onmouseout="changeBgImage('images/button-bg.png', 'update')" />
</td>
</tr>
</table>
<div id="divId"></div>
</div>
</td>
</tr>
<input type="hidden" name="page" value="appoinments2" class="m10" />
<input type="hidden" name="value" value="" class="m10" id="value"/>
</table>
</form>
</div><!--
<div class="m7"> <br />
</div>
-->
</td>
</tr>
</table>
<!--<div class="foot">GMQ Physician Associates, 100-C, Foley, AL 3655 TEL: (456)789-2343 FAX: (456)789-2343</div>
-->
</div>
<script>
var count=0;
$(document).ready(function(){
//$("#date").hide();
//$("#AppointmentDate").hide();
// alert("");
$( "#date" ).datepicker({ minDate: 0 , dateFormat: "mm-dd-yy"});
});
$("#Appointment").change(function() {
// alert($(this).val());
// $("#date").removeAttr("disabled");
// $( "#Appointment" ).datepicker({ minDate: 0 , dateFormat: "yy-mm-dd"});
$('#Appointment').live('change', function() {
// alert($(this).val());
if ($(this).val() == "Allow me to pick a Date") {
$("#mm").show();
// $("#date").show();
// $("#AppointmentDate").show();
$("#date").datepicker({showOn:'both',dateFormat: "mm-dd-yy"}).focus();
}
if ($(this).val() == "Earliest available date") {
$("#mm").hide();
// $("#date").hide();
// $("#AppointmentDate").hide();
}
});
});
$('#next').live('click', function() {
//alert("next");
$("#username_warning").empty();
if($('#Provider').val()=="") {
var username_length;
username_length = $("#Provider").val().length;
if (username_length <1){
$("#username_warning").append("Please select a provider");
return false;
}}
else {
if(count<1)
{
//alert(count+"less");
count=1;
}
else
{
count=count+1;
//alert(count+"grater");
}
//alert(count);
$('#value').val(count);
///alert($('#value').val()+"count");
//$("#value").value(count);
//alert( $("#value").value());
makedate();
}
});
$('#back').live('click', function() {
//alert("aaaa");
$("#username_warning").empty();
if($('#Provider').val()=="") {
var username_length;
username_length = $("#Provider").val().length;
if (username_length <1){
$("#username_warning").append("Please select a provider");
return false;
}}
else {
if(count<=1)
{
//alert(count+"less");
count=1;
}
else
{
count=count-1;
//alert(count+"grater");
}
//alert(count);
$('#value').val(count);
///alert($('#value').val()+"count");
//$("#value").value(count);
//alert( $("#value").value());
makedate();
}
});
$("#button").click(function() {
//alert(count);
$("#username_warning").empty();
if($('#Provider').val()=="") {
var username_length;
username_length = $("#Provider").val().length;
if (username_length <1){
$("#username_warning").append("Please select a provider");
return false;
}}
else {
if($('#value').val()>count) {
var count1 = $("#value").val();
count1 = parseInt(count1);
count=count1+1;
}
else{
count=count+1;
}
$('#value').val(count);
//$("#divId br").remove();
//alert("CALLING");
makedate();
//alert("finished");
//$("#divId br").remove();
}
});
$('#date').change(function(){
//alert("change") ;
$('#value').val("0");
count=0;
//alert($('#value').val()+"change");
});
var select=false;
$("#appoinmentdate").live('click', function() {
// alert("inside");
select=true;
});
$("#reg").live('submit', function() {
//alert("true0");
if(select== true){
//alert("true");
}
else{
//$("#ps").attr("style=", "display: block;");
return false;
}
});
</script>
</body>
</html>
this is my ajax function for populating values
function makedate() {
$('#button').attr( 'disabled', 'disabled' );
$.ajax({
type: 'POST',
url: 'ajaXForgetdatesForAppoinment.jsp?' +
$('#reg').serialize(),
dataType: 'text',
success: function( data ) {
//alert(data);
$('#button').removeAttr( 'disabled' );
$('#divId').html(data);
},
error: function( jqXHR, textStatus, errorThrown ) {
// ...
}
});
}
and this is my jsp page from where iam polulating values to above jsp page
<%@page import="pojo.AppoinmentTimedetails"%>
<%@page import="classes.AppoinmentInfo"%>
<%
int clinicid=(Integer)session.getAttribute("clinicid");
String date=null;
String Location=null;
String Provider="";
String Appointmentdateformat="";
String value="";
//
value=request.getParameter("value");
date=request.getParameter("date");
Location=request.getParameter("Location");
Provider=request.getParameter("Provider");
Appointmentdateformat=request.getParameter("Appointmentdateformat");
System.out.print(date+Location+Provider+Appointmentdateformat);
AppoinmentInfo appoinmentInfo=new AppoinmentInfo();
AppoinmentTimedetails appoinmentTimedetails=new AppoinmentTimedetails();
appoinmentTimedetails.setsLocation(Location);
appoinmentTimedetails.setsProvider(Provider);
appoinmentTimedetails.setsAppointmentdateinput(date);
appoinmentTimedetails.setsAppointmentdateformat(Appointmentdateformat);
appoinmentTimedetails=appoinmentInfo .getAppoinmenttime(appoinmentTimedetails,value, 83622);
%>
<table>
<%if(appoinmentTimedetails.getsAppoinmentTime()==null){%>
<tr><td align="center">
<strong ><font color="red">No appoitnments available on this date</font></strong></td></tr> <%}else{%>
<tr><td></td><td>
<input type="button" name="back" id="back" style="background: url(images/button_previous_01.png);width 100 px" />
<strong>PICK YOUR APPOINTMENT</strong>
<input type="button" name="next" id="next"class="" style="background: url(images/button_next_01.png)" />
</td>
</tr>
<%for(int i=0;i<appoinmentTimedetails.getsAppoinmentTime().length;i++){ %>
<tr>
<td></td><td>
<input type="radio" name="appoinmentdate" id="appoinmentdate"value="<%=appoinmentTimedetails.getsAppoinmentTime()[i] %>"/><%=appoinmentTimedetails.getsAppoinmentTime()[i] %>
</td><br></tr><%}%>
<!--<p align=left><font color="red">click on search button to show more opening</font></p>
-->
<tr>
<td >Complaints
</td>
<td><input type="text" name="Complaints" id="Complaints" class="m10" /></td>
</tr>
<tr>
<td>Notes</td>
<td><textarea name="Notes" class="m14" id="Notes"></textarea></td> </tr>
<tr>
<td></td> <td>
<input type="submit" name="CREATE" id="CREATE" value="CREATE" class="bt-press" onclick=""onmouseover="changeBgImage('images/button-bg2.png', 'update')" onmouseout="changeBgImage('images/button-bg.png', 'update')" />
<div id="ps" style="visibility: hidden"> <p align=lef id="p"><font color="red">pls select any appointment </font></p></div>
</td>
</tr>
<%}%>
</table>
and this is what iam getting on that div id "divId"
<div id="divId">
<br><br><br><table>
<tbody><tr><td></td><td>
<input type="button" name="back" id="back" style="background: url(images/button_previous_01.png);width 100 px">
<strong>PICK YOUR APPOINTMENT</strong>
<input type="button" name="next" id="next" class="" style="background: url(images/button_next_01.png)">
</td>
</tr>
<tr>
<td></td><td>
<input type="radio" name="appoinmentdate" id="appoinmentdate" value="Tuesday, 18 June 2013, 08:00 AM">Tuesday, 18 June 2013, 08:00 AM
</td></tr>
<tr>
<td></td><td>
<input type="radio" name="appoinmentdate" id="appoinmentdate" value="Tuesday, 18 June 2013, 08:15 AM">Tuesday, 18 June 2013, 08:15 AM
</td></tr>
<tr>
<td></td><td>
<input type="radio" name="appoinmentdate" id="appoinmentdate" value="Tuesday, 18 June 2013, 08:30 AM">Tuesday, 18 June 2013, 08:30 AM
</td></tr>
<!--<p align=left><font color="red">click on search button to show more opening</font></p>
-->
<tr>
<td>Complaints
</td>
<td><input type="text" name="Complaints" id="Complaints" class="m10"></td>
</tr>
<tr>
<td>Notes</td>
<td><textarea name="Notes" class="m14" id="Notes"></textarea></td> </tr>
<tr>
<td></td> <td>
<input type="submit" name="CREATE" id="CREATE" value="CREATE" class="bt-press" onclick="" onmouseover="changeBgImage('images/button-bg2.png', 'update')" onmouseout="changeBgImage('images/button-bg.png', 'update')">
<div id="ps" style="visibility: hidden"> <p align="lef" id="p"><font color="red">pls select any appointment </font></p></div>
</td>
</tr>
</tbody></table>
</div>
can any one help me to solve this issue
</div>
Just write a css for br with attribute as display:none; provided you dont need br anywhere on your website.
For instance,
br {display:none;}
OR
If you need br tags on your website, add the div id for the div that is generating unwanted br and then add it in the css attributing to that div id and then put a display:none;.
For instance,
div#xx br {display:none;}
Like in your case, divId is your id, so,
div#divId br {display:none;}
Hope this helps.