So here is my code

$.ajax({
    url: "login.html"
}).done(function( data ) {
    var kontener = $('').html(data).find('.kontener'),
        content = kontener.find('#content');
    $('body .kontener').html(content);
});

First thing we need to convert the data to jQuery HTML version, by set it as variable for further need as on line

var kontener = $('').html(data).find('.kontener')

So, next we can find the element we want to use

content = kontener.find('#content');

And the last thing we need to do is replace it

$('body .kontener').html(content);

That’s how we get an element from ajax resppons by using jQuery. We can replace existing element with ajax, without loading page.

The post Find Elements from Ajax response using JQuery appeared first on Pancenjoss.

Source: https://developers.elementor.com/creating-a-new-widget/

/**
 * Elementor oEmbed Widget.
 *
 * Elementor widget that inserts an embbedable content into the page, from any given URL.
 *
 * @since 1.0.0
 */
class Elementor_oEmbed_Widget extends \Elementor\Widget_Base {

    /**
     * Get widget name.
     *
     * Retrieve oEmbed widget name.
     *
     * @since 1.0.0
     * @access public
     *
     * @return string Widget name.
     */
    public function get_name() {
        return 'oembed';
    }

    /**
     * Get widget title.
     *
     * Retrieve oEmbed widget title.
     *
     * @since 1.0.0
     * @access public
     *
     * @return string Widget title.
     */
    public function get_title() {
        return __( 'oEmbed', 'plugin-name' );
    }

    /**
     * Get widget icon.
     *
     * Retrieve oEmbed widget icon.
     *
     * @since 1.0.0
     * @access public
     *
     * @return string Widget icon.
     */
    public function get_icon() {
        return 'fa fa-code';
    }

    /**
     * Get widget categories.
     *
     * Retrieve the list of categories the oEmbed widget belongs to.
     *
     * @since 1.0.0
     * @access public
     *
     * @return array Widget categories.
     */
    public function get_categories() {
        return [ 'general' ];
    }

    /**
     * Register oEmbed widget controls.
     *
     * Adds different input fields to allow the user to change and customize the widget settings.
     *
     * @since 1.0.0
     * @access protected
     */
    protected function _register_controls() {

        $this->start_controls_section(
            'content_section',
            [
                'label' => __( 'Content', 'plugin-name' ),
                'tab' => \Elementor\Controls_Manager::TAB_CONTENT,
            ]
        );

        $this->add_control(
            'url',
            [
                'label' => __( 'URL to embed', 'plugin-name' ),
                'type' => \Elementor\Controls_Manager::TEXT,
                'input_type' => 'url',
                'placeholder' => __( 'https://your-link.com', 'plugin-name' ),
            ]
        );

        $this->end_controls_section();

    }

    /**
     * Render oEmbed widget output on the frontend.
     *
     * Written in PHP and used to generate the final HTML.
     *
     * @since 1.0.0
     * @access protected
     */
    protected function render() {

        $settings = $this->get_settings_for_display();

        $html = wp_oembed_get( $settings['url'] );

        echo '<div class="oembed-elementor-widget">';

        echo ( $html ) ? $html : $settings['url'];

        echo '</div>';

    }

}

The post Simple Elementor Widget Example appeared first on Pancenjoss.

Remove All Scripts

function pj_remove_all_scripts() {
   foreach( wp_scripts()->registered as $script ) {
      wp_dequeue_script( $script->handle );
      wp_deregister_script( $script->handle );
  }
}
add_action('wp_enqueue_scripts', 'pj_remove_all_scripts', 998);

Remove All Styles

function pj_remove_all_styles() {
   foreach( wp_styles()->registered as $style ) {
      wp_dequeue_style( $style->handle );
      wp_deregister_style( $style->handle );
  }
}
add_action('wp_enqueue_scripts', 'pj_remove_all_styles', 998);

Remove All Scripts on certain page or post

function pj_remove_all_scripts() {
   foreach( wp_scripts()->registered as $script ) {
      if( is_page(array( 42, 'about-me', 'Contact' )) || is_single(array(17,'beef-stew','Irish Stew')) ) {
         wp_dequeue_script( $script->handle );
         wp_deregister_script( $script->handle );
      }
  }
}
add_action('wp_enqueue_scripts', 'pj_remove_all_scripts', 998);

You can add any conditional WordPress function, is_page(), is_single() or is_singular().

If your site still slow even after deregister all styles and scripts. Next thing you need to check is your query.
I suggest you to use Query Monitor plugins

The post How to disable all WordPress Styles dan Scripts appeared first on Pancenjoss.

PHP Code

<?php 
if (!empty($_SERVER['HTTP_CLIENT_IP'])) {
    $ip = $_SERVER['HTTP_CLIENT_IP'];
} elseif (!empty($_SERVER['HTTP_X_FORWARDED_FOR'])) {
    $ip = $_SERVER['HTTP_X_FORWARDED_FOR'];
} else {
    $ip = $_SERVER['REMOTE_ADDR'];
}
// get city name from keycdn geo json 
$json = "https://tools.keycdn.com/geo.json?host=$ip"; 
$data = file_get_contents($json); 
$data = json_decode($data, true); 
$kota = $data['data']['geo']['city']; 

// get city name from ipapi json 
$url = "https://ipapi.co/json/"; 
$data = file_get_contents($json); 
$kota = $data['city']; 

// Show it 
echo $kota; 
?>

There are limitation for each free service. But i think it’s good enough to use it for development purpose.

The post How To Get City Name by IP Address appeared first on Pancenjoss.