Tech Off Thread

7 posts

Forum Read Only

This forum has been made read only by the site admins. No new threads or comments can be added.

Map with links

Back to Forum: Tech Off
  • User profile image
    The Dealman

    I have a actual map of the u.s and the purpose is to list the locations of the company offices

    the code goes something like this

    <map name="Map3">
                      <b>
                      <font size="2">
                      <area shape="poly" coords="407, 161, 423, 154, 433, 163, 436, 158, 445, 164, 438, 169, 430, 169, 424, 165, 417, 163, 413, 162, 413, 160" nohref>
                      <area shape="poly" coords="259, 244, 288, 241, 296, 247, 296, 259, 290, 267, 290, 276, 268, 275, 260, 270, 257, 244" nohref>
                      <area shape="poly" coords="325, 296, 374, 294, 395, 325, 400, 339, 391, 345, 381, 340, 373, 332, 370, 323, 371, 317, 367, 309, 357, 304, 348, 304, 336, 307, 324, 304, 321, 304, 326, 297" target="_blank" href="locations/miami.htm">
                      <area shape="poly" coords="337, 256, 352, 253, 364, 266, 376, 273, 374, 286, 366, 293, 354, 293, 345, 292, 345, 275, 338, 266, 338, 258" nohref>
                      <area shape="poly" coords="354, 252, 368, 248, 380, 249, 391, 254, 394, 263, 381, 275, 373, 273, 366, 263, 355, 256, 354, 253" nohref>
                      <area shape="poly" coords="358, 238, 409, 229, 410, 238, 410, 241, 402, 246, 396, 256, 391, 259, 385, 251, 375, 249, 370, 248, 363, 248, 355, 250, 346, 253, 340, 253, 357, 239" nohref>
                      <area shape="poly" coords="372, 170, 372, 166, 380, 161, 387, 158, 390, 157, 390, 152, 390, 146, 401, 141, 404, 145, 410, 158, 411, 165, 409, 173, 400, 172, 383, 172, 374, 172, 371, 171" nohref>
                      <area shape="poly" coords="415, 165, 423, 165, 424, 172, 420, 178, 413, 179, 413, 171, 413, 166" nohref>
                      <area shape="poly" coords="360, 223, 370, 221, 374, 217, 377, 213, 377, 209, 380, 209, 385, 206, 386, 200, 397, 208, 406, 218, 413, 225, 357, 232, 359, 226, 367, 221" nohref>
                      <area shape="poly" coords="402, 177, 410, 177, 413, 179, 415, 187, 415, 191, 411, 195, 406, 195, 406, 189, 406, 183, 403, 180, 402, 177" nohref>
                      <area shape="poly" coords="373, 198, 381, 197, 389, 192, 398, 192, 400, 193, 399, 205, 404, 207, 404, 214, 404, 215, 395, 206, 391, 203, 383, 201, 379, 202, 377, 201, 371, 198" nohref>
                      <area shape="poly" coords="360, 180, 367, 176, 387, 175, 397, 175, 402, 179, 399, 184, 403, 188, 403, 193, 395, 194, 381, 194, 372, 196, 369, 198, 363, 200, 359, 181" nohref>
                      <area shape="poly" coords="328, 185, 337, 184, 345, 187, 354, 184, 357, 180, 362, 190, 362, 202, 353, 205, 353, 211, 347, 211, 341, 211, 334, 209, 331, 207, 328, 184" nohref>
                      <area shape="poly" coords="307, 182, 315, 190, 323, 183, 333, 191, 333, 206, 332, 214, 320, 218, 314, 224, 315, 212, 315, 196, 314, 188" nohref>
                      <area shape="poly" coords="316, 189, 320, 179, 320, 171, 317, 168, 317, 159, 327, 153, 327, 148, 336, 152, 336, 160, 335, 169, 338, 169, 345, 163, 347, 169, 344, 180, 340, 186, 332, 186, 319, 186" nohref>
                      <area shape="poly" coords="300, 139, 306, 142, 312, 138, 318, 137, 326, 142, 312, 145, 305, 152, 302, 156, 299, 152, 297, 146, 291, 146, 285, 143, 295, 137, 297, 138" nohref>
                      <area shape="poly" coords="292, 180, 308, 179, 313, 169, 314, 156, 307, 160, 300, 148, 289, 148, 283, 140, 271, 151, 272, 160, 280, 166, 287, 174, 287, 180, 292, 180" nohref>
                      <area shape="poly" coords="287, 187, 303, 184, 313, 220, 311, 225, 305, 232, 303, 238, 299, 241, 282, 210, 288, 187" nohref>
                      <area shape="poly" coords="303, 239, 306, 234, 314, 229, 321, 222, 332, 219, 337, 211, 344, 215, 354, 215, 357, 221, 357, 229, 355, 233, 302, 241" nohref>
                      <area shape="poly" coords="303, 243, 319, 242, 334, 240, 346, 238, 360, 235, 352, 241, 348, 244, 343, 250, 339, 255, 298, 258, 297, 254, 297, 249, 301, 242" nohref>
                      <area shape="poly" coords="312, 257, 334, 253, 343, 274, 340, 291, 321, 293, 321, 297, 316, 297, 310, 257" nohref>
                      <area shape="poly" coords="268, 279, 292, 278, 292, 284, 289, 295, 295, 295, 302, 296, 304, 301, 307, 309, 311, 315, 303, 316, 285, 311, 274, 311, 271, 309, 267, 277" nohref>
                      <area shape="poly" coords="247, 206, 278, 205, 289, 221, 293, 234, 300, 244, 292, 248, 285, 244, 274, 244, 262, 243, 256, 243, 255, 219, 247, 207" nohref>
                      <area shape="poly" coords="243, 174, 282, 177, 290, 190, 287, 198, 284, 202, 250, 201, 244, 187, 242, 174" nohref>
                      <area shape="poly" coords="238, 127, 256, 121, 259, 128, 268, 128, 277, 132, 283, 128, 289, 129, 292, 133, 267, 155, 270, 164, 283, 172, 280, 176, 244, 175, 240, 157, 244, 146, 238, 128" nohref>
                      <area shape="poly" coords="243, 355, 207, 316, 195, 317, 194, 323, 179, 319, 176, 306, 167, 293, 192, 293, 197, 251, 214, 251, 216, 270, 265, 283, 273, 301, 269, 315, 253, 329, 241, 338, 239, 353" nohref>
                      <area shape="poly" coords="194, 245, 256, 244, 260, 278, 214, 267, 216, 250, 195, 250, 195, 247" nohref>
                      <area shape="poly" coords="199, 214, 251, 210, 257, 218, 256, 239, 199, 240, 199, 215" nohref>
                      <area shape="poly" coords="188, 181, 228, 181, 234, 187, 239, 183, 255, 208, 203, 212, 200, 197, 187, 195, 187, 184" nohref>
                      <area shape="poly" coords="142, 236, 191, 239, 187, 288, 141, 290, 140, 234" nohref>
                      <area shape="poly" coords="151, 197, 200, 202, 201, 240, 145, 237, 151, 199" nohref>
                      <area shape="poly" coords="104, 232, 143, 239, 141, 291, 93, 272, 104, 235" nohref>
                      <area shape="poly" coords="112, 183, 137, 187, 135, 194, 148, 197, 142, 235, 106, 228, 112, 184" nohref>
                      <area shape="poly" coords="105, 110, 113, 110, 112, 124, 119, 133, 119, 143, 124, 150, 127, 155, 139, 156, 136, 184, 96, 176, 106, 109" nohref>
                      <area shape="poly" coords="70, 173, 112, 184, 103, 238, 100, 234, 99, 248, 66, 199, 71, 173" nohref>
                      <area shape="poly" coords="41, 168, 68, 175, 64, 197, 96, 247, 100, 253, 88, 262, 94, 267, 73, 267, 51, 243, 43, 220, 36, 186, 40, 170" nohref>
                      <area shape="poly" coords="56, 123, 65, 134, 80, 132, 99, 135, 104, 141, 98, 153, 95, 170, 45, 163, 43, 152, 56, 126" nohref>
                      <area shape="poly" coords="56, 125, 58, 105, 68, 110, 69, 117, 72, 116, 72, 107, 72, 104, 74, 102, 105, 110, 100, 136, 91, 133, 80, 133, 69, 133, 64, 133, 58, 126" nohref>
                      <area shape="rect" coords="447, 207, 517, 353" nohref>
                      <area shape="poly" coords="57, 40, 73, 99" href="#">
                      <area shape="poly" coords="64, 40, 78, 99, 254, 119, 293, 126, 332, 138, 350, 156, 355, 169, 392, 141, 422, 120, 440, 102, 450, 126, 485, 107, 542, 53, 63, 39" nohref>
                      <area shape="poly" coords="25, 280, 38, 262, 18, 227, 2, 224, 2, 249, 25, 280" nohref>
                      </map>

    The part that's in red works just fine but i want it to open in a seperate window that's maybe 80 x 80 how could i do that?

  • User profile image
    Cannot​Resolve​Symbol

    Use Javascript; either make a new window that has the specified dimensions or use the code you have now and put the Javascript to resize the window in the target page (i.e. locations/miami.htm)

  • User profile image
    The Dealman

    Example please?

  • User profile image
    The Dealman

    anyone?

  • User profile image
    Maurits

    External Javascript file popup_window.js:
    [code]

    function popup_window(
    URL,
    width,
    height,
    options
    )
    { var features;
    var the_window;

    if (options == "")
    {
    features =
    "width=" + width + ", " +
    "height=" + height + ", " +
    "toolbars=no, " +
    "titlebar=no, " +
    "menubar=no, " +
    "directories=no, " +
    "resizable=no, " +
    "status=no, " +
    "scrollbars=no";
    }
    else
    {
    features =
    "width=" + width +
    ", height=" + height +
    ", " + options;
    }

    the_window = window.open(
    URL,
    "_blank",
    features
    );

    return the_window;
    }
    [/code]

    In your HTML:

    <script src="/js/popup_window.js">
    </script>

    ...

    <a href="wherever" onclick="return !popup_window(this.href, 80, 80);" target="_blank">

    This works with non-Javascript user-agents too (but they don't have a predetermined size)

    If you want all the links to pop up in the same window change target="_blank" to target="citydetail" or something, in both the HTML and the Javascript.

  • User profile image
    Rake

    I tried that to but luck.

  • User profile image
    The Dealman

    well i gave up on it and did it in flash. It came out better for me, thanks anyway guys.

Conversation locked

This conversation has been locked by the site admins. No new comments can be made.