Breaking

Followers

Showing posts with label HTML. Show all posts
Showing posts with label HTML. Show all posts

Friday, 21 July 2023

7/21/2023 12:11:00 am

HTML interview question

 ● What is <!Doctype html> in Html5

● What is difference between div and span in Html

● What is semantic tags and non semantic tags in

Html

● What is difference between html and html5

● What is Iframe tag in Html5

● What are the formatting tags in html

● What is difference <b> and <Strong> in html

● What is view port attribute in html

● What is attribute in html

● What is block level element and inline element in

html

● What is difference between Html and Html5


Friday, 15 September 2017

9/15/2017 02:45:00 am

How to Create Responsive Tables using CSS

This is the exact same table, only has @media queries applied to is so that when the screen is too narrow, it reformats (via only CSS) to make each row a bit like it’s own table. This makes for much more repetition and vertical space needed, but it fits within the horizontal space, so only natural vertical scrolling is needed to explore the data.

Attach to Your Markup

Transaction id Task/Service Name Tasker Name Currency Amount Date
tr_1AvAiOHqtdB22t0rH7XY6uJy Ahaahahaha Jason  CAD $500041.00 Aug-26-2017
tr_1AvAiOHqtdB22t0rH7XY6uJy Ahaahahaha Jason  CAD $500041.00 Aug-26-2017
tr_1AvAiOHqtdB22t0rH7XY6uJy Ahaahahaha Jason  CAD $500041.00 Aug-26-2017
tr_1AvAiOHqtdB22t0rH7XY6uJy Ahaahahaha Jason  CAD $500041.00 Aug-26-2017



Add to Your CSS


