102.set date and time to date and time picker

dd-mmy-yy of scheduled_date must be same as that of date picker

    <div class="reshedule_meeting" data-id="<?php echo $data['id'];?>" scheduled_with=<?php echo $data['scheduled_with']; ?> scheduled_date=<?php echo $scheduled_date; ?> scheduled_time=<?php echo $data['scheduled_time']; ?> ><a>Reshedule</a></div>

    var scheduled_date = jQuery(this).attr('scheduled_date');
    var scheduled_time = jQuery(this).attr('scheduled_time');
   
    jQuery("#datepicker").datepicker('setDate',scheduled_date );
jQuery("#timepicker").timepicker('setTime',scheduled_time );

101.jquery split and combine date

var data = scheduled_date;
var arr = data.split('-');
var newdate=arr[2] +'-'+arr[0]+'-' +arr[1] ;

100.jquery count of li on mouse over(border on li hover)

<?php $licount = 0; ?>

<?php foreach($propertyReqResultData as $result):
    $licount =  $licount + 1;
$licount = $licount+1; ?>

    <li class="results_pane_li results_pane_li_<?php echo $licount?>" licount = <?php echo  $licount;?>>
    <?php endforeach; ?>

jQuery( ".results_pane_li" ).mouseover(function() {
 var licount = parseInt(jQuery(this).attr('licount'));
  jQuery('.feed_heading.feed_heading_'+licount).css('border-top','12px solid red');

});
jQuery( ".results_pane_li" ).mouseout(function() {
var licount = parseInt(jQuery(this).attr('licount'));
 jQuery('.feed_heading.feed_heading_'+licount).css('border-top','12px solid #f7f7f7');
});

99.jQuery: Count number of list elements?

<ul id="mylist">
    <li>Element 1</li>
    <li>Element 2</li>
</ul>
var totallicount=jQuery("#mylist li").length;

98.vertical scroller

    overflow-y: auto;
    max-height: 437px;
    overflow-x: hidden;

97.jQuery modal is not a function error

var jQueryclick=jQuery.noConflict();
jQueryclick(document).on('click', '.video-call-symbol', function(event){


});

96.How to add backend sub menus in social engine?

eg:
$sql['1.1.4.45']    = "INSERT INTO `engine4_core_menuitems` (`id`, `name`, `module`, `label`, `plugin`, `params`, `menu`, `submenu`, `enabled`, `custom`, `order`) VALUES (NULL, 'core_admin_main_manage_advertisement', 'user', 'Manage Advertisement', '', '{\"route\":\"admin_default\",\"module\":\"user\",
                   \"controller\":\"manage\",\"action\":\"advertisements\"}', 'core_admin_main_manage', NULL, '1', '0', '999');";

user/views/scripts/admin-manage/advertisements.tpl
public function advertisementsAction(){

}

95.php file deletion(image deletion)

unlink(path);
 unlink($advertisement->image);

94.social engine smooth box deletion

user/views/scripts/admin-manage/tipdelete.tpl  
<?php echo $this->form->setAttrib('class', 'global_form_popup')->render($this) ?>
 
listpage
 <td> <a class='smoothbox'  href='<?php echo $this->url(array('action' => 'tipdelete', 'id' => $item['id']));?>'>
                  <?php echo $this->translate("delete") ?>
                </a></td>
   controller
 
         public function tipdeleteAction()
    {
    $id = $this->_getParam('id', null);
    $this->view->form = $form = new User_Form_Admin_Manage_Deleteitem();
    if( $this->getRequest()->isPost() ) {
   
      try {
       
         Engine_Db_Table::getDefaultAdapter()->delete('engine4_tips', array('id = ?'=>$id) );
       
     
      } catch( Exception $e ) {
        throw $e;
      }
     
      return $this->_forward('success', 'utility', 'core', array(
        'smoothboxClose' => true,
        'parentRefresh' => true,
        'format'=> 'smoothbox',
        'messages' => array('Tip has been successfully deleted.')
      ));
     
     }

    }    

93.image uplaod

tpl script

<button class="upload_file_btn">Add new Advertisement</button>



<div id="light1" class="white_content">
<div class="popup_title">Upload new file</div><div class="div_attachment_cancel"><img src="/application/modules/User/externals/images/GREYcancel.png"></div>

<div class="error_msg" style="color:red"></div>
            <form method="POST" enctype="multipart/form-data" action="<?php echo $this->baseUrl().'/user/admin-manage/saveadvertisementphoto' ?>" class="photo_upload_frm">
                <div class="folder_name_input">
                    <div>Title</div>
                    <div style="margin-bottom: 12px;margin-top: 2px;">
                    <input type="text" class="upload_image_title" name="upload_image_title" maxlength="30">
                    </div>
                    <input type="file" class="upload_image" name="upload_image">
                    <div>only JPG, JPEG, and PNG  files are allowed.</div>
                    <div class="confirm_btns" style="text-align: left;">
                    <input type="submit" value="Save" class="image_upload_submit_btn" style="width: 134px;">
                   </div>
                   </div>
            </form>
