Osclass forums

Support forums => Tips, tricks, and tutorials => Topic started by: RajaSekar on October 25, 2011, 06:27:20 pm

Title: RollOver Map Video Tutorial!
Post by: RajaSekar on October 25, 2011, 06:27:20 pm
Watch the video tutorial to make your own rollover map plugin

Requirement: Macromedia Dreamweaver

(http://s1.postimage.org/sxbaxabda/Roll_Over_Map.jpg)

Download Link: http://www.4shared.com/file/8eGMqOC3/RollOver_Map_Tutorial_by_RajaS.html

New download link: https://rapidshare.com/#!download|416|1521106452|RollOver_Map_Tutorial_by_RajaSekar.zip|10934 (https://rapidshare.com/#!download|416|1521106452|RollOver_Map_Tutorial_by_RajaSekar.zip|10934)

Sample map attached below

I hope it will be useful
Title: Re: RollOver Map Video Tutorial!
Post by: BuySellAndSwap on October 25, 2011, 11:28:21 pm
Is it only possible with dreamweaver?
Title: Re: RollOver Map Video Tutorial!
Post by: BuySellAndSwap on October 25, 2011, 11:50:56 pm
I just downloaded a copy of dreamweaver now so it should be ok now

thank you
Title: Re: RollOver Map Video Tutorial!
Post by: RajaSekar on October 26, 2011, 10:40:43 am

You can try also CoffeeCup Image Mapper(shareware)
Title: Re: RollOver Map Video Tutorial!
Post by: vikas on October 26, 2011, 11:47:17 am
Download link not working 

 http://www.4shared.com/file/8eGMqOC3/RollOver_Map_Tutorial_by_RajaS.html
Title: Re: RollOver Map Video Tutorial!
Post by: BuySellAndSwap on October 26, 2011, 11:49:43 am
I downloaded it no problem it just took a while
Title: Re: RollOver Map Video Tutorial!
Post by: RajaSekar on October 26, 2011, 01:39:21 pm
@vikas

New download link: https://rapidshare.com/#!download|416|1521106452|RollOver_Map_Tutorial_by_RajaSekar.zip|10934 (https://rapidshare.com/#!download|416|1521106452|RollOver_Map_Tutorial_by_RajaSekar.zip|10934)
Title: Re: RollOver Map Video Tutorial!
Post by: vikas on October 26, 2011, 01:53:23 pm
Thank uu  :)
Title: Re: RollOver Map Video Tutorial!
Post by: Juan Ramón on October 26, 2011, 03:36:01 pm
Maybe it would be better to upload the video to youtube? :)
Title: Re: RollOver Map Video Tutorial!
Post by: vikas on October 26, 2011, 10:29:24 pm
http://www.youtube.com/watch?v=oQUga0J0E9E
Title: Re: RollOver Map Video Tutorial!
Post by: ken on October 27, 2011, 04:09:30 am
@vikas or RajaSekar,

I like the background picture of the abandoned train. Where can I get that picture?

sorry for going off the topic.

Thanks,

Ken
Title: Re: RollOver Map Video Tutorial!
Post by: RajaSekar on October 27, 2011, 02:08:25 pm
@ken

Background train image

http://s7.postimage.org/gz0d5rex6/3_D_Abstract_art_hd_wallpaper_3.jpg
Title: Re: RollOver Map Video Tutorial!
Post by: ken on October 28, 2011, 09:08:31 am
Thank you RajaSekar!
Title: Re: RollOver Map Video Tutorial!
Post by: rockitman187 on November 01, 2011, 11:50:38 pm
Here is the US map version
Title: Re: RollOver Map Video Tutorial!
Post by: RajaSekar on November 08, 2011, 04:39:26 pm

India map download it from attachment

Title: Re: RollOver Map Video Tutorial!
Post by: vikas on November 09, 2011, 12:32:58 pm
Thank u RajaSekar  :)
Title: Re: RollOver Map Video Tutorial!
Post by: Juan Ramón on November 16, 2011, 04:41:24 am
http://www.youtube.com/watch?v=oQUga0J0E9E

