Solved

Problem showing javascript Calendar control using innerHTML property of div tag

Posted on 2009-07-01
6
597 Views
Last Modified: 2012-05-07
I am getting error message while calling a javascript function on dropdown onchange event. The javascript function I called getIndex() is supposed to show jason's calendar control that in turn uses <script> tag using innerHTML property of <div> where I want to show this calendar control with some other HTML tags like <table>. I have tried <script defer> but that didn't helped.
The following error comes while loading this page:

Active Server Pages error 'ASP 0138'
Nested Script Block
/progress/request_search.asp, line 82
A script block cannot be placed inside another script block
<script language="javascript">
function getIndex()
{
var x=document.getElementById("mySelect");
var i=x.selectedIndex;
 
var selval=document.getElementById("frmcreaterequest").mySelect.options[i].value;
 
if (selval==3)
	{
	var sScript="<SCRIPT DEFER>";
	sScript = sScript + "DateInput('txtFromDate',true,'DD-MON-YYYY')";
	sScript = sScript + "</SCRIPT" + ">";
	
	document.getElementById("datearea").innerHTML=sScript;
	document.getElementById("datearea").style.display='block';
	}
	else if (selval==4)
	{
	document.getElementById("datearea").style.display='none';
	}
 
	else if (selval==1)
	{
	document.getElementById("datearea").style.display='none';
	}
 
	else if (selval==2)
	{
	document.getElementById("datearea").style.display='none';
	}
}
 
</script>

Open in new window

0
Comment
Question by:anas_elkhani
[X]
Welcome to Experts Exchange

Add your voice to the tech community where 5M+ people just like you are talking about what matters.

  • Help others & share knowledge
  • Earn cash & points
  • Learn & ask questions
  • 5
6 Comments
 
LVL 75

Expert Comment

by:Michel Plungjan
ID: 24761124
change
 var sScript="<SCRIPT DEFER>";

to
 var sScript="<SCR"+"IPT>";

0
 
LVL 75

Expert Comment

by:Michel Plungjan
ID: 24761127
However that is not going to help
Placing a script in innerHTML will not EXECUTE the script
0
 
LVL 75

Expert Comment

by:Michel Plungjan
ID: 24761140
What you are trying to do will not work since the script does a document.write.

Instead we change the document.write of the function to return a string and do



<script language="javascript">
var myString = ""
function getIndex() {
  var x=document.getElementById("mySelect");
  var selval=x.options[x.selectedIndex].value;
  document.getElementById("datearea").style.display='none';
  if (selval!=3) return; // no need to continue
  var myWrite = document.writeln;
  myString = ""
  document.writeln = function(str) {
    myString += str+'\n';
  }
  DateInput('txtFromDate',true,'DD-MON-YYYY');
  document.writeln=myWrite;
  document.getElementById("datearea").innerHTML=myString;
  document.getElementById("datearea").style.display='block';
}
</script>

Open in new window

0
Industry Leaders: We Want Your Opinion!

We value your feedback.

Take our survey and automatically be enter to win anyone of the following:
Yeti Cooler, Amazon eGift Card, and Movie eGift Card!

 
LVL 75

Accepted Solution

by:
Michel Plungjan earned 500 total points
ID: 24761174
ACTUALLY we can do it easier:


<div id="datearea" style="display:none">
<script language="text/javascript">
DateInput('txtFromDate',true,'DD-MON-YYYY');
</script>
</div>

and have




<script language="javascript">
function getIndex() {
  var x = document.getElementById("mySelect");
  document.getElementById("datearea").style.display=(x.options[x.selectedIndex].value==3)?'block':'none';
}
</script>

Open in new window

0
 

Author Comment

by:anas_elkhani
ID: 24763399
I used without script tag, but that takes me to another page without anything else except the date control.
0
 
LVL 75

Expert Comment

by:Michel Plungjan
ID: 24764524
Please show exactly what you did
0

Featured Post

Free Tool: SSL Checker

Scans your site and returns information about your SSL implementation and certificate. Helpful for debugging and validating your SSL configuration.

One of a set of tools we are providing to everyone as a way of saying thank you for being a part of the community.

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

Suggested Solutions

Title # Comments Views Activity
Stop submitting the form everytime I hit on enter 8 348
fetching data 4 197
Problem to the codes 19 109
Problem with syntax 17 123
This article describes how to import an Outlook PST file to Office 365 using a third party product to avoid Microsoft's Azure command line tool, saving you time.
When using a search centre, I'm going to show you how to configure Sharepoint's search to only return results from the current site collection. Very useful when using Office 365 with multiple site collections.
Exchange organizations may use the Journaling Agent of the Transport Service to archive messages going through Exchange. However, if the Transport Service is integrated with some email content management application (such as an antispam), the adminiā€¦

739 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question