<div class="loader" style="display:none;"></div>
 </div>
<div id="fade" class="black_overlay"></div>



jQuery('body').on('click', '.upload_file_btn', function(event){
document.getElementById('light1').style.display='block';
document.getElementById('fade').style.display='block';
});


jQuery('body').on('click', '.div_attachment_cancel', function(event){
   jQuery('#light1').css('display','none');
jQuery('#fade').css('display','none');
});

jQuery(".photo_upload_frm").submit(function (event) {
 event.preventDefault();

 jQuery('.image_upload_submit_btn').prop('disabled', true);
 jQuery('.image_upload_submit_btn').css('display', 'none');
 jQuery('.loader').css('display', 'block');

 var upload_image_title = jQuery('.upload_image_title').val();
 var photopath = jQuery('.upload_image').val();
 var ext = jQuery('.upload_image').val().split('.').pop().toLowerCase();

 if(upload_image_title !='' && photopath != ''){

 if(ext != "jpg" && ext != "JPG" && ext != "png" && ext != "jpeg" && ext != "JPEG" &&  ext != "PNG") {
jQuery('.error_msg').text('');
jQuery('.error_msg').text('Sorry, only JPG, JPEG, & PNG  files are allowed');
jQuery('.image_upload_submit_btn').prop('disabled', false);
jQuery('.image_upload_submit_btn').css('display', 'block');
        jQuery('.loader').css('display', 'none');

 }
 else{

 var url =  '<?php echo $this->baseUrl().'/user/admin-manage/saveadvertisementphoto' ?>';

 jQuery.ajax({
url: url,
type: "POST",
data:  new FormData(this),
contentType: false,
cache: false,
processData:false,
dataType: 'json',
success: function(data){
var oData             = new Object();
var upload_image_title= oData.upload_image_title=upload_image_title;
jQuery('#light1').css('display','none');
jQuery('#fade').css('display','none');
         location.reload();

},

error: function(){}      
});

}

  }
 
  else{
 jQuery('.error_msg').text('');
 jQuery('.error_msg').text('Please fill all fields');
 jQuery('.image_upload_submit_btn').prop('disabled', false);
 jQuery('.image_upload_submit_btn').css('display', 'block');
      jQuery('.loader').css('display', 'none');
  }


});


/*contoller*/

 public function saveadvertisementphotoAction(){
        $viewer     = Engine_Api::_()->user()->getViewer();
        date_default_timezone_set($viewer->timezone);
        $this->_helper->viewRenderer->setNoRender(true);
        $this->_helper->layout->disableLayout();
        if( $this->getRequest()->isPost()){
            $aData           = $this->_request->getPost();
            $photo_title     = $aData['upload_image_title'];

            $random_filename = $this->random_string(8);
            $dir             = dirname($_SERVER['SCRIPT_FILENAME']).'/public/images/advertisement/';
                            if(!is_dir($dir)){
                                mkdir($dir,0777,true);
                            }
            $target_file     = $dir .'/'. basename($_FILES["upload_image"]["name"]);
           
            $imageFileType   = pathinfo($target_file,PATHINFO_EXTENSION);
            $random_filename =  $random_filename.'.'.$imageFileType;

            if($imageFileType != "JPG" && $imageFileType != "jpg" && $imageFileType != "png" && $imageFileType != "jpeg" &&  $imageFileType != "JPEG" &&  $imageFileType != "PNG") {

                $aResult['msg']    = "Sorry, only JPG, JPEG, & PNG  files are allowed.";
                $aResult['status'] = false;
            }
            else{

                $target_file   = $dir .'/'. $random_filename;
                if (move_uploaded_file($_FILES["upload_image"]["tmp_name"], $target_file)) {
                    $AdvertisementTable     = Engine_Api::_()->getDbtable('advertisement', 'user');
                    $AdvertisementTableId   = $AdvertisementTable->insert(array(
                      'user_id'         => $viewer->getIdentity(),
                      'title'     => $photo_title,
                      'image'            => 'public/images/advertisement/'.$random_filename,
                      'created_at'      => date('Y-m-d H:i:s'),
                      'updated_at'      => date('Y-m-d H:i:s'),

                    ));


           $aResult['status']                      = true;
           }
           else {
                 $aResult['status'] = false;
                }
            }
            echo json_encode($aResult);
         }

       
     }

92.How to hide widget in social engine?

write this in the wiget controller

 return $this->setNoRender();

91.How to access social engine default table?

$settings = Engine_Api::_()->getApi('settings', 'core');
<?php echo '$' . $settings->user_videoPrice ; ?>

90.social engine model

<?php

class User_Model_DbTable_Userpackages extends Engine_Db_Table
{
  protected $_name = 'user_packages'; //whrer db name is engine4_user_packages

}


in controller(user/model/db table)

$userPackagesTable             =  Engine_Api::_()->getDbtable('Userpackages', 'user');

89.How to select date from datetime column?

WHERE datetime LIKE '2009-10-20%'
WHERE DATE(datetime) = '2009-10-20'

