Question

I have this code that I’ve edited: http://pastebin.com/vrqHek6S
I’ve put in comments where I edited. Lines 75-75 & Lines 156-166

How would I get these edits from an external java-script file… I’ve tried for 3 hours to learn how to use “document.body.appendChild” “document.createElement” & “divTag.innerHTML” and I’ve gotten no where.

Thanks,
Andrew Pearson

ps. This is my first post so if I did something wrong please tell me

Edit: this is what i’ve tired http://pastebin.com/ZaJJYsPq

   Potatoswatter you are correct

Edit: Sorry guys its late and my mind just isn’t working how it should. What I’m trying to do is create Div and fill the div with the Lines I listed, but I want to do this with pure js since I can’t do any major edits on the html page (I can only add external js to the head.

Answer 1

From the little bit of JS you included, it looks like you’re trying to create a div through pure JS, but your JS is wrong.

divTag.innerHTML = "<a class=\"sidetab\" href=\"#tab_dynmap\" id=\"tabhead_dynmap\"><img src=\"Images/DynMap.png\" alt=\"DynMap\" /><span>DynMap</span></a>";

You need to escape your quotes.

—

How would I get these edits from an external java-script file.

I’d copy and paste…

Lines 75-75 & Lines 156-166

These lines do not contain any JS:

 <a class="sidetab" href="#tab_dynmap" id="tabhead_dynmap"><img src="Images/DynMap.png" alt="DynMap" /><span>DynMap</span></a>

<div class="tabarea" id="tab_dynmap">
                        <h3>DynMap</h3>
                        <img src="Images/Map.png" alt="dynmap" class="tabimg"/>
                        <div class="tabcontents">
                            <div id="mapArea">
                                                <iframe src="http://mc.zephyrgaming.net/Dynmap/" height="500px" width="100%"> </iframe>
                            </div>
                        </div>
                    </div>