Simple HTML and Javascript iView

Hello,
I am new to portal content development so please just point me in the right direction...
I have a simple requirement to render some HTML and javascript in an iView for EP 6. I do not need to pull anything from a backend system etc so I think this is a pretty straight forward work.
Any suggestions?

Hi,
There are two ways, you can achieve this:
1. To create a AbstractPortalComponent and include your HTML as resource in responce.
Check this example, where a JSP is included in responce you should put your HTML and also IResource type as IResource.STATIC_PAGE
IResource staticResource = request.getResource(IResource.STATIC_PAGE , "html/checkres.html");
http://help.sap.com/saphelp_nw70/helpdata/EN/49/4dae42cb9f0f31e10000000a1550b0/frameset.htm
2. You can place your HTML and Javascripts in KM and use the KM Doc IView to show them.
http://help.sap.com/saphelp_nw70/helpdata/EN/fc/cf14bcd42911d5994400508b6b8b11/frameset.htm
If you want to have the flexibility to change the HTML quite often with out redeploying the par file then choose option 2.
Regards,
Praveen Gudapati

Similar Messages

Use of HTML and Javascript within EP

I have a newbie question:
I have several HTMl documents with javascript embedded like e.g. various calculators we use on the current website.
If I want to migrate these html sources to EP content, what can I best do than?
I assume that all existing html and javascript renders as normal without too many development involved?
Is there a good example how-To source which I can use to demonstrate this?
many thanks for your help

Hi,
Well there are two options:
<b>1) If you are interested to make the portal component and then use in Portal.
2) If you want to use your earlier HTML document as it is inside the portal.</b>
In case 1 you need to make the Portal objects and then make a portal project. You can use javascript in that as well.
In case 2 you can directly make the URL iView of the HTML document and then view it from the portal. Well this is not a good way of using your javascript. Personally I suggest you to go for Portal Project.
I hope this help you!!
Regards
Pravesh
PS: Please consider reewarding points.

What HTML and JavaScript engine is used within Adobe AIR on the desktop?

HTML and JavaScript within Adobe AIR are handled by the WebKit HTML/JavaScript engine.

I've made a little headway with this. Within your initHandler just make a call to login:
FacebookMobile.login(loginCallback, this.stage, [], webview);
webview is a StageWebView instance with the viewPort defined. If I left it null, or didn't set the viewPort nothing happens...
var webview:StageWebView = new StageWebView();
webview.viewPort = new Rectangle(0,0,400,400);
I'm now getting a login screen.

Can I package an app using just html and javascript and not flash ?

Hi :
Sorry for the question, but I'm a little confused.
I know I can use javascript with adobe air, I made some test and works great, but I'm not sure if my app will work in an iphone after I build the package.
Thanks in advanced.

No, that's not supported in this version of PFI. From the Developer Guide: "You cannot write HTML- and JavaScript-based AIR applications for the mobile device profile."

How best to store 10KB file with html and javascript

Hello,
I am using Oracle 11g and pl/sql.
I want to store a 10KB of text into a table. The text has many html and javascript characters.
What type of table column should be used for text of this size and type?
What is the best or easiest way to get the text into the table on a regular basis?
Should I read it from a file? Or, ideally, I would like to paste the text into a textbox in the same way it is done here when submitting questions to this forum.
Any suggestions are greatly appreciated.

CLOB

Javascript, HTML, and some pictures

Hello.
Some background.
We have Sharepoint Online 2013...the version that comes with the current Office 365 for businesses. On one of our sharepoint sites, we want to create a rotating image. I have put together for testing purposes an html file that will randomly rotate
through a series of images.
I can embed the html and javascript into a page easy enough but where can I put image files, and how to I reference those in my code?

Hi,
A common practice is that you can upload the images to a Document Library in the current site, then you can get the URL of the images like this:
We can see that, the path of images will have a similar structure and you can take use of it in your code easily.
Best regards
Patrick Liang
TechNet Community Support