88.to reduce image size online

http://compressjpeg.com/
http://www.simpleimageresizer.com/upload#.WZZrp9_I48o

87. div align middle

<div id="outer">
  <div id="inner">Foo foo</div>
</div>

#inner {
  width: 50%;
  margin: 0 auto;
}


other method

<div style="text-align:center"></div>

86.center align button in the middle

<div class="wrapper">
    <button class="button">Hello</button>
</div>

.wrapper {
    text-align: center;
}

.button {
    position: absolute;
    top: 50%;
}

85. css scroller

#preferenceModal .modal-body{
    overflow-y: auto;
    max-height: 445px;
}

84.git comments

git status          -to check the status of changed files
git add filepath    -inorder to add file to git
git rm              -inorder to remove file from git
git commit -m ""    -this command prepares added files to be pushed
git pull origin ....
git push origin ....
git diff            - Show changes between commits

83.string to integer conversion

(int)$matching_array['price_to']
(int)$price_to

82.new page in social engine

/*controller*/

     public function workingAction(){
        $this->_helper->viewRenderer->setNoRender(false);
        $this->_helper->layout->setLayout('landing_page');
     
}

/* manifest */

'working' => array(
      'route' => '/working',
      'defaults' => array(
        'module' => 'user',
        'controller' => 'index',
        'action' => 'working'
      )
    ),
/*view section(tpl page) */
 
    working.tpl
    user/views/scripts/index/working.tpl

81.social engine data base details

application/settings/database.php

80.social engine where clause array with IN operator

 $resourceids=array();
   foreach($secondlevelData as $row){
array_push($resourceids,$row->resource_id);
   }

 
    $thirdlevel_friends_select = $membershipTable->select()
                      ->setIntegrityCheck(false)
                      ->from(array('membership'=>'engine4_user_membership',))
                      ->where('membership.resource_id IN (?)',$resourceids )
                               ->where('membership.active = ?',1 )
                      ->group('membership.user_id');    
    

79.limit sentance by strpos

 <?php echo substr($result['bio'],0,100) . '...';?>

78.timezone of viewer in social engine

      $viewer = Engine_Api::_()->user()->getViewer();
 date_default_timezone_set($viewer->timezone);

77.string to intiger

(int)$matching_array['price_to']
(int)$price_to

76.truncate and drop table difference

truncate-Removes all rows from a table
drop-remove the table definitions as well as the data

75.alignment of text

    word-wrap: break-word;
    text-align: justify;

74.image css

<div style="background-image: url(/application/modules/User/externals/images/landingimage/Optimized-32.jpg); background-size: cover; background-position: center; height: 650px" />

style="object-fit:cover"  for <img> tag
   

73.group

  1 2
    4 3
    1 2
    ans
    1 2
    4 3
         $countPropertyRequirementVillaData  = count($propertyRequirementVillaData);

   $roomappartmenthouselocationselect = $propertyRequirementTable->select()
                    ->setIntegrityCheck(false)
                    ->from(array('property_req'=>'engine4_property_requirement',))
                    ->joinLeft(array('state'=>'engine4_state_list',),'state.state_id=property_req.state_id',array('state'))                                
                    ->joinLeft(array('city'=>'engine4_city_list',),'city.city_id=property_req.city_id',array('city'))
                    ->where('property_req.tenant_id = ?', $data['user_id'])
                    ->where('(property_req.housing_type = ?', 'House' )
->orWhere('property_req.housing_type = ?', 'Apartment')
->orWhere('property_req.housing_type = ?)', 'Room')
->group(array('city.city_id'))
;

72.count in select query

$select   =   $table->select()
                        ->setIntegrityCheck(false)
                        ->from(array('user'=>'engine4_users',))
                        ->columns(array('count_property' => new Zend_Db_Expr('COUNT(user.user_id)')))                      
                        ->joinLeft(array('search_field'=>'engine4_user_fields_search'),'search_field.item_id=user.user_id',null)                                            
                        ->joinLeft(array('plist'=>'engine4_property_list',),'plist.property_owner_id=user.user_id')                                
                        ->where('user.search=?' , 1)
                        ->where('search_field.profile_type =?' , '4')
                        ->group('user.user_id');

71.in array

eg.1
if(in_array($data['user_id'],$user_ids)){

}
eg.2

$array = array('kitchen', 'bedroom', 'living_room', 'dining_room');

if (in_array('kitchen', $array)) {
    echo 'this array contains kitchen';
}




eg3

<?php
$people = array("Peter", "Joe", "Glenn", "Cleveland");

if (in_array("Glenn", $people))
  {
  echo "Match found";
  }
else
  {
  echo "Match not found";
  }
?>

70.array push

eg.
<?php $locationofroom=[];
if(!empty($propertyRequirementVillaData))
{
foreach ($propertyRequirementVillaData as $row)
{
$Roomtotalbhk = $Roomtotalbhk.$row['no_of_rooms'].'BHK'.',';
$Roomlocation=$Roomlocation.$row['state'].','.$row['city'].',';
if(!in_array($Roomlocation,$locationofroom)){
array_push($locationofroom,$Roomlocation);
   }
}
    }
   
   
    ?>

