asked on 2/1/2016

How to display HTML content in APEX 5.0?

I have HTML code which has buttons and lists, and this includes Java Script also.

I want to create an apex page which displays the html content. just like what I would be getting in a browser.

Is this possible?

below is a sample code, I tried using it in the text of the static page. but the button is not displayed.

<!doctype html>
<html>
<head>
<title> My first java script program </title>
<style type="text/css">
#play_button {
position:absolute;
top: 50px;
left: 200px;
}
</style>
</head>
<script type = "text/javascript">
function addnumbers(x,y)
{
var x = x+y;
return x;
}
function printnumbers()
{
var x = addnumbers(12,23);
document.getElementById('output').innerHTML = x;
}
//document.write(addnumbers(1,2));
</script>
<Form>
<div id = "play_button" >
<input type = "button" value="click" onclick = "printnumbers(); "></input>
</div>
<div id="output"></div>
</Form>
</html>

Oracle Database Web Development Software Web Development Web Applications

Last Comment

Dan McFadden

2/2/2016

Dan McFadden

2/1/2016

There is no BODY element in the HTML you posted.

Try this:

<!doctype html>
<html>
<head>
<title> My first java script program </title>
<style type="text/css">
#play_button {
  position:absolute;
  top: 50px;
  left: 200px;
}
</style>
</head>
<body>
<script type = "text/javascript">
function addnumbers(x,y)
{
  var x = x+y;
  return x;
}
function printnumbers()
{
  var x = addnumbers(12,23);
  document.getElementById('output').innerHTML = x;
}
//document.write(addnumbers(1,2));
</script>
<Form>
  <div id = "play_button" >
    <input  type = "button" value="click" onclick = "printnumbers(); "></input>
  </div>
  <div id="output"></div>
</Form>
</body>
</html>

Open in new window

Dan

sakthikumar

2/1/2016

ASKER

Where should I write this code, I tried in the text of static region, and the button was not coming.

ASKER CERTIFIED SOLUTION

Dan McFadden

2/1/2016

THIS SOLUTION IS ONLY AVAILABLE TO MEMBERS.

View this solution by signing up for a free trial.

Members can start a 7-Day free trial and enjoy unlimited access to the platform.

See Pricing Options

Start Free Trial

sakthikumar

2/1/2016

ASKER

Hi,

I have created a websheet application, but Iam not able to figure out where exactly I need to place the html code.

Dan McFadden

2/2/2016

I would review the article below.

Link: http://dgielis.blogspot.de/2010/03/apex-40-ea2-websheets.html

Dan