No HTML nor Javascript in wiki and forums...

Hello,
Particularly in BSP forums, I am not able to post messages that contain HTML and/or Javascript. I have got a security error I don't have with normal posts...
It seems that the HTML and Javascript code parts are somehow interpreted, which results in an error. For example, one can write:
document.getElementById(<id of button>).click();
which is an invalid Javascript statement, but the same sentence with <id of button> replaced by a real Javascript character string raises an error...
I also tried in the Wiki, but the same error occurs.
Is there any way this can be avoided? Sometimes code samples are clearer than long explanations...
Thanks and regards,
Tanguy

Hello,
Particularly in BSP forums, I am not able to post messages that contain HTML and/or Javascript. I have got a security error I don't have with normal posts...
It seems that the HTML and Javascript code parts are somehow interpreted, which results in an error. For example, one can write:
document.getElementById(<id of button>).click();
which is an invalid Javascript statement, but the same sentence with <id of button> replaced by a real Javascript character string raises an error...
I also tried in the Wiki, but the same error occurs.
Is there any way this can be avoided? Sometimes code samples are clearer than long explanations...
Thanks and regards,
Tanguy

Loading HTML with javascript from SDCard

Hi - my first post so please be kind
My handset is a BES connected 8100 running v4.2.1.66.
I've only recently discovered how to load files from the local media card using the file:///SDCard/example.html semantics, but I'm very frustrated I cannot seem to load scripts embedded in these files, that will load and run normally when the file is retrieved using http.
Is there some magic extension I need to give my files to enable processing of scripts from local files? I've tried the obvious file extensions without luck (htm, html, wml, jsp, asp).
It seems to me that for local files the handset is setting the MIME type from the extension alone, given the error you get when you load a file with an unknown extension - "The returned page had no content type, and therefore cannot be processed."
Can anybody help me shed any light on this behavior and how to get around my lack of javascript on locally loaded files?
Feel free to slap me if this is a know bug in the software I'm running, or has been answered 50 times.
Many thanks; Andrew.

Under which folder we can put the html and javascript files. I have installed balackberry sdk4.6(i.e;
Research In Motion\BlackBerry JDE 4.6.1).
Objective:To open and see a local html file in blackberry browser.

Newby Question: Can AIR app have BOTH use HTML and Flex?

I need to make a desktop app using HTML and JavaScript but I want 99% of the logic to be written in Flex. Is that possible?
Also, do I need to buy Flash in order to compile Flex? Or does AIR SDK include a compiler?
Pete

Yes, it is possible. For Air apps, Flex has an html control that is basically a self-contained webkit browser you can drop into your application. You can insert html either by loading an html string, or pointing the browser to a particular location on your filesystem or on the internet. As far as javascript, it can either be part of the site you load into the browser, or you can "cross-script" javascript in action script. Cross-scripting may be better in certain instances, because then you can use controls written in flex to access or manipulate the html content. To cross-script, you do something like this: var dom:Object = html.window.document, where "html" is the id of your html control. Then, you can access javascript methods and properties through the dom object, like this: var p1:Object = dom.getElementById("p1"). See the webkit docs for available javascript methods and properties.
No, you don't need to buy Flash. The Flex SDK has a compiler. You still might want to get Flex Builder (or the upcoming Flash Builder, which is the same as Flex Builder, but very different than Flash--not confusing at all...). Or I think there are some third party IDEs for Flex, one or more of which might be free, but I'm not sure. I imagine it would be pretty hard for someone just learning flex and air to start building apps without Flex Builder. Also, I think the beta of Flash Builder is still available for free, if you want to try it out.

Image upload from HTML5 and Javascript

I have been struggling with this since a week.
No tutorial on the web was able to help me.
Here is what i am trying to do. I am trying to upload an image via HTML5 . I am confused on how i should send the image as. Should i send it directly the response from HTML5 File reader API or i should convert it to a blob and send it? I am able to upload
text data. But when i upload image data. They won't turn up .