69.social engine for loop

    <?php
     for($i=0;$i<=count($result['Appartmentlocation']);$i++)
     echo $result['Appartmentlocation'][$i];
     endforeach;

 ?>

68.pre tag

echo '<pre>'; print_r($tenantResultData); exit;

67.feed pages in social engine

app/modu/activity/widget/feed/intex.tpl
 acticity/views/scripts/_activityText

66.social engine layout

  $this->_helper->viewRenderer->setNoRender(false);
  $this->_helper->layout->setLayout('default');

to know layout page->refer corresponding controller
layout pages are saved in core folder

65.social engine menu

in dbchanged

$sql['1.1.4.19'] = "INSERT INTO `engine4_core_menuitems` (`id`, `name`, `module`, `label`, `plugin`, `params`, `menu`, `submenu`, `enabled`, `custom`, `order`) VALUES (NULL, 'core_mini_gallery', 'user', 'Gallery', 'User_Plugin_Menus', '', 'core_mini', NULL, '1', '0', '6');";

in user/plugin/menus.php

  public function onMenuInitialize_CoreMiniGallery($row)

  { 

    $viewer = Engine_Api::_()->user()->getViewer();

    

  if( $viewer->getIdentity() ) {

      return array(

        'label' => 'Gallery',

      'icon' => 'application/modules/User/externals/images/gallery.svg',

       'route' => 'album_general',

        'params' => array(

        'module' => 'album',

          'controller' => 'index',

          'action' => 'browse',

         

        )

      );

    }

    

    return false;

  }

backend-mini navigation menu

change position of menu

64.soial engine redirection

  //  return $this->_helper->redirector->gotoRoute(array('action' => 'home'), 'user_general', true);

    $this->_redirect('/members/edit/photo');

63.mobile and system

<?php
$useragent=$_SERVER['HTTP_USER_AGENT'];

$iPod = stripos($_SERVER['HTTP_USER_AGENT'],"iPod");
$iPhone = stripos($_SERVER['HTTP_USER_AGENT'],"iPhone");
$iPad = stripos($_SERVER['HTTP_USER_AGENT'],"iPad");
$Android = stripos($_SERVER['HTTP_USER_AGENT'],"Android");
$webOS = stripos($_SERVER['HTTP_USER_AGENT'],"webOS");
if( $iPod || $iPhone || $iPad || $Android) {
 $dev_type= 1; // mobile

}
else{

 $dev_type= 2; // system
}

?>

62.layout page in social engine

core/layout/scripts/default.tpl

61.show widget in social engine

<div class="generic_layout_container layout_left">
<?php
echo $this->content()->renderWidget('user.home-photo');
echo $this->content()->renderWidget('user.home-links');
?>
</div> 

60.count

if( !empty($fieldsByAlias['profile_type']) )
count($this->scheduledMeetingsData) == 0

59.location map

 <input type= "hidden" class="field" id="street_number" name="street_number"></input>
        <input  type= "hidden" class="field" id="route" name="route"></input>
        <input type= "hidden" class="field" id="locality" name="locality"></input>

        <input type= "hidden" class="field" id="administrative_area_level_1" name="administrative_area_level_1"></input>
        <input type= "hidden" class="field" id="postal_code" name="postal_code"></input>

        <input type= "hidden" class="field" id="country" name="country"></input>
        <input type= "hidden" class="field" id="latitude" name="latitude"></input>
        <input type= "hidden" class="field" id="longitude" name="longitude"></input>
<script>
jQuery('#global_page_user-signup-index #timezone-wrapper').after('<div class="pro_field_wrapper"><span class="location_text_span" style="font-weight: bold;">Location </span> <input id="pac-input" class="controls1" type="text" style="font-weight:bold;" placeholder="Location" ><div id="map" style="margin-top: 13px;"></div><div class="form-label" id="location-label">&nbsp;</div><div class="msg" style="color:red;"></div></div>');

</script>

<script>
var latitude  = 40.712784;
var longitude = -74.005941;
</script>


<script src="<?php echo $this->baseUrl(); ?>/application/modules/User/externals/scripts/autocomplete_address_googleapi.js"></script>

<script src="https://maps.googleapis.com/maps/api/js?key=AIzaSyAOdWM32gJ4t6-csxQQxCVDigYfq261xi0&libraries=places&callback=initAutocomplete" async defer></script>

58.copy of page in git

eg.scp application/modules/User/externals/styles/style.css titech@192.168.1.59:/var/www/html

57.first pages of signup in social engine

user/views/script/signup/form/account.tpl
user/form/signup/Account.php
user/plugin/signup/Account.php
user/views/script/signup/form/index.tpl
app/modules/user/views/scripts/signup/index.tpl

56.for singin user

if( $viewer->getIdentity() ) {}

55.site for checking regular expression

http://rubular.com/

54.How to Create a Widget in socialengine

