I've added those lines in the file but nothing happened. Since I am a beginner with Javascript,I do not quite understand where should I add the lines.
In the tutorial,the file that the javascript is placed,is a HTML file if Im correct:
<!DOCTYPE html>
<html>
<body>
<img onmouseover="bigImg(this)" onmouseout="normalImg(this)" border="0" src="smiley.gif" alt="Smiley" width="32" height="32">
<p>The function bigImg() is triggered when the user moves the mouse pointer over the image.</p>
<p>The function normalImg() is triggered when the mouse pointer is moved out of the image.</p>
<script>
function bigImg(x) {
x.style.height = "64px";
x.style.width = "64px";
}
function normalImg(x) {
x.style.height = "32px";
x.style.width = "32px";
}
</script>
</body>
</html>
But where you told me to add the Javascript,it was a Php file and it did not have a <body> tag. In the instructions it says to add this javascript in between the body tag.
Help please.
Here is what I have in the listing img title file:
<?php
/**
* @package HikaShop for Joomla!
* @version 2.3.2
* @author hikashop.com
* @copyright (C) 2010-2014 HIKARI SOFTWARE. All rights reserved.
* @license GNU/GPLv3
www.gnu.org/licenses/gpl-3.0.html
*/
defined('_JEXEC') or die('Restricted access');
?><?php $link = $this->getLink($this->row);?>
<?php if($this->config->get('thumbnail',1)){ ?>
<div style="height:<?php echo $this->image->main_thumbnail_y;?>px;text-align:center;clear:both;" class="hikashop_category_image">
<a href="<?php echo $link;?>" title="<?php echo $this->escape($this->row->category_name); ?>">
<?php
$image_options = array('default' => true,'forcesize'=>$this->config->get('image_force_size',true),'scale'=>$this->config->get('image_scale_mode','inside'));
$img = $this->image->getThumbnail(@$this->row->file_path, array('width' => $this->image->main_thumbnail_x, 'height' => $this->image->main_thumbnail_y), $image_options);
if($img->success) {
echo '<img class="hikashop_product_listing_image" title="'.$this->escape(@$this->row->file_description).'" alt="'.$this->escape(@$this->row->file_name).'" src="'.$img->url.'"/>';
}
?>
</a>
</div>
<?php } ?>
<br/>
<span class="hikashop_category_name">
<a href="<?php echo $link;?>">
<?php
echo $this->row->category_name;
if($this->params->get('number_of_products',0)){
echo ' ('.$this->row->number_of_products.')';
}
?>
</a>
</span>