You should send the data you read from File API. So in your code above, you should send the data in "requestData" variable. I wrote a blog post some time ago about uploading large files using HTML 5, jQuery and Shared Access Signature which you
may find useful:
http://gauravmantri.com/2013/02/16/uploading-large-files-in-windows-azure-blob-storage-using-shared-access-signature-html-and-javascript/
Relevant code from that blog post:
var reader = new FileReader();
reader.onloadend = function (evt) {
if (evt.target.readyState == FileReader.DONE) { // DONE == 2
var uri = submitUri + '&comp=block&blockid=' + blockIds[blockIds.length - 1];
var requestData = new Uint8Array(evt.target.result);
$.ajax({
url: uri,
type: "PUT",
data: requestData,
processData: false,
beforeSend: function(xhr) {
xhr.setRequestHeader('x-ms-blob-type', 'BlockBlob');
xhr.setRequestHeader('Content-Length', requestData.length);
success: function (data, status) {
console.log(data);
console.log(status);
bytesUploaded += requestData.length;
var percentComplete = ((parseFloat(bytesUploaded) / parseFloat(selectedFile.size)) * 100).toFixed(2);
$("#fileUploadProgress").text(percentComplete + " %");
uploadFileInBlocks();
error: function(xhr, desc, err) {
console.log(desc);
console.log(err);
Hope this helps.

HTML and XML files open in same window(KM Navigation iView)

Hi All,
I have created a KM navigation which is pointing the folder inside the documents repository. This folder contains HTML and XML files. It is rendering fine. But, when I click on the file links in KM Navigation iView, it is opening in new window.Here I need to open in same window. How can I acheive this?. Please help me.
Thanks & Regards,
Venkatesh R

Hi ,
check the below thread and try options mentioned in it
https://www.sdn.sap.com/irj/sdn/thread?threadID=72594
Koti Reddy

Hi, We have an application built using HTMl 5 and Javascript running on IPad2, iOS5.1 Safari 5.1. When we try to download a file(.pvw file) in that application safari throws "Download failed" error. Please suggest what needs to be done.

Hi,
We have an application built using HTMl 5 and Javascript running on IPad2, iOS5.1 Safari 5.1.
When a file url is clicked instead of asking for Save or Open or Cancel options, the file gets opened on IPad by default.
Is this default behaviour which cannot be changed or can it be configured to ask user preference?
When we try to download a file(.pvw file -> a model file) in the above application, safari throws "Download failed" error.
Please suggest what needs to be done.
Regards,
Pramod

Safari on an iPad in general does not allow downloading of files. That's a safety precaution in the iOS SDK to keep unauthorized content off of iOS devices. Safari will open from the web site file types that it can handle, but direct downloading isn't normal behavior, and I don't believe the behavior can be changed, though you can try asking in the developer forum, either here or the one to which you have access as a member of Apple's iOS developer program.
Regards.

KM Document iView - index.html and main.css not properly displayed

Hello,
as a test we have put two files in the /documents repository in KM :
a) index.html
<head>
<link rel="stylesheet" type="text/css" href="./main.css"/>
</head>
<table width="92%" bgcolor="#FFFFFF">
<tr align="left" valign="top">
    <td> </td>
    <td colspan="5"><table width="100%" border="0" cellpadding="5" cellspacing="0">
        <tr valign="middle">
          <td width="85" bgcolor="#C7D9E9"> <p><b>Top Links</b></p></td>
          <td width="125" class="document-list"><a href="impax.html">IMPAX Client
            </a> </td>
          <td width="125" class="document-list"><a href="talkstation.html">TalkStation</a></td>
          <td width="125" class="document-list"><a href="ris.html">RIS</a></td>
          <td width="125" class="document-list"><a href="connectivity.html">Connectivity
            Manager</a></td>
          <td width="125" class="document-list"><a href="impax.html">IMPAX Server</a></td>
        </tr>
      </table></td>
</tr>
</table>
b) main.css
A:visited
    color: #264560
A:active
    color: #12212E
A:hover
    color: #14623D
A
    color: #336699
table
    margin-top: 0px;
    margin-bottom: 0px;
p
    color:#000000;
     font-family: Arial, Helvetica, sans-serif;
     margin-bottom: 0px;
    margin-top: 5px;
     font-size: 12px;
.document-list
    background-color:#C7D9E9;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-color: #000000
    margin-bottom:3px;
When going to Content Administration -> KM Content -> Documents and clicking the index.html file, the css file is taken into account, when i.e hovering over the IMPAX hyperlink, the path is http://<host>:<port>/irj/go/km/docs/documents/impax.html and the impax.html page is displayed when clicked.
However, when creating a KM Document iView (with or without content filter) pointing to /documents/index.html and displaying the iView, the style sheet is ignored, and the same hyperlink as above now refers to http://<host>:<port>/irj/servlet/prt/portal/prtroot/impax.html, which is incorrect.
-> How can this behaviour be explained?
-> When creating an URL iView pointing to /irj/go/km/docs/Agfa_Knowledgebase/index.html , everything works as expected.
Thanks for the help -

Hi,
You should correct the path to your css file in your index.html:
href="/irj/go/km/docs/documents/main.css"
Regards,
Praveen Gudapati

8900 Curve - HTML 4.01 and JavaScript 1.5

Hi. I am trying to run a chess Web app (www.gameknot.com) that requires HTML 4.01 and JavaScript 1.5, so far unsuccessfully when it comes to moving pieces. Does my 8900 Curve support HTML 4.01 and JavaScript 1.5? Thank you. Jeff

Hi Jeff. I'm also trying to make JS works, in my case using a PhoneGap application so it browses local html/JS instead of www (but it's html&javascript after all). I had some troubles when it comes to move items like small images even though the other JS functions seem to work fine. It seems we need to focus on which properties/functions related to positionning are available on the BB browsers.
Rodrigo Bravo
http://www.wilkonit.com

Filting html tags, css, and javascript with regex

hi everyone,
im writing a small application where a user types in a url, and the text of the webpage is displayed in a text area.
ive got it to work, however it takes some time, and also alot of content i dont want is displayed - tags, scripts and sometimes css.
initally i filtered out the html tags with a regular expression, but i still get alot of unwanted content.
im not a confident java programmer, and the idea of parsing html, css and javascript is the scariest idea ever to me, so my next idea is to keep only everything between the <body> tags - everything above and below it is deleted - hopefully that should leave me only with the visible content on the site.
ive messed around with regular expressions but i cant get it to work, can anyone help out?
thanks alot,
Torre

Darryl.Burke wrote:
I tried out the regexes I posted on the source of a forum page, which is not valid html (contains two each opening and closing body tags). With a bit of trial and error I was able to remove everything upto the first, and not the second, opening tag by using a reluctant qualifier, ^.*?, but couldn't for the life of me achieve removal of only the last closing tag, leaving the other, invalid one intact. How would you do that?Regexes always try to match the first occurrence of whatever they're looking for (the sentinel), and there's no way to change that behavior (but it would be handy if you could). What you have to do instead is make sure the rest of the regex can't match the sentinel. For that you need lookahead, and the simplest way to use it is to scan the rest of the text looking for the sentinel and, if it doesn't find one, go ahead and gobble up the remaining text: "(?is)</body>(?!.*</body).*$" However, if there are many occurrences of the sentinel, you could take a serious performance hit. Here's a much more efficient way: "(?is)</body>(?:[^<]++|<(?!/body>))*+$" After matching the sentinel, this regex gobbles up anything that's not the first character of the sentinel, or the first character as long as it isn't followed by the remaining characters of the sentinel. The advantages of this regex are that it never has to backtrack, and the lookahead is only applied when it's necessary, where the first regex applies it every time.

Simple HTML and Javascript iView

Similar Messages

Maybe you are looking for