1. Download latest API reference as JSON file from desired platform
2. Convert it to yaml for easier modificatoin and convert it back to json file
3. Download Swagger UI https://github.com/swagger-api/swagger-ui/releases
4. Copy the contents of the /dist folder to your server and modify index and js file

The post Generate API Reference documentation appeared first on ubuntu|dog.

Code:

<div id=”search”>
<div class=”button-search”></div>
<?php if ($filter_name) { ?>
<input type=”text” name=”filter_name” value=”<?php echo $filter_name; ?>” />
<?php } else { ?>
<input type=”text” name=”filter_name” value=”<?php echo $text_search; ?>” onclick=”this.value = ”;” onkeydown=”this.style.color = ‘#000000’;” />
<?php } ?>
</div>

Now I will paste this code in my content_top.tpl file located in the same directory as header.tpl

Open up header.php that is located in /catalog/controller/common/ directory
and copy these code lines:

Code:

$this->language->load(‘common/header’);
$this->data[‘text_search’] = $this->language->get(‘text_search’);
if (isset($this->request->get[‘filter_name’])) {
$this->data[‘filter_name’] = $this->request->get[‘filter_name’];
} else {
$this->data[‘filter_name’] = ”;
}

Paste these lines into the file /catalog/controller/common/content_top.php under public function index(). Just paste it below the line 10 or 11.

Copy now language variable for the input search text to the right language file.

Copy variable $_[‘text_search’] = ‘Search’; from /language/-yourlangugage-/common/header.php to /language/-yourlangugage-/yourlanguage.php

The last thing we need to make is to copy js function that will post our search. Your search field is for sure not placed in the #header at this time so we need to copy function from /catalog/view/javascript/common.js and rename it.

Copy and paste this function into the same js file and don’t forget to rename #header according to your div’s/container’s ID (#example) or class (.example).

Code:

$(‘#header input[name=’filter_name’]’).keydown(function(e) {
if (e.keyCode == 13) {
url = $(‘base’).attr(‘href’) + ‘index.php?route=product/search’;
var filter_name = $(‘input[name=’filter_name’]’).attr(‘value’)

if (filter_name) {
url += ‘&filter;_name=’ + encodeURIComponent(filter_name);
}

location = url;
}
});

My div container looks like this <div id=”example”>….search field code…</div> so my javascript function for submitting the search form will look like this:

Code:

$(‘#example input[name=’filter_name’]’).keydown(function(e) {
if (e.keyCode == 13) {
url = $(‘base’).attr(‘href’) + ‘index.php?route=product/search’;
var filter_name = $(‘input[name=’filter_name’]’).attr(‘value’)

if (filter_name) {
url += ‘&filter;_name=’ + encodeURIComponent(filter_name);
}

location = url;
}
});

I hope you enjoyed this article 😉

The post OpenCart: How to move search field to top menu (content_top.tpl) appeared first on ubuntu|dog.

Code:

<a href=”https://twitter.com/home?status=Currently reading https://www.example.com/post-url” title=”Click to share this post on Twitter”>Share on Twitter</a>

Tip: Replace “Currently reading https://www.example.com/post-url” with your own content and URL.

The post Twitter custom share button appeared first on ubuntu|dog.

Code:

<script>
$(function(){
$(“#click-me”).live(‘click’, function(e) {
if( e.button == 0 ) { // Clicked with left mouse button
alert(‘You clicked with left mouse button’);
}
});
});
</script>

<a id=”click-me”>Click me</a>

The post Detect left mouse button click with jQuery appeared first on ubuntu|dog.

1. The first one is a piece of javascript that you include in your head section.

<script language="JavaScript">
function disableEnterKey(e)
{
var key;
if(window.event)
key = window.event.keyCode; //IE
else
key = e.which; //firefox

if(key == 13)
return false;
else
return true;
}

2. Than in the form issue onKeyPress like this:

<input type="text" onkeypress="return disableEnterKey(event)">

The easiest way of disabling the enter key may be this one:

<input type="text" onkeypress="return event.keyCode!=13" />

The post Disable enter key in a form appeared first on ubuntu|dog.