It would be great if you can add to the title or description of the video the word OSClass. Just in case someone search this in youtube.
Title: Re: RollOver Map Video Tutorial!
Post by: FREELANCE GROUP LTD on December 21, 2011, 01:02:11 pm
how can i link the map to be connected to the areas that i have in my data base?
i have done so with my Ugandan map and it was just perfect. How do i make it possible that when clicked on the Map area or region, the user is able to sea the adverts in that particular area

                                 OR

how to show such locations besides the map?
Title: Re: RollOver Map Video Tutorial!
Post by: Acertijo on December 23, 2011, 07:45:56 pm
i have 2 areas with the same name but they are separated in the map, how can i make mouseover effect in both at the same time?
Title: Re: RollOver Map Video Tutorial!
Post by: FREELANCE GROUP LTD on December 24, 2011, 04:56:03 pm
Ugandan Map Please???
Title: Re: RollOver Map Video Tutorial!
Post by: ingo on December 30, 2011, 07:59:12 pm
@RajaSekar

Thank u, with you plugin/instructions it's realy easy to make own RollOver Map
Only one problem that I have is - can not make exact placement of Map on main page, see image,
any idea how to fix it?   



Thanks
Title: Re: RollOver Map Video Tutorial!
Post by: FREELANCE GROUP LTD on January 01, 2012, 05:16:39 pm
ugandan map. here in Africa we also use OSCLASS. think about US
Title: Re: RollOver Map Video Tutorial!
Post by: komir on January 07, 2012, 11:29:43 pm
post one actual map in jpg and I will create rollover map for you  ;)
------------------------------
Vrhunski web dizajn (https://www.domidona-it.hr)
Web Hosting (https://www.web-hosting.work)
Title: Re: RollOver Map Video Tutorial!
Post by: FREELANCE GROUP LTD on January 10, 2012, 08:14:37 pm
I AM uPLOADING A MAP FOR UGANDA KOMIR
Title: Re: RollOver Map Video Tutorial!
Post by: HimSelf on January 13, 2012, 03:59:21 pm
Hello,

Can someone do it for belgium ?
i'm not using dreamweaver i only use notepad ++

belgium map :

(http://www.annuairepro-belgique.be/images/index/map_belgique.gif)

thanks a lot for taking care and best wishes for 2102 classifields sites !
Title: Re: RollOver Map Video Tutorial!
Post by: alexxx405 on January 21, 2012, 10:13:34 pm
Hi! How to make and regions in the menu on the map at the same time showed???

Sorry for my english :)

(http://img9.imageshack.us/img9/9519/stpcd.png)
Title: Re: RollOver Map Video Tutorial!
Post by: badjudja on January 29, 2012, 07:50:47 pm
hello i make my own map but i need the sample_map plugin where i get it


PS: I have found thanks
Title: Re: RollOver Map Video Tutorial!
Post by: FREELANCE GROUP LTD on February 02, 2012, 03:40:08 pm
Making a roll Over map is one thing and making a Clickable map for ads is another thing. Guys, Rajasekar we need to know/ learn how to make the map Clickable for the categories. Otherwise, the map is not good enough
Title: Re: RollOver Map Video Tutorial!
Post by: adurls on February 05, 2012, 08:53:25 am
Please Re upload all this sample maps.
Title: Re: RollOver Map Video Tutorial!
Post by: RajaSekar on February 05, 2012, 10:48:46 am
Making a roll Over map is one thing and making a Clickable map for ads is another thing. Guys, Rajasekar we need to know/ learn how to make the map Clickable for the categories. Otherwise, the map is not good enough

Click the below link to see the screenshot where to add  Region Link

http://s1.postimage.org/sxbaxabda/Roll_Over_Map.jpg
Title: Re: RollOver Map Video Tutorial!
Post by: RajaSekar on February 05, 2012, 10:50:22 am
Please Re upload all this sample maps.

@adurls

Download it from first post
Title: Re: RollOver Map Video Tutorial!
Post by: FREELANCE GROUP LTD on February 05, 2012, 07:29:01 pm
Rajasekar Thank you. i had not seen that step of adding regions. Now its alright. visit my site and see http://www.aduganda.info
Title: Re: RollOver Map Video Tutorial!
Post by: mario97 on February 13, 2012, 07:59:32 pm
Guys I saw the video and I realized my map, but when I call with "<?php sample_map(); ?>" I get this error:
Code: [Select]
Fatal error: Call to undefined function sample_map() in /membri/annunciomania/oc-content/themes/bcute/main.php on line 16Why? Attached is my map.
Title: Re: RollOver Map Video Tutorial!
Post by: RajaSekar on February 13, 2012, 08:09:45 pm

@mario97

You made mistake on line 48 in index.php

use double quotes not use single quotes

Error on region param and alt tag
Title: Re: RollOver Map Video Tutorial!
Post by: mario97 on February 13, 2012, 08:55:38 pm
Line 48 is this:
Code: [Select]
<area shape="poly" coords="63,54,58,67,56,63,54,66,46,68,37,70,37,70,36,66,32,56,32,56,33,56,28,55,36,53,49,50,52,49,58,53" href="annunciomania.altervista.org/index.php?page=search&amp;sRegion=Valle d'Aosta" alt="Valle d'Aosta" />where is the mistake?

EDIT: Solved...  ;)
Title: Re: RollOver Map Video Tutorial!
Post by: greenday on February 24, 2012, 11:43:25 pm
Indian maps you attached are giving 404 error, please reupload them. please please please.
Title: Re: RollOver Map Video Tutorial!
Post by: asimshaz on May 01, 2012, 11:29:40 pm
please help from where can i get the pakistan map version?
Title: Re: RollOver Map Video Tutorial!
Post by: negotiator on May 10, 2012, 02:33:56 pm
Hi Raja,
your download link doesn't works
Quote
India map download it from attachment

pls re-upload it
thanks
Kawaljeet
Title: Re: RollOver Map Video Tutorial!
Post by: RajaSekar on May 11, 2012, 05:42:17 pm
Hi Raja,
your download link doesn't works
Quote
India map download it from attachment

pls re-upload it
thanks
Kawaljeet

Sorry! i don't have any backup

wait someone will upload or you can make a own rollover map like in the video tutorial.

Title: Re: RollOver Map Video Tutorial!
Post by: asimshaz on May 11, 2012, 07:54:41 pm
is there any map for pakistan?
Title: Re: RollOver Map Video Tutorial!
Post by: vyper on May 29, 2012, 09:34:44 pm
It is possible to change color of region from right sidebar when go with mouse to on region from rollover map?

For example when go to rollover map to a region, name of region from right sidebar to make red, blue etc...
Title: Re: RollOver Map Video Tutorial!
Post by: vyper on May 30, 2012, 05:09:57 pm
Hi! How to make and regions in the menu on the map at the same time showed???

Sorry for my english :)

(http://img9.imageshack.us/img9/9519/stpcd.png)

Any help to make map like this?

I have the map, I can press for each region an link to region and work. But I want to make map like in the picture
Title: Re: RollOver Map Video Tutorial!
Post by: vyper on May 30, 2012, 11:01:30 pm
any idea how to make like in the picture??
Title: Re: RollOver Map Video Tutorial!
Post by: asimshaz on June 12, 2012, 10:54:55 pm
Fatal error: Call to undefined function sample_map() in /home/a661895/public_html/oc-content/themes/bcute/main.php on line 16
  why?
Title: Re: RollOver Map Video Tutorial!
Post by: trains58554 on June 12, 2012, 10:57:42 pm
You could be getting this error for a couple of reasons.

1 the function name is not spelled right?

2 the plugin is not installed so the function does not exist.

Jay
Title: Re: RollOver Map Video Tutorial!
Post by: adsjapan on June 13, 2012, 08:40:47 am
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.
Title: Re: RollOver Map Video Tutorial!
Post by: asimshaz on June 17, 2012, 01:39:48 pm
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/
Title: Re: RollOver Map Video Tutorial!
Post by: zombie on August 25, 2012, 12:06:17 am
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?
Title: Re: RollOver Map Video Tutorial!
Post by: sal on September 20, 2012, 01:21:32 pm
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
Title: Re: RollOver Map Video Tutorial!
Post by: serjuc11111 on October 11, 2012, 07:37:53 pm
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?
Title: Re: RollOver Map Video Tutorial!
Post by: serjuc11111 on October 12, 2012, 12:25:38 pm
hy again!my sample_map image is not loading?any ideea?
Title: Re: RollOver Map Video Tutorial!
Post by: shamal on March 23, 2013, 11:37:16 am
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?

Title: Re: RollOver Map Video Tutorial!
Post by: shamal on March 23, 2013, 06:54:15 pm
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
Title: Re: RollOver Map Video Tutorial!
Post by: Silent Reader on May 30, 2013, 01:42:07 pm
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?
Title: Re: RollOver Map Video Tutorial!
Post by: buntai on June 03, 2013, 08:28:52 pm
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 (http://iklan2u.my)
Title: Re: RollOver Map Video Tutorial!
Post by: satya on June 18, 2013, 11:27:37 am
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
Title: Re: RollOver Map Video Tutorial!
Post by: teseo on June 18, 2013, 02:16:01 pm
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

Title: Re: RollOver Map Video Tutorial!
Post by: satya on June 18, 2013, 03:09:50 pm
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') ; ?>

Title: Re: RollOver Map Video Tutorial!
Post by: teseo on June 18, 2013, 03:31:50 pm
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
Title: Re: RollOver Map Video Tutorial!
Post by: satya on June 18, 2013, 05:02:15 pm
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...
Title: Re: RollOver Map Video Tutorial!
Post by: teseo on June 18, 2013, 05:33:23 pm
Glad to hear that. :) Look at your index.php in watchlist plugin folder and check out in line 6 if you have latest version 1.0.6. Otherwise, simply uninstall Watchlist if you still don't have any user using it, download from Market and activate it. Then see if your page is still working fine.

Regards

Title: Re: RollOver Map Video Tutorial!
Post by: dineshmodi247 on July 02, 2013, 10:51:14 pm
Need India map
Links are dead
kindly re upload
Title: Re: RollOver Map Video Tutorial!
Post by: plesk on October 24, 2013, 06:17:23 pm
hello

possible to have the map of France please thank you
Title: Re: RollOver Map Video Tutorial!
Post by: plesk on November 03, 2013, 10:40:09 pm
good evening
can you help me create a map France thank you
Title: Re: RollOver Map Video Tutorial!
Post by: trench37716 on November 28, 2013, 07:04:08 pm
Can someone please help me to prepare a roll over map for my country "Liberia"? I am new here and really have interest.
Title: Re: RollOver Map Video Tutorial!
Post by: johannesstromberg on January 24, 2014, 02:55:32 am
(http://s30.postimg.org/i4j1rja2p/Untitled.jpg)

I just fixed it:

In osclass\htdocs\oc-content\themes\italia
than map.php
Title: Re: RollOver Map Video Tutorial!
Post by: abderrmaster on February 22, 2014, 09:16:58 pm

India map download it from attachment

hi  raja thxx for your help in advance i want a mape of morocco can you help mr please  :)
Title: Re: RollOver Map Video Tutorial!
Post by: abderrmaster on February 27, 2014, 03:49:46 pm
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.
please can you create to me a map of morocco like your map please  and thank's in advance