http://smarttips.in/how-to-create-widgets-in-socialengine/
after creating index.tpl and controller
modules ->group-> settings->content.php and editapplicationAction
content.php

array( ‘title’ => ‘Smart Widget’,

‘description’ => ‘This is a new Group smart Widget’,

‘category’ => ‘Group’,

‘type’ => ‘widget’,

‘name’ => ‘group.smartwidget’,

),

53.explode date and time

$datetime="18:4:30 08:02:2017";
$datetimearray =  explode(' ', $datetime);
echo $datetimearray['0'].'</br>';
echo $datetimearray['1'].'</br>';exit;

52.update form in controller

$values = $form->getValues();
    $tips_table =  Engine_Api::_()->getDbtable('tips', 'user');
    $tips_table->update(array('content' =>$values['content']),array('id = ?' => $id));
    

51.if there is no seprate tpl for an action use norenter in controller

$this->_helper->viewRenderer->setNoRender(true);
$this->_helper->layout->disableLayout();

50.try catch

 try{
//edit
     $UserData->tip_dismiss_time=$dismiss_time;
    $UserData->save();

     $aResult['status'] = true;
     }
     catch (Exception $e) {exit($e->getMessage());
$aResult['status'] = false;
}
echo json_encode($aResult); //to return in tpl

49.details from php to jquery(controller to tpl)

//controller
    $common_settings_table =  Engine_Api::_()->getDbtable('commonsettings', 'user'); //commonsettings-class name
$common_settings = $common_settings_table->fetchRow($common_settings_table->select()->where('type =?', 'tip_duration'));
$showtime=date("H:i:s", strtotime($dismiss_time."+".$common_settings->value."hour"));
//echo time("H:i:s");exit("1212");
$this->view->tip_dismiss_time=$common_settings->value;
//tpl
    var tip_dismiss_time='<?php echo $this->tip_dismiss_time; ?>';

48.fetch row from user table

$userTable = Engine_Api::_()->getDbtable('users', 'user');
 
    $UserData = $userTable->fetchRow($userTable->select()->where('user_id = ?', $viewerId)); 

47.viewer id -login user details

$viewer = Engine_Api::_()->user()->getViewer();
$viewerId = $viewer->getIdentity();

viewer email
     $viewer->email

46.social engine edit and insert in 1 function

public function tipdurationAction()
    {
      $common_settings_table =  Engine_Api::_()->getDbtable('commonsettings', 'user');
 $common_settings = $common_settings_table->fetchRow($common_settings_table->select()->where('type =?', 'tip_duration'));
 

     $this->view->form = $form = new User_Form_Admin_Manage_Tipduration();
     $aData =  $this->_request->getPost();
 if(!empty($aData)){
   $tip_duration = $aData['value'];
   if(empty($common_settings)){


       if($tip_duration!='')
           {
            $tips_table_insert_id =  $common_settings_table->insert(array(
                    'type'   => 'tip_duration',                  
                    'value' => $tip_duration,
                    'created_at'=> date("Y-m-d"),
                    'updated_at'=> date("Y-m-d"),
                ));
             
}

}
else
{
   $common_settings->value=$tip_duration;
   $common_settings->save();
}
        return $this->_forward('success', 'utility', 'core', array(
      'smoothboxClose' => true,
      'parentRefresh' => true,
      'format'=> 'smoothbox',
      'messages' => array('Your changes have been saved.')
          ));
    }
    }

45.listing

$tips_table =  Engine_Api::_()->getDbtable('tips', 'user');
   $tips_select = $tips_table->select();
    $tipData = $tips_table->fetchAll($tips_select);
$this->view->tipData = $tipData;
        

44.selection in social engine

$propertyRequestTable =  Engine_Api::_()->getDbtable('propertyrequest', 'user');
   $propertyReq_select = $propertyRequestTable->select()
                     ->setIntegrityCheck(false)
                      ->from(array('prequest'=>'engine4_property_request',))
                      ->joinLeft(array('plist'=>'engine4_property_list',),'plist.id=prequest.property_id',array('property_name','rental_type','granted'))  
          ->where('prequest.id = ?', $applicationRequest_id);
   $propertyRequest = $propertyRequestTable->fetchRow($propertyReq_select);

43.update in social engine

$propertyRequestTable =  Engine_Api::_()->getDbtable('propertyrequest', 'user');
   $propertyRequestData = $propertyRequestTable->fetchRow($propertyRequestTable->select()->where('id = ?', $applicationRequest_id));
        $propertyRequestData->application_view_status=1;
        $propertyRequestData->save();
        

42.adding css and js in social engine

<script src="/application/modules/User/externals/scripts/menu.js"></script>
<link rel="stylesheet" href="<?php echo $this->baseUrl(); ?>/application/modules/User/externals/styles/menu.css" type="text/css">

41.social engine button

 <a href="<?php echo $this->baseUrl().'/members/home'; ?>" >  <button type="button" id="compose-submit"><?php echo $this->translate("Back") ?></button></a>