.table-payment table{border:0!important;border-collapse:collapse;margin:0;padding:0;width:100%;table-layout:fixed;}
.table-payment table caption{font-size:1.5em;margin:.5em 0 .75em;}
.table-payment table tr{background:#f8f8f8;border:1px solid #ddd;padding:.35em;}
.table-payment table th,
.table-payment table td{padding:.625em;text-align:center;color:#5f5b5b;font-size:14px;line-height:18px;word-wrap: break-word;}
.table-payment table th{font-weight:700;color:#000;background-color:#ededed}
.table-payment table tr:nth-child(even) td{background-color:#f8f8f8}
.table-payment table tr:nth-child(odd) td{background-color:#fff}

@media screen and (max-width:600px){.table-payment table{border:0;}
.table-payment table caption{font-size:1.3em;}
.table-payment table thead{border:none;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;}
.table-payment table tr{display:block; padding:0; border:0;border-top:1px solid #ddd}
.table-payment table td{border-bottom:1px solid #ddd;display:block;font-size:.8em;text-align:right;min-height:35px }
.table-payment table td:before{/*
    * aria-label has no advantage, it won't be read inside a table
    content:attr(aria-label);*/
content:attr(data-label);float:left;font-weight:bold;text-transform:uppercase;}
.table-payment table td:last-child{border-bottom:0;}
.DashboardRightContent .paymentBox{padding-bottom:0;}

.table-payment table tr:nth-child(even),
.table-payment table tr:nth-child(even) td{background-color:#f8f8f8}
.table-payment table tr:nth-child(odd),
.table-payment table tr:nth-child(odd) td{background-color:#fff}
.table-payment table tr + tr{border-top:1px solid #0085e9}

/*.table-payment table tr td:nth-child(even){background-color:#fff}
.table-payment table tr td:nth-child(odd){background-color:#f8f8f8}*/
}
@media screen and (max-width:350px){.table-payment table td{font-size:.7em;}

}

Thursday, 16 June 2016

6/16/2016 12:38:00 am

Web Development



WEB DEVELOPMENT is the backbone of our business. We create your Websites that attract users. We have the expertise, the experience and the knowledge in same field. We implements the latest technologies in web site design for User-friendly navigation to clear communication of your brand and your message to Flash and other technologies.

SEO-friendly platforms, such as :

  • HTML5
  • CSS3
  • JavaScript 
  • jQuery
  • bootstrap 
  • Responsive 


Programming languages, such as :

  • Drupal
  • PHP/MySql
  • WordPress
  • Joomla
  • Magento
  • Yii
  • Codeigniter
  • Custome Framework
  • Android applications & development


We also customize Content Management Systems, Blogs, and offer Web 2.0 marketing solutions to those clients that are open to it.

Wednesday, 22 April 2015

4/22/2015 05:13:00 am

Website Design and Development Package

Web Application Freelancer offers Top class interactive website development & design services to give your business a significant help and boost  you forge ahead in a highly competitive in the market. Our expert developers & designers use open source as well as closed source technologies to create  responsive, interactive websites, feature rich that become a platform for interaction with customers, buyers and between staff, helping you boost efficiency's and increase productivity(Sales) as well as enhance your image.
Web Application Freelancers  top  feature rich interactive websites for :
  •          E-commerce
  •          Online Educational websites
  •          Banking And  Finance
  •          Database based websites
  •          CMS Websites
  •          Portals

Our teams of expert, experienced, skilled and knowledgeable developer use current technologies such as:

  • PHP5, MySQL
  • Ajax,
  • JavaScript, JQuery
  • HTML5, CSS3
  • Bootstrap
  • Drupal, WordPress,  Joomla,  Magento
For server side/client side scripting to create. Developers integrate coding into front end designs created by talented team of designers for unified,  logical, harmonious, intuitive interface.
  • You benefit from our qualified, trained and experienced manpower, in-house as well as on contract
  • .You receive professional, knowledgeable and thorough services.
  • We have the infrastructure, communication base, support structures.
  • You receive prompt and punctual services, 24x7 support before, during and after completion of the project.
  • We are friendly, geared to assist you prosper and grow in your business and achieve greater success in a competitive environment through your interactive websites designed and developed by us, offering best ROIs.
How we work
  • A preliminary project is prepared and submitted to you for approval and terms are agreed upon;
  • Web Application Freelancer experts discuss your requirements, understand what you expect and explain what can be achieved;
  • Simultaneously, our market researchers study competition, current markets, potential customer expectation and behaviors and the analysed data is considered while developing your website;
  • For IT companies to whom we provide offshore, outsourced professional interactive website services at affordable rates, either on project basis, hourly basis or monthly basis. We also provide contracted programmers for in-house or offshore interactive website development.
  • Our programmers begin working on your interactive web, keeping you constantly updated. We follow the agile path to development with modifications and refinements being incorporated as we go along instead of at the final stage;
  • The final interactive website is tested for bugs and errors on in-house server before being hosted and again after hosting with small kinks ironed out in the process. Rigorous tests for accessibility, errors and functionality are carried out on different browsers and platforms.
  • Your personnel receive training, if and where needed. Our dynamic, agile, interactive website development services are available for:
  • Small, medium and large enterprises in India and across the world;
  • For institutions, NGOs, governments;

 



Thursday, 2 April 2015

4/02/2015 10:49:00 pm

‪‎PHP‬ ‪‎Programming‬


It is amongst the most widely used programming that come with many benefits like easy compatibility with majority of servers ,high security features as well as maintenance and  fast installation. it is open-source platform, it offers programmers with the opportunity to create
customized solutions , cost-effective  to meet the specific needs of the client. With more than 4 plus years of experience in PHP/MySQL programming, we assure to provide you with user-friendly, easy to operate, quick loading and reliable websites depending on your needs. The PHP/MYSQL programmers from our team are dedicated towards making your project successful as well as drive your business in the right direction to reach greater heights.

Our PHP Programming ‪‎Services‬ :

  • Tailor made PHP-‪‎MySQL‬ programming
  • Web application development and interactive designs
  • Online product catalogs
  • Development of custom CMS
  • Online job portals
  • Online payment processing
  • Ongoing website maintenance and support
  • Social networking / User management
  • Membership / Subscription based websites
  • Business directory websites
  • ‪‎Ecommerce‬ solutions / ‪‎Shopping‬ cart solutions
  • Real estate websites


PHP Open Source Tools We Use :
  1. ‪‎WordPress‬
  2. ‪‎Magento‬
  3. ‪‎Drupal‬
  4. ‪‎PrestaShop‬
  5. ‪‎Opencart‬
  6. ‪‎Joomla‬
  7. ‪‎osCommerce‬
  8. Our Framework Expertise :
  9. ‪‎CodeIgniter‬
  10. ‪‎CakePHP‬
  11. ‪‎Custome‬ framework

Sunday, 29 March 2015

3/29/2015 11:04:00 pm

how to add dynamically multiple row with jquery and mysql in php?

I wrote about adding dynamic input fields in a webpage using  html ,jQuery, php and mysql, I got multiple of queries on how to submit it to database. This is all about generating input fields on the fly in a web page and submitting the entered data into database.  You can use this blog post to build more user friendly forms
which collect data from users. users can create fields on the fly and enter data.











<html>
<head>

<title>Untitled Document</title>
<script language="JavaScript" type="text/javascript">
  //You should create the validator only after the definition of the HTML form
  var frmvalidator  = new Validator("form1");

  frmvalidator.addValidation("eng_name","req","Please Enter Sub Page Name");
  frmvalidator.addValidation("custom_url","req","Please enter URL");

  function addRow(tableID) {
 
  var table = document.getElementById(tableID);

  var rowCount = table.rows.length;
  if(rowCount < 20){       // limit the user from creating fields more than your limits
   var row = table.insertRow(rowCount);
   var colCount = table.rows[0].cells.length;
   for(var i=0; i<colCount; i++) {
    var newcell = row.insertCell(i);
   
    newcell.innerHTML = table.rows[0].cells[i].innerHTML;

   
     $('#dataTable tr:last .checkb:last').attr('id',rowCount);
     $('#dataTable tr:last .bed:last').attr('id','bed_'+rowCount);
     $('#dataTable tr:last .bathrooms:last').attr('id','bathrooms_'+rowCount);
     $('#dataTable tr:last .txtUnitName:last').attr('id','txtUnitName_'+rowCount);
   
     $('#dataTable tr:last .txtSize:last').attr('id','txtSize_'+rowCount);
     $('#dataTable tr:last .txtppua:last').attr('id','txtppua_'+rowCount);
     $('#dataTable tr:last .BX_tc:last').attr('id','BX_tc_'+rowCount);
   

     $('#dataTable tr:last .reset:last').val("");
   
 
 
   }
  }else{
 
     
  }
}

$("#txtppua").blur(function(){
        alert("This input field has lost its focus.");
    });
function deleteRow(tableID) {
 var table = document.getElementById(tableID);
 var rowCount = table.rows.length;
 for(var i=0; i<rowCount; i++) {
  var row = table.rows[i];
  var chkbox = row.cells[0].childNodes[0];
  if(null != chkbox && true == chkbox.checked) {
   if(rowCount <= 1) {       // limit the user from removing all the fields
    //alert("Cannot Remove all the Passenger.");
    break;
   }
   table.deleteRow(i);
   rowCount--;
   i--;
  }
 }
}


 </script>
<script language="Javascript">

      function isNumberKey(evt)
      {


         var charCode = (evt.which) ? evt.which : event.keyCode;
   if(charCode == 99 || charCode == 118)
          return true;
         if (charCode > 31 && (charCode < 46 || charCode > 57))
            return false;

         return true;
      }



  function fillUnitName(id)
  {
 
  var idValues=id;


  var arr = idValues.split('_');
  var idValue=arr[1];
  var selectValBed = $("#bed_"+idValue+" :selected").val();

  var selectValBath = $("#bathrooms_"+idValue+" :selected").val();
  var carpet_id = "txtCarpetAreaInfo_"+(idValue);
  if(selectValBed!='0' && selectValBath!='0')
  {
   var str=selectValBed+"BHK+"+selectValBath+"T";
   if($("#"+carpet_id).attr('checked'))
    var unitName=$("#txtUnitName_"+idValue).val(str+"(Carpet)");
   else
    var unitName=$("#txtUnitName_"+idValue).val(str);
  }
  }

  function TotalCost(id)
  {
 
  var idValues=id;
  var arr = idValues.split('_');
  var idValue=arr[1];
  //alert(idValues);


  var PricePerUnit=$("#txtppua_"+idValue).val();
  var txtSize=$("#txtSize_"+idValue).val();
  var total_pr=PricePerUnit*txtSize;
  $("#BX_tc_"+idValue).val(total_pr);


  }
  function show_add(id)
  {

  var idValues=id;


  var arr = idValues.split('_');
  var idValue=arr[1];

  var id = "add_"+(id+1);
  var unitName=$("#txtUnitName_"+idValue).val();
  var txtPricePerUnitArea=$("#txtPricePerUnitArea_"+idValue).val();
  var txtSize=$("#txtSize_"+idValue).val();
  var selectVal = $("#bed_"+idValue+" :selected").val();
  if(unitName !='' && txtSize!='' && selectVal!='0')
  {
   document.getElementById(id).style.display = '';
  }
  else
  {
   document.getElementById(id).style.display = 'none';
  }

  }
/*******function for deletion confirmation***********/
    function chkConfirm()
    {
        var chk = 0;
        for(var i=0;i<=30;i++) {    
            if($("#"+i).attr('checked')) {
                chk = 1;
            }
        }

        if(chk == 1)
            return confirm("Are you sure! you want to delete records which are checked.");
    }
    function add_carpet(index){

  carpet_id = "txtCarpetAreaInfo_"+(index + 1);
  unitname_id = "txtUnitName_"+(index + 1);
  unitname_val = $("#"+unitname_id).val();

  if($("#"+carpet_id).attr('checked')){
   $("#"+unitname_id).val(unitname_val+"(Carpet)");
  }else{
   unitname_val = unitname_val.replace("(Carpet)","")
   $("#"+unitname_id).val(unitname_val);
  }

 

 }

</script>
</head>

<body>

  <input onclick="addRow('dataTable')" type="button" value="Add Configuration" />

  &lt;!--    <input onclick="deleteRow('dataTable')" type="button" value="Remove Configuration" /></body></html>
<table 983px="" border="&quot;1&quot;" class="&quot;form&quot;" id="&quot;rounded-corner&quot;" important="" quot="">
  <thead>
<tr>
      <th class="&quot;rounded-company&quot;">Del</th>
      <th bbd="" class="&quot;rounded" quot="" scope="&quot;col&quot;" valign="&quot;&quot;" width="&quot;&quot;">Bedrooms</th>
      <th bbd="" class="&quot;rounded" quot="" scope="&quot;col&quot;" valign="&quot;&quot;" width="&quot;&quot;">Bathrooms</th>
      <th bbd="" class="&quot;rounded" quot="" scope="&quot;col&quot;" valign="&quot;&quot;" width="&quot;&quot;">Unit Name</th>
      <th bbdc="" class="&quot;rounded" quot="" scope="&quot;col&quot;" valign="&quot;&quot;" width="&quot;&quot;">Size</th>
      <th bbdc="" class="&quot;rounded" quot="" scope="&quot;col&quot;" valign="&quot;&quot;" width="&quot;&quot;">Price Per Unit Area</th>
      <th bbd="" class="&quot;rounded" quot="" scope="&quot;col&quot;" valign="&quot;&quot;" width="&quot;&quot;">Balcony</th>
      <th bbd="" class="&quot;rounded" quot="" scope="&quot;col&quot;" valign="&quot;&quot;" width="&quot;&quot;">Servant Room</th>
      <th bbd="" class="&quot;rounded" quot="" scope="&quot;col&quot;" valign="&quot;&quot;" width="&quot;&quot;">Pooja Room</th>
      <th bbd="" class="&quot;rounded" quot="" scope="&quot;col&quot;" valign="&quot;&quot;" width="&quot;&quot;">Study Room</th>
      <th bbdc="" class="&quot;rounded" quot="" scope="&quot;col&quot;" valign="&quot;&quot;" width="&quot;&quot;">Total Cost</th>
      <th bbdcd="" class="&quot;rounded-q4" quot="">Floor Plan</th>
    </tr>
</thead>
</table>
<table border="&quot;1&quot;" class="&quot;form&quot;" id="&quot;dataTable&quot;">
  <tbody>
<tr>
   
      <td align="&quot;&quot;" valign="&quot;middle&quot;" width="&quot;500&quot;"><a 6px="" class="&quot;ask&quot;" href="https://www.blogger.com/%22configuration_pages_manage.php?property_id=11&amp;del_id=365%22" quot=""><img border="&quot;0&quot;" src="&quot;OBERNDEV.COM/images/trash.png&quot;" /></a>
        <input class="&quot;checkb" id="&quot;1&quot;" name="&quot;chk[]&quot;" none="" quot="" reset="" type="&quot;checkbox&quot;" />
        <input class="&quot;checkb" name="&quot;c_id[]&quot;" quot="" reset="" type="&quot;hidden&quot;" value="&quot;365&quot;" /></td>
      <td align="&quot;&quot;" valign="&quot;middle&quot;" width="&quot;500&quot;"><select 67px="" class="&quot;bed" fillunitname="" id="&quot;bed_0&quot;" name="&quot;BX_Bedrooms[]&quot;" onchange="&quot;show_add(this.id);" quot="" reset="" tempname="&quot;bed&quot;" this.id="">
          <option value="&quot;0&quot;">Select</option>
          <option value="&quot;1&quot;">1</option>
          <option value="&quot;2&quot;">2</option>
          <option value="&quot;3&quot;">3</option>
          <option selected="&quot;selected&quot;" value="&quot;4&quot;">4</option>
          <option value="&quot;5&quot;">5</option>
          <option value="&quot;6&quot;">6</option>
          <option value="&quot;7&quot;">7</option>
          <option value="&quot;8&quot;">8</option>
          <option value="&quot;9&quot;">9</option>
          <option value="&quot;10&quot;">10</option>
        </select></td>
      <td align="&quot;&quot;" valign="&quot;middle&quot;" width="&quot;500&quot;"><select 71px="" class="&quot;bathrooms" id="&quot;bathrooms_0&quot;" name="&quot;BX_Bathrooms[]&quot;" onchange="&quot;fillUnitName(this.id);&quot;" quot="" reset="" tempname="&quot;bathrooms&quot;">
          <option value="&quot;0&quot;">Select</option>
          <option value="&quot;1&quot;">1</option>
          <option value="&quot;2&quot;">2</option>
          <option value="&quot;3&quot;">3</option>
          <option selected="&quot;selected&quot;" value="&quot;4&quot;">4</option>
          <option value="&quot;5&quot;">5</option>
          <option value="&quot;6&quot;">6</option>
          <option value="&quot;7&quot;">7</option>
          <option value="&quot;8&quot;">8</option>
          <option value="&quot;9&quot;">9</option>
          <option value="&quot;10&quot;">10</option>
        </select></td>
      <td align="&quot;&quot;" valign="&quot;middle&quot;" width="&quot;500&quot;"><input 57px="" class="&quot;small" id="&quot;txtUnitName_0&quot;" name="&quot;BX_Unit_Name[]&quot;" onblur="&quot;show_add(this.id);&quot;" quot="" required="&quot;required&quot;" reset="" txtunitname="" type="&quot;text&quot;" value="&quot;3BHK+4T&quot;" /></td>
      <td align="&quot;&quot;" valign="&quot;middle&quot;" width="&quot;500&quot;"><input 55px="" class="&quot;small" event="" id="&quot;txtSize_0&quot;" isnumberkey="" name="&quot;BX_Size[]&quot;" onblur="&quot;TotalCost(this.id);&quot;" onkeypress="&quot;return" quot="" required="&quot;required&quot;" reset="" txtsize="" type="&quot;text&quot;" value="&quot;23&quot;" /></td>
      <td align="&quot;&quot;" valign="&quot;middle&quot;" width="&quot;500&quot;"><input 60px="" class="&quot;small" id="&quot;txtppua_0&quot;" name="&quot;BX_ppua[]&quot;" onblur="&quot;TotalCost(this.id)&quot;" quot="" required="&quot;required&quot;" reset="" txtppua="" type="&quot;text&quot;" value="&quot;4000&quot;" /></td>
      <td align="&quot;&quot;" valign="&quot;middle&quot;" width="&quot;500&quot;"><select 60px="" class="&quot;BX_bsr" id="&quot;BX_bsr&quot;" name="&quot;BX_bsr[]&quot;" quot="" reset="" tempname="&quot;BX_bsr&quot;">
          <option value="&quot;0&quot;">Select</option>
          <option value="&quot;1&quot;">1</option>
          <option value="&quot;2&quot;">2</option>
          <option selected="&quot;selected&quot;" value="&quot;3&quot;">3</option>
          <option value="&quot;4&quot;">4</option>
          <option value="&quot;5&quot;">5</option>
          <option value="&quot;6&quot;">6</option>
          <option value="&quot;7&quot;">7</option>
          <option value="&quot;8&quot;">8</option>
          <option value="&quot;9&quot;">9</option>
          <option value="&quot;10&quot;">10</option>
        </select></td>
      <td align="&quot;&quot;" valign="&quot;middle&quot;" width="&quot;500&quot;"><select 61px="" class="&quot;BX_svr" id="&quot;BX_svr&quot;" name="&quot;BX_svr[]&quot;" quot="" reset="" tempname="&quot;BX_svr&quot;">
          <option value="&quot;0&quot;">Select</option>
          <option value="&quot;1&quot;">1</option>
          <option value="&quot;2&quot;">2</option>
          <option selected="&quot;selected&quot;" value="&quot;3&quot;">3</option>
          <option value="&quot;4&quot;">4</option>
          <option value="&quot;5&quot;">5</option>
          <option value="&quot;6&quot;">6</option>
          <option value="&quot;7&quot;">7</option>
          <option value="&quot;8&quot;">8</option>
          <option value="&quot;9&quot;">9</option>
          <option value="&quot;10&quot;">10</option>
        </select></td>
      <td align="&quot;&quot;" valign="&quot;middle&quot;" width="&quot;500&quot;"><select 61px="" class="&quot;BX_pr" id="&quot;BX_pr&quot;" name="&quot;BX_pr[]&quot;" quot="" reset="" tempname="&quot;BX_pr">
          <option value="&quot;0&quot;">Select</option>
          <option value="&quot;1&quot;">1</option>
          <option value="&quot;2&quot;">2</option>
          <option selected="&quot;selected&quot;" value="&quot;3&quot;">3</option>
          <option value="&quot;4&quot;">4</option>
          <option value="&quot;5&quot;">5</option>
          <option value="&quot;6&quot;">6</option>
          <option value="&quot;7&quot;">7</option>
          <option value="&quot;8&quot;">8</option>
          <option value="&quot;9&quot;">9</option>
          <option value="&quot;10&quot;">10</option>
        </select></td>
      <td align="&quot;&quot;" valign="&quot;middle&quot;" width="&quot;500&quot;"><select 61px="" class="&quot;BX_fpt" id="&quot;BX_fpt&quot;" name="&quot;BX_fpt[]&quot;" quot="" reset="" tempname="&quot;BX_fpt&quot;">
          <option value="&quot;0&quot;">Select</option>
          <option value="&quot;1&quot;">1</option>
          <option value="&quot;2&quot;">2</option>
          <option selected="&quot;selected&quot;" value="&quot;3&quot;">3</option>
          <option value="&quot;4&quot;">4</option>
          <option value="&quot;5&quot;">5</option>
          <option value="&quot;6&quot;">6</option>
          <option value="&quot;7&quot;">7</option>
          <option value="&quot;8&quot;">8</option>
          <option value="&quot;9&quot;">9</option>
          <option value="&quot;10&quot;">10</option>
        </select></td>
      <td align="&quot;&quot;" valign="&quot;middle&quot;" width="&quot;500&quot;"><input 60px="" bx_tc="" class="&quot;small" id="&quot;BX_tc_0&quot;" name="&quot;BX_tc[]&quot;" quot="" required="&quot;required&quot;" reset="" type="&quot;text&quot;" value="&quot;92000&quot;" /></td>
      <td align="&quot;&quot;" valign="&quot;middle&quot;" width="&quot;500&quot;"><a class="&quot;highslide&quot;" href="https://www.blogger.com/%22OBERNDEV.COM/cfp/11_564_a.jpeg%22" hs.expand="" onclick="&quot;return" quot="" this=""><img align="&quot;absmiddle&quot;" src="&quot;OBERNDEV.COM/images/camera.png&quot;" /></a>
        <input class="&quot;txtbox" name="&quot;image[]&quot;" quot="" reset="" type="&quot;file&quot;" value="&quot;11_564_a.jpeg&quot;" />
        &nbsp;
        <!--  <input type=checkbox name=image_del value=&quot;1&quot; >
          Delete Image--></td>
      <td align="&quot;&quot;" valign="&quot;middle&quot;" width="&quot;500&quot;"></td>
        <br />

    </tr>
<tr>
   
      <td align="&quot;&quot;" valign="&quot;middle&quot;" width="&quot;500&quot;"><a 6px="" class="&quot;ask&quot;" href="https://www.blogger.com/%22configuration_pages_manage.php?property_id=11&amp;del_id=368%22" quot=""><img border="&quot;0&quot;" src="&quot;OBERNDEV.COM/images/trash.png&quot;" /></a>
        <input class="&quot;checkb" id="&quot;1&quot;" name="&quot;chk[]&quot;" none="" quot="" reset="" type="&quot;checkbox&quot;" />
        <input class="&quot;checkb" name="&quot;c_id[]&quot;" quot="" reset="" type="&quot;hidden&quot;" value="&quot;368&quot;" /></td>
      <td align="&quot;&quot;" valign="&quot;middle&quot;" width="&quot;500&quot;"><select 67px="" class="&quot;bed" fillunitname="" id="&quot;bed_1&quot;" name="&quot;BX_Bedrooms[]&quot;" onchange="&quot;show_add(this.id);" quot="" reset="" tempname="&quot;bed&quot;" this.id="">
          <option value="&quot;0&quot;">Select</option>
          <option value="&quot;1&quot;">1</option>
          <option value="&quot;2&quot;">2</option>
          <option value="&quot;3&quot;">3</option>
          <option selected="&quot;selected&quot;" value="&quot;4&quot;">4</option>
          <option value="&quot;5&quot;">5</option>
          <option value="&quot;6&quot;">6</option>
          <option value="&quot;7&quot;">7</option>
          <option value="&quot;8&quot;">8</option>
          <option value="&quot;9&quot;">9</option>
          <option value="&quot;10&quot;">10</option>
        </select></td>
      <td align="&quot;&quot;" valign="&quot;middle&quot;" width="&quot;500&quot;"><select 71px="" class="&quot;bathrooms" id="&quot;bathrooms_1&quot;" name="&quot;BX_Bathrooms[]&quot;" onchange="&quot;fillUnitName(this.id);&quot;" quot="" reset="" tempname="&quot;bathrooms&quot;">
          <option value="&quot;0&quot;">Select</option>
          <option value="&quot;1&quot;">1</option>
          <option value="&quot;2&quot;">2</option>
          <option value="&quot;3&quot;">3</option>
          <option selected="&quot;selected&quot;" value="&quot;4&quot;">4</option>
          <option value="&quot;5&quot;">5</option>
          <option value="&quot;6&quot;">6</option>
          <option value="&quot;7&quot;">7</option>
          <option value="&quot;8&quot;">8</option>
          <option value="&quot;9&quot;">9</option>
          <option value="&quot;10&quot;">10</option>
        </select></td>
      <td align="&quot;&quot;" valign="&quot;middle&quot;" width="&quot;500&quot;"><input 57px="" class="&quot;small" id="&quot;txtUnitName_1&quot;" name="&quot;BX_Unit_Name[]&quot;" onblur="&quot;show_add(this.id);&quot;" quot="" required="&quot;required&quot;" reset="" txtunitname="" type="&quot;text&quot;" value="&quot;4BHK+4T&quot;" /></td>
      <td align="&quot;&quot;" valign="&quot;middle&quot;" width="&quot;500&quot;"><input 55px="" class="&quot;small" event="" id="&quot;txtSize_1&quot;" isnumberkey="" name="&quot;BX_Size[]&quot;" onblur="&quot;TotalCost(this.id);&quot;" onkeypress="&quot;return" quot="" required="&quot;required&quot;" reset="" txtsize="" type="&quot;text&quot;" value="&quot;5000&quot;" /></td>
      <td align="&quot;&quot;" valign="&quot;middle&quot;" width="&quot;500&quot;"><input 60px="" class="&quot;small" id="&quot;txtppua_1&quot;" name="&quot;BX_ppua[]&quot;" onblur="&quot;TotalCost(this.id)&quot;" quot="" required="&quot;required&quot;" reset="" txtppua="" type="&quot;text&quot;" value="&quot;234&quot;" /></td>
      <td align="&quot;&quot;" valign="&quot;middle&quot;" width="&quot;500&quot;"><select 60px="" class="&quot;BX_bsr" id="&quot;BX_bsr&quot;" name="&quot;BX_bsr[]&quot;" quot="" reset="" tempname="&quot;BX_bsr&quot;">
          <option value="&quot;0&quot;">Select</option>
          <option value="&quot;1&quot;">1</option>
          <option value="&quot;2&quot;">2</option>
          <option value="&quot;3&quot;">3</option>
          <option selected="&quot;selected&quot;" value="&quot;4&quot;">4</option>
          <option value="&quot;5&quot;">5</option>
          <option value="&quot;6&quot;">6</option>
          <option value="&quot;7&quot;">7</option>
          <option value="&quot;8&quot;">8</option>
          <option value="&quot;9&quot;">9</option>
          <option value="&quot;10&quot;">10</option>
        </select></td>
      <td align="&quot;&quot;" valign="&quot;middle&quot;" width="&quot;500&quot;"><select 61px="" class="&quot;BX_svr" id="&quot;BX_svr&quot;" name="&quot;BX_svr[]&quot;" quot="" reset="" tempname="&quot;BX_svr&quot;">
          <option value="&quot;0&quot;">Select</option>
          <option value="&quot;1&quot;">1</option>
          <option value="&quot;2&quot;">2</option>
          <option selected="&quot;selected&quot;" value="&quot;3&quot;">3</option>
          <option value="&quot;4&quot;">4</option>
          <option value="&quot;5&quot;">5</option>
          <option value="&quot;6&quot;">6</option>
          <option value="&quot;7&quot;">7</option>
          <option value="&quot;8&quot;">8</option>
          <option value="&quot;9&quot;">9</option>
          <option value="&quot;10&quot;">10</option>
        </select></td>
      <td align="&quot;&quot;" valign="&quot;middle&quot;" width="&quot;500&quot;"><select 61px="" class="&quot;BX_pr" id="&quot;BX_pr&quot;" name="&quot;BX_pr[]&quot;" quot="" reset="" tempname="&quot;BX_pr">
          <option value="&quot;0&quot;">Select</option>
          <option value="&quot;1&quot;">1</option>
          <option selected="&quot;selected&quot;" value="&quot;2&quot;">2</option>
          <option value="&quot;3&quot;">3</option>
          <option value="&quot;4&quot;">4</option>
          <option value="&quot;5&quot;">5</option>
          <option value="&quot;6&quot;">6</option>
          <option value="&quot;7&quot;">7</option>
          <option value="&quot;8&quot;">8</option>
          <option value="&quot;9&quot;">9</option>
          <option value="&quot;10&quot;">10</option>
        </select></td>
      <td align="&quot;&quot;" valign="&quot;middle&quot;" width="&quot;500&quot;"><select 61px="" class="&quot;BX_fpt" id="&quot;BX_fpt&quot;" name="&quot;BX_fpt[]&quot;" quot="" reset="" tempname="&quot;BX_fpt&quot;">
          <option value="&quot;0&quot;">Select</option>
          <option value="&quot;1&quot;">1</option>
          <option selected="&quot;selected&quot;" value="&quot;2&quot;">2</option>
          <option value="&quot;3&quot;">3</option>
          <option value="&quot;4&quot;">4</option>
          <option value="&quot;5&quot;">5</option>
          <option value="&quot;6&quot;">6</option>
          <option value="&quot;7&quot;">7</option>
          <option value="&quot;8&quot;">8</option>
          <option value="&quot;9&quot;">9</option>
          <option value="&quot;10&quot;">10</option>
        </select></td>
      <td align="&quot;&quot;" valign="&quot;middle&quot;" width="&quot;500&quot;"><input 60px="" bx_tc="" class="&quot;small" id="&quot;BX_tc_1&quot;" name="&quot;BX_tc[]&quot;" quot="" required="&quot;required&quot;" reset="" type="&quot;text&quot;" value="&quot;1170000&quot;" /></td>
      <td align="&quot;&quot;" valign="&quot;middle&quot;" width="&quot;500&quot;"><a class="&quot;highslide&quot;" href="https://www.blogger.com/%22OBERNDEV.COM/cfp/11_380_a.jpeg%22" hs.expand="" onclick="&quot;return" quot="" this=""><img align="&quot;absmiddle&quot;" src="&quot;OBERNDEV.COM/images/camera.png&quot;" /></a>
        <input class="&quot;txtbox" name="&quot;image[]&quot;" quot="" reset="" type="&quot;file&quot;" value="&quot;11_380_a.jpeg&quot;" />
        &nbsp;
        <!--  <input type=checkbox name=image_del value=&quot;1&quot; >
          Delete Image--></td>
      <td align="&quot;&quot;" valign="&quot;middle&quot;" width="&quot;500&quot;"></td>
        <br />

    </tr>
</tbody>
</table>
<table>
<tr>
    <td><div 200px="" quot="">
        <input class="&quot;form_submit&quot;" id="&quot;submit&quot;" name="&quot;Submit&quot;" type="&quot;submit&quot;" value="&quot;Update&quot;" />
        &nbsp; <a 0="" 1px="" 2="" 53px="" 7px="" 8px="" bold="" border:="" button.gif="" color:="" font-weight:="" height:="" href="https://www.blogger.com/%22OBERNDEV.COM?property_id=11%22" img="" margin:="" padding:="" quot="" solid="" url="" white="">Next</a> </div>
</td></tr>
</table>

</body>
</html>


--------------------------------------------------------------------------------------------------------------------------

<?php
class infoPage
{
 public $c_id   = array();
 public $property_id  = '';
 public $BX_Bedrooms    = array();
 public $BX_Bathrooms = array();
 public $BX_Unit_Name = array();
 public $BX_Size        = array();
 public $BX_ppua        = array();
 public $BX_bsr        = array();
 public $BX_svr        = array();
 public $BX_pr        = array();
 public $BX_fpt        = array();
 public $BX_tc        = array();
 //public $BX_flpn        = array();
 public $get_data        = array();

 
 public $edit_id    = '';
 public $formTitle  = 'Create';
 public $buttonName = "Create";
 public $action_value  = "";
 
 
 public $objImage       = NULL;
 public $imgPath       = '';
 public $image         = array();
 public $image_del        = array();
 
 function __construct()
 {
  $this->imgPath  = C_SITE_PATH."/".C_CFP_IMAGE."/";
 }
 function setImageObject($objImg = NULL)
 {
  $this->objImage = $objImg;
 }
function getPostValue()
{
  if(isset($_POST['BX_Bedrooms']))
   $this->BX_Bedrooms = $_POST['BX_Bedrooms'];
 if(isset($_POST['property_id']))
   $this->property_id = $_POST['property_id'];
   
  if(isset($_POST['BX_Bathrooms']))
   $this->BX_Bathrooms = $_POST['BX_Bathrooms'];
  
  if(isset($_POST['BX_Unit_Name']))
   $this->BX_Unit_Name = $_POST['BX_Unit_Name'];
  
  if(isset($_POST['BX_Size']))
   $this->BX_Size = $_POST['BX_Size'];
  
  if(isset($_POST['BX_ppua']))
   $this->BX_ppua = $_POST['BX_ppua'];
  
  if(isset($_POST['BX_bsr']))
   $this->BX_bsr = $_POST['BX_bsr'];
  
  if(isset($_POST['BX_svr']))
   $this->BX_svr = $_POST['BX_svr'];
  
  if(isset($_POST['BX_pr']))
   $this->BX_pr = $_POST['BX_pr'];
  
  if(isset($_POST['BX_fpt']))
   $this->BX_fpt = $_POST['BX_fpt'];
  
  if(isset($_POST['BX_tc']))
   $this->BX_tc = $_POST['BX_tc'];
  
  /*if(isset($_POST['BX_flpn']))
   $this->BX_flpn = $_POST['BX_flpn'];*/
   
  if(isset($_POST['c_id']))
   $this->c_id = $_POST['c_id'];
     
  if(isset($_POST['edit_id']))
   $this->edit_id = $_POST['edit_id'];
  
  if(isset($_POST['action_value']))
   $this->action_value = $_POST['action_value'];
   
   
   // images
  if(isset($_FILES['image']))
  {
   $this->image = $_FILES['image'];
  }
  
  if(isset($_POST['image_del']))
  {
   $this->image_del = $_REQUEST['image_del'];
  }
 }
 
function empty_form()
{
  $this->c_id     = array();
  $this->BX_Bedrooms        = array();
  $this->BX_Bathrooms        = array();
  $this->BX_Unit_Name        = array();
  $this->BX_Size         = array();
  $this->BX_ppua         = array();
  $this->BX_bsr         = array();
  $this->BX_svr         = array();
  $this->BX_pr         = array();
  $this->BX_fpt         = array();
  $this->BX_tc         = array();
  //$this->BX_flpn         = array();
  $this->get_data         = array();
  $this->edit_id     = '';
  $this->image        = array();
 }

function getDetails($id)
{
  if(!empty($id))
  {
   $sql = "Select * from T_PROPERTY_CONFIGURATION where property_id='".$id."'";
   $result = mysql_query($sql);
   if($result)
   {
    while($query = mysql_fetch_array($result))
    {
     $this->get_data[]=array(
     
     'c_id'    => stripslashes($query['id']),
     'BX_Bedrooms'   => stripslashes($query['BX_Bedrooms']),
     'BX_Bathrooms'   => stripslashes($query['BX_Bathrooms']),
     'BX_Unit_Name'    => stripslashes($query['BX_Unit_Name']),
     'BX_Size'         => stripslashes($query['BX_Size']),
     'BX_ppua'        => stripslashes($query['BX_ppua']),
     'BX_bsr'    => stripslashes($query['BX_bsr']),
     'BX_svr'     => stripslashes($query['BX_svr']),
     'BX_pr'         => stripslashes($query['BX_pr']),
     'BX_fpt'     => stripslashes($query['BX_fpt']),
     'BX_tc'      => stripslashes($query['BX_tc']),
     'image'       => stripslashes($query['BX_flpn']),
     'property_id'   => $query['property_id']);
    }
    return $this->get_data;
   }
  }
 }
function isDuplicate($id = '')
{
  $sqlStmt = "Select * from T_PROPERTY_CONFIGURATION where  id='".$id."' ";
  
  $result = mysql_query($sqlStmt);
  if($result)
  {
   $num = mysql_num_rows($result);
   
   return $num;
  }
 }
 

function add()
 {
  
   $insertId='';
   
   $i=0;
   foreach($this->BX_Bedrooms as $a => $b){
    
    $this->objImage->image_tmp_name = $this->image['tmp_name'][$a];
    $this->objImage->processImage();
    $image_type   = $this->objImage->getImageType();
    $img_name  = $this->property_id.'_'.rand('1,100').'_a.'.$image_type;
    $targetPath  = $this->imgPath.$img_name;
    $ret    = $this->objImage->saveImage($targetPath, 1);
    //$img_name   = $this->objImage->saveBMP2JPG($this->imgPath,$img_name);   

    $sqlStmt  = "Insert into T_PROPERTY_CONFIGURATION Set ";
    $sqlStmt  .= "  BX_Bedrooms     = '".$this->BX_Bedrooms[$a]."',
        property_id    = '".$this->property_id."',
        BX_Bathrooms    = '".$this->BX_Bathrooms[$a]."',
        BX_Unit_Name    = '".$this->BX_Unit_Name[$a]."',
        BX_Size        = '".$this->BX_Size[$a]."',
        BX_ppua        = '".$this->BX_ppua[$a]."',
        BX_bsr        = '".$this->BX_bsr[$a]."',
        BX_svr       = '".$this->BX_svr[$a]."',
        BX_pr      = '".$this->BX_pr[$a]."',
        BX_fpt      = '".$this->BX_fpt[$a]."',
        BX_tc      = '".$this->BX_tc[$a]."',
        BX_flpn      = '".$img_name."'";
        
        if(mysql_query($sqlStmt))
        {
          $insertId = mysql_insert_id();

        
        }
   
  }
  return $insertId;
  
  
 }
 
function edit()
 {
   
   $i=0;
  
   foreach($this->BX_Bedrooms as $a => $b){
    $tmp_name=$this->image['tmp_name'][$a];
   
    if($this->isDuplicate($this->c_id[$a])>0)
    {
    
       if(!empty($tmp_name))
       {
        $this->saveImage($this->c_id[$a],$tmp_name);
       }   

       $sqlStmt  = "Update  T_PROPERTY_CONFIGURATION Set ";
       $sqlStmt  .= "  BX_Bedrooms     = '".$this->BX_Bedrooms[$a]."',
        property_id    = '".$this->property_id."',
        BX_Bathrooms    = '".$this->BX_Bathrooms[$a]."',
        BX_Unit_Name    = '".$this->BX_Unit_Name[$a]."',
        BX_Size        = '".$this->BX_Size[$a]."',
        BX_ppua        = '".$this->BX_ppua[$a]."',
        BX_bsr        = '".$this->BX_bsr[$a]."',
        BX_svr       = '".$this->BX_svr[$a]."',
        BX_pr      = '".$this->BX_pr[$a]."',
        BX_fpt      = '".$this->BX_fpt[$a]."',
        BX_tc      = '".$this->BX_tc[$a]."'";
        $sqlStmt .= " where id='".$this->c_id[$a]."'";
        if(mysql_query($sqlStmt))
        {
          $insertId = mysql_insert_id();

        }
    }
    else{
     echo $this->isDuplicate($this->c_id[$a]);
     
     $sqlStmt  = "Insert into T_PROPERTY_CONFIGURATION Set ";
       $sqlStmt  .= "  BX_Bedrooms     = '".$this->BX_Bedrooms[$a]."',
        property_id    = '".$this->property_id."',
        BX_Bathrooms    = '".$this->BX_Bathrooms[$a]."',
        BX_Unit_Name    = '".$this->BX_Unit_Name[$a]."',
        BX_Size        = '".$this->BX_Size[$a]."',
        BX_ppua        = '".$this->BX_ppua[$a]."',
        BX_bsr        = '".$this->BX_bsr[$a]."',
        BX_svr       = '".$this->BX_svr[$a]."',
        BX_pr      = '".$this->BX_pr[$a]."',
        BX_fpt      = '".$this->BX_fpt[$a]."',
        BX_tc      = '".$this->BX_tc[$a]."'";
        
        if(mysql_query($sqlStmt))
        {
          echo $insertId = mysql_insert_id();
          $this->saveImage($insertId,$tmp_name);
          echo $tmp_name;

        }
     
     }
   }
 }
function saveImage($insertId,$tmp_name)
 {
  if(!empty($tmp_name))
  {  
   /*Inserting Image*/ 
   $this->objImage->image_tmp_name = $tmp_name;
   $this->objImage->processImage();
   $image_type   = $this->objImage->getImageType();
   $img_name  = $this->property_id.'_'.rand(200,1000).'_a.'.$image_type;
   $targetPath  = $this->imgPath.$img_name;
   $ret    = $this->objImage->saveImage($targetPath, 1);
   if($ret)
   {
     
    $qry1=mysql_query("Update T_PROPERTY_CONFIGURATION Set BX_flpn='".$img_name."' where id='".$insertId."'");
   }
   else
   {
    $this->errorList = $this->objImage->img_error;
   }
  }
 }
 function deleteImage($id)
 {
  $this->deleteSingleImage('BX_flpn', $this->imgPath, $id);
 }
 function deleteSingleImage($fld, $dir, $id)
 {
  if(!empty($fld) && !empty($dir) && !empty($id))
  {
   $sql2    = "Select ".$fld." from T_PROPERTY_CONFIGURATION where property_id='".$id."'";
   $result2 = mysql_query($sql2);
   if($result2)
   {     
    while($query2 = mysql_fetch_array($result2))
    {
     $img_name    = $query2[$fld];
     $targetPath  = $dir.$img_name;
     
     if(file_exists($targetPath) && !empty($img_name))
     { 
      unlink($targetPath);
     }
    }
   }
   
   $qry1 = mysql_query("Update T_PROPERTY Set ".$fld."='' where property_id='".$id."'");
  }
 } 
 
 function deleteImagerow($id)
 {
  $this->deleteSingleImagerow('BX_flpn', $this->imgPath, $id);
 }
 function deleteSingleImagerow($fld, $dir, $id)
 {
  if(!empty($fld) && !empty($dir) && !empty($id))
  {
   $sql2    = "Select ".$fld." from T_PROPERTY_CONFIGURATION where id='".$id."'";
   $result2 = mysql_query($sql2);
   if($result2)
   {     
    while($query2 = mysql_fetch_array($result2))
    {
     $img_name    = $query2[$fld];
     $targetPath  = $dir.$img_name;
     
     if(file_exists($targetPath) && !empty($img_name))
     { 
      unlink($targetPath);
     }
    }
   }
   
   $qry1 = mysql_query("Update T_PROPERTY Set ".$fld."='' where property_id='".$id."'");
  }
 } 
function delete($id)
 {
  $this->deleteImage($id);
  $sql2 = "Delete from T_PROPERTY_CONFIGURATION where property_id='".$id."'";
  
  if(!mysql_query($sql2))
  {
   $this->msg = "Problem to delete data, please try again !!! Error: ". mysql_error();
  }
 }

function deleterow($id)
 {
  $this->deleteImagerow($id);
  $sql2 = "Delete from T_PROPERTY_CONFIGURATION where id='".$id."'";
  
  if(!mysql_query($sql2))
  {
   $this->msg = "Problem to delete data, please try again !!! Error: ". mysql_error();
  }
 }
 
}
?>