RollOver Map Video Tutorial!

[adsjapan]

Hi all,

Have created RoolOver Map for Japan with Tooltip on it. Its not using any sort of images, just SVG and Java Script.
Am attaching (right now am having in HTML format only) the file here so that you can refer or use them.

[asimshaz]

hello guys now you can download free rollover map plugins for all the courntries from here http://forums.osclass.org/themes/all-countries-rollover-themes-for-download/

[zombie]

That is a great plugin, RajaSekar!! But how to add alt attributes to regions?
EDIT:
Maybe also hover effect on map should activate the hover effect on listed regions, too?

[sal]

hello

i have made the same steps but my map appear only for few seconds on my page  and then it disappear   



please advice

Thanks

[serjuc11111]

hy!RajaSekar or jay.i have make romania map rollover but when i call function<?php sample_map;?> map not appears.look here please and tell me what i have make wrong.ty in advance!we need to install this from dasbord or just upload the folder(sample_map) to our site?

[serjuc11111]

hy again!my sample_map image is not loading?any ideea?

[shamal]

Hello RajaSekar,

Thank u, with you plugin/instructions it's realy easy to make own RollOver Map
Only one problem that I have is - if you click on region it gives an error=  Access forbidden!....You do not have permission to access the requested directory. Which is either read-protected or not readable by the server.,
Any idea how to fix it?

[shamal]

Hello RajSekar,

after I've installed the site, I wanted to rollover install, but that gift following error message:
The plugin generated 3 characters of unexpected output during the installation

[Silent Reader]

is there a way to add new menu called "map settings" in the admin menu panel?
I see brasil theme and it has a map settings submenu when the theme activated. But I just can't understand how to do this with my own theme?

Anyone help me?

[buntai]

i believe there's an update for rollover map on 3.1.2 version because my rollover maps didn't hover/ higlight...

http://iklan2u.my

[satya]

Hi, I am new to OSClass  and I have an issue with Regions in India Theme not click-able except the Region 'West Bengal'. Can anybody please help me why other regions in India map not click-able? you can check the issue at http://www.5nd.in

Thanks in advance,
Satya

[teseo]

You are loading main jQuery library twice:

<script type="text/javascript" src="http://www.5nd.in/oc-content/themes/india/js/jquery.js"></script>
<script type="text/javascript" src="http://www.5nd.in/oc-content/themes/india/js/jquery-ui.js"></script>
<script type="text/javascript" src="http://www.5nd.in/oc-content/themes/india/js/jquery.uniform.js"></script>
<script type="text/javascript" src="http://www.5nd.in/oc-content/themes/india/js/tabber-minimized.js"></script>
<script type="text/javascript" src="http://www.5nd.in/oc-content/themes/india/js/global.js"></script>

<meta name="generator" content="Osclass 3.1.2" /><link href="http://www.5nd.in/oc-content/plugins/realestate_attributes//css/style.css" rel="stylesheet" type="text/css" /><link href="http://www.5nd.in/oc-content/plugins/jobs_attributes/css/styles.css" rel="stylesheet" type="text/css">
    <script type="text/javascript" src="http://www.5nd.in/oc-content/plugins/location_required/jquery.metadata.js"></script>
    <!-- WebRupee plugin --><link rel="stylesheet" type="text/css" href="http://cdn.webrupee.com/font"><!-- /WebRupee plugin --><script src="https://www.paypalobjects.com/js/external/dg.js" type="text/javascript"></script><script type="text/javascript" src="http://www.5nd.in/oc-includes/osclass/assets/js/jquery.min.js"></script>

Once deleted that, I can see the map working as intended.

This is the HTML output, you'll have to look at your theme's head.php, locate where that second call is made and get rid of it. If needed paste your head.php here (between code tags -# button) so I could point you in the right direction.

Regards

[satya]

Thanks your reply and solution... I checked head.php but unable to trace it.. plz help below is head.php:

Code: [Select]

<meta http-equiv="Content-type" content="text/html; charset=utf-8" />
<title><?php echo meta_title() ; ?></title>
<meta name="title" content="<?php echo osc_esc_html(meta_title()); ?>" />
<?php if( meta_description() != '' ) { ?>
<meta name="description" content="<?php echo osc_esc_html(meta_description()); ?>" />
<?php } ?>
<?php if( function_exists('meta_keywords') ) { ?>
<?php if( meta_keywords() != '' ) { ?>
<meta name="keywords" content="<?php echo osc_esc_html(meta_keywords()); ?>" />
<?php } ?>
<?php } ?>
<?php if( osc_get_canonical() != '' ) { ?>
<link rel="canonical" href="<?php echo osc_get_canonical(); ?>"/>
<?php } ?>
<meta http-equiv="Cache-Control" content="no-cache" />
<meta http-equiv="Expires" content="Fri, Jan 01 1970 00:00:00 GMT" />

<link href="<?php echo osc_current_web_theme_url('style.css') ; ?>" rel="stylesheet" type="text/css" />
<link href="<?php echo osc_current_web_theme_url('tabs.css') ; ?>" rel="stylesheet" type="text/css" />

<script type="text/javascript">
    var fileDefaultText = '<?php echo osc_esc_js( __('No file selected', 'india') ) ; ?>';
    var fileBtnText     = '<?php echo osc_esc_js( __('Choose File', 'india') ) ; ?>';
</script>
<script type="text/javascript" src="<?php echo osc_current_web_theme_js_url('jquery.js') ; ?>"></script>
<script type="text/javascript" src="<?php echo osc_current_web_theme_js_url('jquery-ui.js') ; ?>"></script>
<script type="text/javascript" src="<?php echo osc_current_web_theme_js_url('jquery.uniform.js') ; ?>"></script>
<script type="text/javascript" src="<?php echo osc_current_web_theme_js_url('tabber-minimized.js') ; ?>"></script>
<script type="text/javascript" src="<?php echo osc_current_web_theme_js_url('global.js') ; ?>"></script>

<?php osc_run_hook('header') ; ?>



[teseo]

I see, there must be a plugin loading jquery.min.js (which it's no other than jquery.js in minified version). I have seen this issue with Location Required or Watchlist, I don't quite recall at the moment. if you have enabled both or one of them start disabling them/it and see if the map works.

If so, let me know and I'll try to tell you how the offending plugin should be modified.

Regards

[satya]

You are Great! thank you... problem with Watchlist... I looked at the Watchlist plugin code, but didnt fine any... anyways its not required at present...