40.jquery onclick by function call

 <div class="save_btn_div save_btn_div_<?php echo $propertyData->id;?>"><button class="like_property like_property_<?php echo $propertyData->id;?>" onclick="Like_Property('<?php echo $propertyData->id; ?>')" property_id="<?php echo $propertyData->id; ?>" title="Save">Save</button></div>
     

  function Like_Property(id)
{
alert(id);

}

39.jquery check box value

<label><input type="radio" name="user" value="<?php echo $value[$i]['user_id'] ?>" data-displayname = "<?php echo $value[$i]['display_name'];?>" property-name="<?php echo $value['property_name'] ?>"></label>

var property_name =jQuery("input[name=user]:checked").attr("property-name");

38.dialogBox after submisssion

<div id="stantard-dialogBox" style="font-size:30px"></div>
  if(data.status == true){
 jQuery('#stantard-dialogBox').dialogBox({
autoHide: true,
time: 3000,
content: 'The application is successfully approved',
});
}

37.append html(view more link)

jQuery('.comments_viewall_'+action_id).html(' <a href="javascript:void(0)"   class="comments_Load_more comments_Load_more_'+action_id+'" action_id='+action_id+' status="view_more">View more</a>');

36.online library for boostrap and js

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css">
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap-theme.min.css">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>

35.Include js file in laravel

<script src="{{ url('/') }}/resources/assets/js/jquery.min.js"></script>

34.bootstrap grid

lg-larger desktop
md-desktop
sm-tab
xs-mobile


<div class="row">
<div class="col-md-3 col-sm-3 col-xs-12"></div>
<div class="col-md-4 col-sm-3 col-xs-12"></div>
<div class="col-md-2 col-sm-3 col-xs-12"></div>
<div class="col-md-3 col-sm-3 col-xs-12"></div>
</div>

33.modal popup

<div class="modal fade" id="propertyDeleteModal" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true">
  <div class="modal-dialog" role="document">
    <div class="modal-content">
      <div class="modal-header">
        <span class="modal-title" id="exampleModalLabel">Confirm</span>
        <button type="button" class="close" data-dismiss="modal" aria-label="Close">
          <span aria-hidden="true">&times;</span>
        </button>
      </div>
       <div class="modal-body">

          Do you want to delete this property?    

      </div>
      <div class="modal-footer">
        <button type="button" class="btn btn-primary yes_btn yes_delete_property">Grant</button>
      </div>
    </div>
  </div>
</div>

 <script type = "text/javascript">
jQuery("#propertyDeleteModal").modal('show');
</script>

32.jQuery excel

https://codepen.io/kostas-krevatas/pen/mJyBwp

<button id="exl">Download</button>

<div class="admin_table_form" id="content">

  <table class='admin_table'>

  jQuery(document).ready(function() {
  jQuery("#exl").click(function(e) {
    e.preventDefault();
    //getting data from our table
    var data_type = 'data:application/vnd.ms-excel';
    var table_div = document.getElementById('content');
    var table_html = table_div.outerHTML.replace(/ /g, '%20');
    var a = document.createElement('a');
    document.body.appendChild(a);  // You need to add this line to work in mozilla
    a.href = data_type + ', ' +
     table_html;
    a.download = 'exported_table_' + Math.floor((Math.random() * 9999999) + 1000000) + '.xls';
    a.click();
  });
});

31.jQuery validation

  <script type = "text/javascript">
    function ValidateEmail(email) {
        var expr = /^([\w-\.]+)@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.)|(([\w-]+\.)+))([a-zA-Z]{2,4}|[0-         9]{1,3})(\]?)$/;
        return expr.test(email);
    };

   function ValidateName(name) {
        var expr = /^[a-zA-Z ]{3,35}$/;
        return expr.test(name);
    };

    $("#contact_submit").click(function () {
 var email_id = $.trim($('#email_id').val());
 var name     =$.trim($('#contact_name').val());
 var msg     =$.trim($('#message').val());

    // Check if empty of not
    if (email_id  == '' && name  == '' && msg == '') {
       // alert('Please fill all the fields.');
       $('#contact_name').focus();
       jQuery('#fill').text('Please fill all the fields');
       jQuery('#fill').css('display','block');
        return false;
    }else{
jQuery('#fill').css('display','none');
}


  //name validation
    if (name  == '')
{
$('#contact_name').focus();
jQuery('#name_val').text('Please enter name');
jQuery('#msg_val').css('display','none');
jQuery('#name_val').css('display','block');
return false;
    }
    else if (!ValidateName($("#contact_name").val())) {

   jQuery('#name_val').text('Please enter a vaild name');
jQuery('#name_val').css('display','block');
jQuery('#email_validation').css('display','none');
jQuery('#msg_val').css('display','none');
$(':input').removeAttr('placeholder');
            //alert("Invalid email address.");
            return false;
    }
        else {

jQuery('#name_val').css('display','none');
            //alert("Valid email address.");
    }


//email validation
if (email_id  == '')
{
$('#email_id').focus();
jQuery('#email_val').text('Please enter email address');
jQuery('#email_validation').css('display','block');
return false;
    }
    else if (!ValidateEmail($("#email_id").val())) {

   jQuery('#email_val').text('Please enter vaild email');
jQuery('#email_validation').css('display','block');
jQuery('#msg_val').css('display','none');
$(':input').removeAttr('placeholder');
            //alert("Invalid email address.");
            return false;
    }
        else {

jQuery('#email_validation').css('display','none');
            //alert("Valid email address.");
    }

   //message validation
   if (msg  == '')
{
$('#message').focus();
jQuery('#msg_val').text('Please enter a message');
jQuery('#msg_val').css('display','block');
return false;
    }
    else
    {
jQuery('#msg_val').css('display','none');
}
    });
