Tek-Tips is the largest IT community on the Internet today!

Members share and learn making Tek-Tips Forums the best source of peer-reviewed technical information on the Internet!

Register Log in
  • Congratulations Mike Lewis on being selected by the Tek-Tips community for having the most helpful posts in the forums last week. Way to Go!

Open / Close Div NOT working

Status
Not open for further replies.
hiyatran

hiyatran

Technical User
Aug 7, 2010
21
CA
My code works but when I put an image in there my code doesn't work anymore.

<html>
<head>
<style type="text/css">
.planType{display:none; width:600px}

</style>

<script type="text/javascript">
<!--
function planTypeOpen(planID) {
document.getElementById('info_' + planID).style.display = "block";
document.getElementById('title_' + planID).innerHTML="<a href=\"javascript:planTypeClose('" + planID + "');\">Check this out" + "</a>";
}

function planTypeClose(planID) {
document.getElementById('info_' + planID).style.display = "none";
document.getElementById('title_' + planID).innerHTML="<a href=\"javascript:planTypeOpen('" + planID + "');\">Check this out" + "</a>";
}
//-->
</script>
</head>


<body>

<div id="title_1"><a href="javascript:planTypeOpen('1');">Check this out</a></div>
<div id="info_1" class="planType">
You can't see me...<br>
Or Can you??
</div>

</body>
</html>
Click to expand...

any comments would be greatly appreciated.

 
Sort by date Sort by votes
I would like to insert an image in my javascript function but it does NOT work. So it goes like this...

document.getElementById('title_' + planID).innerHTML="<a href=\"javascript:planTypeClose('" + planID + "');\">Check this out" + "</a>" + "<img src="image.jpg">";

any ideas??

 
Upvote 0 Downvote
hmm.
you know enough to escape the quotes in the href attribute of the 'a' element
but you don't escape the quotes in the src attribute of the 'image' element
 
Upvote 0 Downvote
Status
Not open for further replies.

Similar threads

JScannell
  • Locked
  • Question
Programmatically inserting a newline in a &lt;textarea&gt;, &lt;span&gt;, or &lt;div&gt;
Replies
5
Views
660
ggriffit
ggriffit
penguinspeaks
  • Locked
  • Question
JS Open print dialog page to print a file
Replies
0
Views
148
penguinspeaks
penguinspeaks
tonynsx
  • Locked
  • Question
document.getElementById(&quot;main&quot;).innerHTML not working
Replies
1
Views
111
ggriffit
ggriffit
HansMaulwurf
  • Locked
  • Question
AJAX not working after database migration from MySQL to SQL Server ( Undefined index)
Replies
0
Views
86
HansMaulwurf
HansMaulwurf
rogerte
  • Locked
  • Question
Javascript updating form control not working
Replies
3
Views
146
rogerte
rogerte

Part and Inventory Search

Sponsor

Back
Top