_SAi_ Posted January 6, 2007 Share Posted January 6, 2007 Hello,I have a bit of html I would like to link to instead of having my page load it:[code]<div id="plugin" onmousedown="HSVslide('drag','plugin',event)" style="TOP: 240px; LEFT: 430px; Z-INDEX: 20;"> <div id="plugHEX" onmousedown="stop=0; setTimeout('stop=1',100);">F1FFCC</div> <div id="plugCLOSE">Background Colour</div><br> <div id="SV" onmousedown="HSVslide('SVslide','plugin',event)" title="Saturation + Value"> <div id="SVslide" style="TOP: -4px; LEFT: -4px;"><br /></div> </div> <form id="H" onmousedown="HSVslide('Hslide','plugin',event)" title="Hue"> <div id="Hslide" style="TOP: -7px; LEFT: -8px;"><br /></div> <div id="Hmodel"></div> </form></div>[/code]I would like to link to it so I tried this without anything happening.In my <head> section I created a function:[code]<script type="text/javascript"> function callBGhex() { document.write('<div id="plugin" onmousedown="HSVslide('drag','plugin',event)" style="TOP: 140px; LEFT: 430px; Z-INDEX: 20;">'); document.write('<div id="plugHEX" onmousedown="stop=0; setTimeout('stop=1',100);">F1FFCC</div><div id="plugCLOSE" onmousedown="toggle('plugin')">X</div><br>'); document.write('<div id="SV" onmousedown="HSVslide('SVslide','plugin',event)" title="Saturation + Value">'); document.write('<div id="SVslide" style="TOP: -4px; LEFT: -4px;"><br /></div>'); document.write('</div>'); document.write('<form id="H" onmousedown="HSVslide('Hslide','plugin',event)" title="Hue">'); document.write('<div id="Hslide" style="TOP: -7px; LEFT: -8px;"><br /></div>'); document.write('<div id="Hmodel"></div>'); document.write('</form>'); document.write('</div>'); } </script>[/code]And then for my link in the <body> section I used:[code]<a href="javascript:onMouseUp=callBGhex();">Show IT!!</a>[/code]Am I forgetting something or is something wrong?Thank you! Quote Link to comment Share on other sites More sharing options...
irken Posted January 6, 2007 Share Posted January 6, 2007 Formatting HTML output is always anoying.. this should work (tested in IE7) tho, but there's an error somewhere when it's done displaying ::). I can't find it. Need a new pair of eyes![code]<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"><html> <head> <meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1"> <title>Test</title> <script language="javascript" type="text/javascript"> <!-- function writeHTML() { var html = ''; html += '<div id="plugin" onmousedown="HSVslide(\'drag\',\'plugin\',event)" style="TOP: 240px; LEFT: 430px; Z-INDEX: 20;">'; html += ' <div id="plugHEX" onmousedown="stop=0; setTimeout(\'stop=1\',100);">F1FFCC<\/div>'; html += ' <div id="plugCLOSE">Background Colour<\/div><br>'; html += ' <div id="SV" onmousedown="HSVslide(\'SVslide\',\'plugin\',event)" title="Saturation + Value">'; html += ' <div id="SVslide" style="TOP: -4px; LEFT: -4px;"><br \/><\/div>'; html += ' <\/div>'; html += ' '; html += ' <form id="H" onmousedown="HSVslide(\'Hslide\',\'plugin\',event)" title="Hue">'; html += ' <div id="Hslide" style="TOP: -7px; LEFT: -8px;"><br \/><\/div>'; html += ' <div id="Hmodel"><\/div>'; html += ' <\/form>'; html += '<\/div>'; // Write it out document.write(html); } //--> </script> </head> <body> <p><a href="javascript:writeHTML();">Click</a></p> </body></html>[/code] Quote Link to comment Share on other sites More sharing options...
_SAi_ Posted January 6, 2007 Author Share Posted January 6, 2007 Thanks,But this appears to load a new page. I was hoping to add it to the existing page. Is there a way to do that? Quote Link to comment Share on other sites More sharing options...
irken Posted January 7, 2007 Share Posted January 7, 2007 [quote author=_SAi_ link=topic=121223.msg498220#msg498220 date=1168105698]Thanks,But this appears to load a new page. I was hoping to add it to the existing page. Is there a way to do that?[/quote]Hmm, you should just be able to use innerHTML on a div for example. Something like (I have not tested)[code]<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"><html> <head> <meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1"> <title>Test</title> <script language="javascript" type="text/javascript"> <!-- function writeHTML() { var html = ''; html += '<div id="plugin" onmousedown="HSVslide(\'drag\',\'plugin\',event)" style="TOP: 240px; LEFT: 430px; Z-INDEX: 20;">'; html += ' <div id="plugHEX" onmousedown="stop=0; setTimeout(\'stop=1\',100);">F1FFCC<\/div>'; html += ' <div id="plugCLOSE">Background Colour<\/div><br>'; html += ' <div id="SV" onmousedown="HSVslide(\'SVslide\',\'plugin\',event)" title="Saturation + Value">'; html += ' <div id="SVslide" style="TOP: -4px; LEFT: -4px;"><br \/><\/div>'; html += ' <\/div>'; html += ' '; html += ' <form id="H" onmousedown="HSVslide(\'Hslide\',\'plugin\',event)" title="Hue">'; html += ' <div id="Hslide" style="TOP: -7px; LEFT: -8px;"><br \/><\/div>'; html += ' <div id="Hmodel"><\/div>'; html += ' <\/form>'; html += '<\/div>'; var divToShowHtml = document.getElementById("htmlhereplease"); if (divToShowHtml) { // Write it out divToShowHtml.innerHTML = html; } else { // couldn't find div.. ? } } //--> </script> </head> <body> <p><a href="javascript:writeHTML();">Click</a></p> <div id="htmlhereplease"> Magic happens! </div> </body></html>[/code] Quote Link to comment Share on other sites More sharing options...
Recommended Posts
Join the conversation
You can post now and register later. If you have an account, sign in now to post with your account.