</script>

30.Jquery pdf

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
<script type="text/javascript" src="http://cdnjs.cloudflare.com/ajax/libs/jspdf/0.9.0rc1/jspdf.min.js"></script>

<div id="editor"></div>
<button id="cmd">generate PDF</button>


var doc = new jsPDF();
var specialElementHandlers = {
    '#editor': function (element, renderer) {
        return true;
    }
};

jQuery('#cmd').click(function () {

    doc.fromHTML(jQuery('#content').text(), 15, 15, {
        'width': 170,
            'elementHandlers': specialElementHandlers
         
    });
    doc.save('sample-file.pdf');
});

29.Page refresh

$('#something').click(function() {
    location.reload();
});

28.show and hide div

jQuery('.hide_bedroom').show();
jQuery('.hide_bedroom').hide();

27.Redirction using jquery

jQuery('body').on('click', '.abc_rect', function(event){

  var tenantId = jQuery(this).data("tenantid"); //alert(tenantId);
  var tenantId = parseInt(jQuery(this).attr('data-tenantId'));
  alert(tenantId);
  location.href= '<?php echo $this->baseUrl()?>/requirement/'+tenantId;

});

26.Jquery mouseover and mouseout

jQuery( ".activity_item_li" ).mouseover(function() {
  var licount = parseInt(jQuery(this).attr('licount'));
  var licount1 = licount - 1;
  jQuery(".activity_item_li_"+licount).css('border-bottom','1px solid #f58410');
  jQuery(".activity_item_li_"+licount1).css('border-bottom','1px solid #f58410');
});

jQuery( ".activity_item_li" ).mouseout(function() {
  var licount = parseInt(jQuery(this).attr('licount'));
  var licount1 = licount - 1;
  jQuery(".activity_item_li_"+licount).css('border-bottom','1px solid #efefef');
  jQuery(".activity_item_li_"+licount1).css('border-bottom','1px solid #efefef');

});

25.Jquery next line

        jQuery('.tip_content').append('<a href="javascript:void(0)"><span class="tooltip_message" style="color: #fff;">&nbsp; <?php echo $tip_content;  ?></span></a><i style="    color: #fff;float: right;'+

        'padding: 3px 18px 2px 2px;"class="fa fa-times-circle-o delete_tipicon" aria-hidden="true"></i>');

24.Click function in jquery html

jquery html added from script -click function shuould be like
 jQuery('body').on('click', '.delete_tipicon', function(e){
});

23.Jquery toggle

jQuery('body').on('click', '.user-profile-info', function(event){

if(jQuery( ".user-profile-info" ).hasClass("collapsed")){

jQuery('#user-profile-submenu').css('display', 'block');
jQuery( ".user-profile-info" ).removeClass("collapsed");
}

else
{
jQuery( ".user-profile-info" ).addClass("collapsed");
jQuery('#user-profile-submenu').css('display', 'none');
}
});

22. Document Ready function in jQuery

jQuery(document).ready(function()  {
});

21 .JAVASCRIPT To JQUERY Conversion

 var uploadSignupPhoto = function() {
      $('thumbnail-controller').innerHTML = "<div><img class='loading_icon' src='application/modules/Core/externals/images/loading.gif'/><?php echo $this->translate('Loading...')?></div>";
      $('EditPhoto').submit();
      $('Filedata-wrapper').innerHTML = "";
    }


     function uploadSignupPhoto(){
      jQuery('#thumbnail-controller').innerHTML = "<div><img class='loading_icon' src='application/modules/Core/externals/images/loading.gif'/><?php echo $this->translate('Loading...')?></div>";
      jQuery('#EditPhoto').submit();
      jQuery('#Filedata-wrapper').innerHTML = "";
    }

20.adding additional icons in jquery (prepend and append)

eg 1.Prepend
jQuery('.quicklinks ul').prepend('<li><a href="/smartmove/renter/create" class="buttonlink menu_user_profile user_profile_edit verified_link" style="background-image: url(application/modules/User/externals/images/verfication_image.png); color: #f58410;" target="">Get Verified</a></li>');
eg 2.Append
jQuery('.layout_user_list_online .ybo_headline').append('<span class="arrow"><img src="application/modules/User/externals/images/next.png"></span>');

19.To prevent other event handlers from executing after a certain event is fired

event.preventDefault()

$('a').click(function (e) {
    // custom handling here
    e.preventDefault();
});

