File Manager

Editing File: /home/cienp/public_html/portal/vendors/jqvmap/examples/continents.html

<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  <head>
    <title>JQVMap - World Map</title>
    <meta content="text/html; charset=utf-8" http-equiv="Content-Type">

jQuery('#vmap-asia').vectorMap({
          map: 'asia_en',
          backgroundColor: '#333333',
          color: '#ffffff',
          hoverOpacity: 0.7,
          selectedColor: '#666666',
          enableZoom: true,
          showTooltip: true,
          values: sample_data,
          scaleColors: ['#C8EEFF', '#006491'],
          normalizeFunction: 'polynomial'
        });
        jQuery('#vmap-europe').vectorMap({
          map: 'europe_en',
          backgroundColor: '#333333',
          color: '#ffffff',
          hoverOpacity: 0.7,
          selectedColor: '#666666',
          enableZoom: true,
          showTooltip: true,
          values: sample_data,
          scaleColors: ['#C8EEFF', '#006491'],
          normalizeFunction: 'polynomial'
        });
        jQuery('#vmap-australia').vectorMap({
          map: 'australia_en',
          backgroundColor: '#333333',
          color: '#ffffff',
          hoverOpacity: 0.7,
          selectedColor: '#666666',
          enableZoom: true,
          showTooltip: true,
          values: sample_data,
          scaleColors: ['#C8EEFF', '#006491'],
          normalizeFunction: 'polynomial'
        });
        jQuery('#vmap-africa').vectorMap({
          map: 'africa_en',
          backgroundColor: '#333333',
          color: '#ffffff',
          hoverOpacity: 0.7,
          selectedColor: '#666666',
          enableZoom: true,
          showTooltip: true,
          values: sample_data,
          scaleColors: ['#C8EEFF', '#006491'],
          normalizeFunction: 'polynomial'
        });
        jQuery('#vmap-northamerica').vectorMap({
          map: 'north-america_en',
          backgroundColor: '#333333',
          color: '#ffffff',
          hoverOpacity: 0.7,
          selectedColor: '#666666',
          enableZoom: true,
          showTooltip: true,
          values: sample_data,
          scaleColors: ['#C8EEFF', '#006491'],
          normalizeFunction: 'polynomial'
        });
        jQuery('#vmap-southamerica').vectorMap({
          map: 'south-america_en',
          backgroundColor: '#333333',
          color: '#ffffff',
          hoverOpacity: 0.7,
          selectedColor: '#666666',
          enableZoom: true,
          showTooltip: true,
          values: sample_data,
          scaleColors: ['#C8EEFF', '#006491'],
          normalizeFunction: 'polynomial'
        });
      });
    </script>
    <style>
      * {
        margin: 0;
        padding: 0;
      }

h2 {
        background: none repeat scroll 0 0 #cccccc;
        border: 1px solid #aaaaaa;
        border-top-left-radius: 5px;
        border-top-right-radius: 5px;
        float: left;
        padding: 5px;
        font-size: 20px;
        font-weight: normal;
        cursor: pointer;
      }

h2.tab-selected {
        background: #888888;
        border: 1px solid #000000;
      }

.map {
        position: absolute;
        z-index: 0;
        left: 0;
        top: 35px;
      }
    </style>
  </head>
  <body>
    <h2 id="asia">Asia</h2>

<div class="map">
      <div id="vmap-asia" style="width: 600px; height: 400px;"></div>
    </div>
    <h2 id="europe">Europe</h2>

<div class="map">
      <div id="vmap-europe" style="width: 600px; height: 400px;"></div>
    </div>
    <h2 id="australia">Australia</h2>

<div class="map">
      <div id="vmap-australia" style="width: 600px; height: 400px;"></div>
    </div>
    <h2 id="africa">Africa</h2>

<div class="map">
      <div id="vmap-africa" style="width: 600px; height: 400px;"></div>
    </div>
    <h2 id="northamerica">North America</h2>

<div class="map">
      <div id="vmap-northamerica" style="width: 600px; height: 400px;"></div>
    </div>
    <h2 id="southamerica">South America</h2>

Back to Directory File Manager