Adding in HTML from other websites

  • Unknown's avatar
    queenietk · Member ·

    Hi! Sorry, I can hardly understand HTML but I have a basic grasp, so bear with me. I was creating an interactive map on this website – http://www.amcharts.com/visited_countries/
    and when I finished, it had a box full of HTML that it said I could just copy and paste onto any website and the map would appear. So I went, created a new page on my blog, made sure I was editing under the HTML tab, and pasted the code. But it didn’t work! Only one section worked, which was a link to the website. Then I looked at the HTML and there was a huge section with lots of spaces and none of those greater than or equal to signs. I fiddled around, removed stuff, still nothing happened, it was just a huge blank space. I don’t know if I can post the coding here, but I’ll try (probably won’t work, but whatever):

    <script src=”http://cdn.amcharts.com/lib/3/ammap.js” type=”text/javascript”></script>
    <script src=”http://cdn.amcharts.com/lib/3/maps/js/worldHigh.js” type=”text/javascript”></script>
    <script src=”http://cdn.amcharts.com/lib/3/themes/dark.js” type=”text/javascript”></script>
    <div id=”mapdiv” style=”width: 1000px; height: 450px;”></div>
    <div style=”width: 1000px; font-size: 70%; padding: 5px 0; text-align: center; background-color: #FFFFFF; margin-top: 1px; color: #C4C4C4;”>Create your own visited countries map or check out the JavaScript Charts.</div>
    <script type=”text/javascript”>
    var map = AmCharts.makeChart(“mapdiv”,{
    type: “map”,
    theme: “dark”,
    pathToImages : “http://cdn.amcharts.com/lib/3/images/”,
    panEventsEnabled : true,
    backgroundColor : “#FFFFFF”,
    backgroundAlpha : 1,
    zoomControl: {
    panControlEnabled : false,
    zoomControlEnabled : false
    },
    dataProvider : {
    map : “worldHigh”,
    getAreasFromMap : true,
    areas :
    [
    {
    “id”: “CA”,
    “showAsSelected”: true
    },
    {
    “id”: “US”,
    “showAsSelected”: true
    },
    {
    “id”: “ID”,
    “showAsSelected”: true
    },
    {
    “id”: “JP”,
    “showAsSelected”: true
    },
    {
    “id”: “NP”,
    “showAsSelected”: true
    },
    {
    “id”: “AU”,
    “showAsSelected”: true
    },
    {
    “id”: “FJ”,
    “showAsSelected”: true
    }
    ]
    },
    areasSettings : {
    autoZoom : true,
    color : “#C4C4C4”,
    colorSolid : “#84E8E8”,
    selectedColor : “#84E8E8”,
    outlineColor : “#6B6B6B”,
    rollOverColor : “#FFFFFF”,
    rollOverOutlineColor : “#000000”
    }
    });
    </script>

    (Code above)
    Is there any reason as to why it wouldn’t be appearing, and how can I fix it? Thanks so much!

    The blog I need help with is: (visible only to logged in users)

  • staff-happychia · Staff ·

    <script> is one of the prohibited tags. So WordPress.com will automatically strip <script> and other prohibited tags.

    You can read more about the prohibited tags and why they are removed, in this support guide: https://en.support.wordpress.com/code/

  • The topic ‘Adding in HTML from other websites’ is closed to new replies.