Implementing Javascript Map in a Page

  • ArtBookAddicts

    (@artbookaddicts)


    15 years, 4 months ago

    Hi guys, i bought a javascript USA map to use on one of my WP websites, but can’t get it to work…

    This is how the map should look like:
    http://artbookaddicts.com/NCPics/usamap1.png

    And here’s an overview of the included files:
    http://artbookaddicts.com/NCPics/usamap2.png

    I want to implement the map on a wordpress page, but something goes wrong, here’s how i tried to do it:
    Upload the css file and the javascript file to my wordpress directory with FileZilla
    Change the location of the above 2 files in the index.html code
    Copy the edited index.html code into a new wordpress page (note that i paste this in the HTML view, not the visual view)

    When i go to the newly created page, the code is visible and the map is not showing (only the borders of where it should be are visible) … not exactly what i’m trying to achieve…

    I assume the problem is that you can only put html in the Page HTML box, and as far as my coding knowledge goes, there’s some css in it too. Is there a way to put the index.html file in the theme directory and bring it up on a page with a HTML shortcode?

    Any help would be very much appreciated. I can post the code if you want, just ask…

Viewing 5 replies - 1 through 5 (of 5 total)
  • esmi

    (@esmi)

    15 years, 4 months ago

    http://codex.wordpress.org/Using_Javascript
    http://codex.wordpress.org/Function_Reference/wp_enqueue_script

    Thread Starter ArtBookAddicts

    (@artbookaddicts)

    15 years, 4 months ago

    Thanx for the help esmi, much appreciated. However, i simply don’t understand everything that is written there, even after taking a good look at it.

    I’ve posted the <head> part of the index.html below, from what i know about web programming, this seems to be xml… A step-by-step instruction would be great, and i’m willing to pay for a little help, mail me at [email removed]

    <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
		<title>Usamap</title>
		<link rel="stylesheet" <strong>href="css/style.css"</strong> type="text/css" media="screen"/>
		<script type="text/javascript" src="http://www.google.com/jsapi"></script>
		<script type="text/javascript">google.load('jquery', '1');</script>
		<script type="text/javascript" <strong>src="js/usamap.js"</strong>></script>
	</head>
    esmi

    (@esmi)

    15 years, 4 months ago

    It’s XHTML and I’d suggest looking at wp_enqueue_script if you intend to use jQuery.

    Thread Starter ArtBookAddicts

    (@artbookaddicts)

    15 years, 4 months ago

    Thanks again esmi, but with the best effort in the world, i simply don’t understand this. The only thing i can do with code is post an image, a link and make paragraphs, so you have to understand this looks like chinese to me…

    I paid for the map, and all it came with was the following, no instructions were included as it’s not specifically designed for WP.
    – the index.html
    – the css file
    – the javascript file (usamap.js)

    Again, if someone could implement this for me on one particular page of my site, i’m willing to pay for the time you spend on it…

    esmi

    (@esmi)

    15 years, 4 months ago

    Try http://jobs.wordpress.net/
    Topic now closed as per the Forum Rules

Viewing 5 replies - 1 through 5 (of 5 total)

The topic ‘Implementing Javascript Map in a Page’ is closed to new replies.