18.php inside a script

<script>
var viewer_identity='<?php echo $viwer_id; ?>';
</script>

17.jquery css(display none)

jQuery('#msg_val').css('display','none');

16.Appending msg with div

 jQuery('#ynadvmenu_NotifyCount').text('msg');
                         jQuery('#ynadvmenu_NotifyCount').css('display','block');

15.Regex for alphanumeric with at least 1 number and 1 character

/^(?=.*[0-9])(?=.*[a-zA-Z])([a-zA-Z0-9]+)$/

14.Show div in 5 seconds in jQuery

setTimeout(function() {
                            jQuery(".tip").css('display','block');      
              }, 5000)

13.Variable from jquery to php(tpl to controller)

jQuery( ".delete_tipicon" ).click(function() {
var currentdate = new Date();
    var tip_dismiss_time =
                + currentdate.getHours() + ":"
                + currentdate.getMinutes() + ":"
                + currentdate.getSeconds();

 
jQuery(".tip").css('display','none');

    var oData       = new Object();
var dismiss_time    = oData.tip_dismiss_time =tip_dismiss_time;
    alert(dismiss_time);
var formURL    = '<?php echo $this->baseUrl(); ?>' + '/user/index/tipdismisstime';

jQuery.ajax( {
url : formURL,
type: "POST",
dataType: 'json',
data : oData,
success: function (data) {

  alert(data.status);
//location.href = '<?php echo $this->baseUrl(); ?>' + '/members/home';


},
error: function(e){

}
    });
});

/*controller*/

$viewer     = Engine_Api::_()->user()->getViewer();
$this->_helper->viewRenderer->setNoRender(true);
$this->_helper->layout->disableLayout();


$aData = $this->_request->getPost();
$dismiss_time=$aData['tip_dismiss_time'];

12.jquery add attribute(attr)

 jQuery('.dropdown-toggle').attr("aria-expanded","true");

11.jquery removeClass

jQuery( ".custom_225" ).removeClass("menu_core_main");

10.Jquery hasClass

if(jQuery( ".custom_225" ).hasClass("menu_core_main")){
}

9.If data passing through ajax

    var oData           = new Object();
var dismiss_time    = oData.tip_dismiss_time =tip_dismiss_time;
var dismiss_date    = oData.tip_dismiss_date =dismiss_date;
var formURL    = '<?php echo $this->baseUrl(); ?>' + '/user/index/tipdismisstime';

jQuery.ajax( {
url : formURL,
type: "POST",
dataType: 'json',
data : oData,
success: function (data) {

},
error: function(e){

}
    });

8.if no data passing through ajax

var formURL    = '<?php echo $this->baseUrl(); ?>' + '/user/index/gettipdismisstime';

jQuery.ajax( {
url : formURL,
type: "POST",
dataType: 'json',
success: function (data) {

},
error: function(e){
  alert(data);
}
    });

7.jquery current Indian date in dd/mm/yyyy format and time in H:m:s

var d            = new Date();
    var curr_date    = d.getDate();
    var curr_month   = ("0" + (d.getMonth() + 1)).slice(-2);
    var curr_year    = d.getFullYear();
    var current_date =curr_date + ":" + curr_month + ":" + curr_year;
 
    var current_time =  + d.getHours() + ":"  + d.getMinutes() + ":" + d.getSeconds();

6.Jquery click

jQuery( ".reset_to_usa" ).click(function() {
});
jQuery('body').on('click', '.arrow', function(event){
});

5.Deletion from list using laravel and ajax

<a href="javascript:void(0)" id="<?php echo $user['user_id'] ;?>">Delete</a>


<script>
$(document).ready(function(){
    $("a").click(function(){
    var oData       = new Object();
    var user_id= oData.id=this.id;
var base_url = '{{ url("/") }}';
    var url = base_url+"/deleteuser";
 jQuery.ajax({
  headers: {
'X-CSRF-TOKEN': jQuery('meta[name="csrf-token"]').attr('content')
  },
url:  url,
data: oData,
dataType: 'json',
type: 'POST',
success: function (data) {

if(data.status==true){
jQuery('.user_'+user_id).remove();
}else
{
alert("error");
}

   },
  error: function(e){ // alert('Error: '+e);
   }
});
       });
});
</script>


In controller

  public function deleteuser(Request $request)
   {
  $resultData = array();
 // echo "id";
  $id = $request->input('id');

       try{
       $userobj=new User();
     
       $user_details=$userobj->deleteUser($id);

       $resultData['status'] = true;
     

       }catch (Exception $e) {exit($e->getMessage());
$resultData['status'] = false;
}
      return response()->json($resultData);
   }

4.Link to same page without refreshing or redirecting

href="javascript:void(0)" 

3.Online library for boostrap and js

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css">
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap-theme.min.css">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>

2.How to include js file in laravel?

<script src="{{ url('/') }}/resources/assets/js/jquery.min.js"></script>

1.How to clear text in jquery?

Eg:jQuery('#current_occupation_income_source').val(' ');